前言在前面的文章中，已经介绍了：《CI&CD落地实践1-目标规划&工具、技术选型》《CI&CD夺命十三剑2-Jenkins环境搭建&常见使用技巧》《CI&CD夺命十三剑3-Jenkins版本升级与踩坑实践》有了目标，有了工具，下面就是开始利用工具来达成我们的目标、提升工作效率、带来效益的时候了。本篇文章将介绍如何在Jenkins中接入web前端项目，实现自动 …
web前端项目描述
感谢机械工业出版社@李晓波赠送的《web漏洞解析与攻防实战》，这本书是2023年刚刚出版的，作者是安全圈子里非常出名的do9gy和phith0n，今日有幸拜读大作，欣喜万分，从传统web后端漏洞（sql注入）到web前端漏洞（xss注入），再到新型后端漏洞（反序列化注入），勾勒出web安全发展历程，这也是网络安全菜鸟成长为老鸟的必经之路，现在跟着作者一起，开 …
随着互联网高速发展，以及即将到来的5G时代，WebRTC作为前端互动直播和实时音视频的利器，也是将前端开发者们不可错过的学习领域。如果你现在只是听过而已，那你可能要好好学习一番。什么是WebRTC？WebRTC 全称是（Web browsers with Real-Time Communications (RTC)大概2011年，谷歌收购了 GIPS，它是一 …
之前代码中前端生成唯一的id方式，一般采用uuid的方式，最近唯一id有了更好的方式，那就是NanoID，今天这篇文章记录一下NanoID 正在取代 UUID？及js 生成uuid及NanoID的方法。为什么 NanoID 正在取代 UUID1、.更安全 在大多数随机生成器中，它们使用不安全的 Math.random()。但是，NanoID 使用 crypt …
html+css+js，最基础的是这三种；然后现在开发中一般会使用现成的前端框架来开发，比如vuereact等等；最后是组件库的使用，比如web端的element-UI，移动端的vant-UI等组件库，学会使用开发框架和组件库之后，很多前端页面的实现效果就变得十分简单，取之即用；一、前端基础html是超文本标记语言，组成了网页的框架，HTML 运行在浏览器上 …
扩展参考：Jenkins+Gitlab通过脚本自动部署回滚web项目至集群 一：基础环境介绍及准备1）:Gitlab服务器：ubuntu 192.168.152.131 ---参考搭建：Linux安装gitlab，docker安装gitlab教程2）:Jenkins服务器：ubunu 192.168.152.130 ---参考搭建：linux安装Jenkin …
前端介绍了建立模型（表），并写了保存数据，与查询数据，那么在前端页面，如何将用户输入的数据提交到后台保存呢?django框架的处理逻辑大体是这样的：1，前端页面表单一般是在一个form里面，在form中指定action2，在urls.py中定义路由，接受form中action指定的路径（由）3，在views.py或自定义的py模块中定义后端处理逻辑，并返回给 …
大家好，很高兴又见面了，我是"高级前端分享"，由我带着大家一起关注前端前沿、深入前端底层技术，大家一起进步，也欢迎大家关注、点赞、收藏、转发!今天给大家带来的主题是Web Component，话不多说，直接进入正题。1.前言项目受益于使用具有单一职责的简单、独立的模块。模块化代码被封装，因此无需担心实现。只要您知道在给定一组输入时模块将输出什 …
有很多浏览器供我们选择。目前BS的普遍应用与浏览器的高度完善分不开。基于浏览器的开发模式一般叫BS，相对于CS的开发有两个主要特点：统一的UI表达方式、统一的通讯表达方式。这两点的统一，让很多开发成果的复用率得到提高。主流浏览器以下是一些主流浏览器的比较，包括它们的主要特点和差异。表格列出了浏览器名称、开发者、平台支持、引擎、隐私和安全功能、扩展支持、以及其 …
前言不知道什么时候，搭建一个前端项目，慢慢成为了我的执念，总感觉不搭建一个，总是缺点什么（虽然日常根本用不到，因为公司都是用那些集成脚手架，从vue-cli再到vite），正是抱着这种心态，我写了这篇文章（从零开始搭建(基于webpack5+)，最后部署在github）。目标满足日常的开发环境(dev)以及本地预览(preview)，和发布部署（github …