- 博客(4)
- 收藏
- 关注
原创 实现屏幕自动滚动
需求:数据量超出屏幕时,屏幕自动滚屏分以下步骤获取纵向滚动条的位置使用定时器增加滚动量鼠标移入时滚动暂停鼠标移出时滚动继续上代码// 定义全局变量定时器let setTimeName = null;/** * @description 初始化屏幕滚动 * @params {String} type 传入需要屏幕滚动Dom的ID**/initScrollMove(id) { // 定义承接滚动量变量 let moveHeight = -1; // const $thi
2022-04-21 20:58:21 800
原创 前端性能优化--防抖节流
防抖和节流首先两者的区别防抖:N秒内只触发一次,如果N秒内再次触发则重新计算时间;节流:N秒内只触发一次,如果N秒内再次触发也不会执行;防抖的实现这里使用Vue自定义指令的形式实现,核心代码是事件绑定那段 /** * @description Vue自定义指令 * @param argment[0] {type: String} * @param argment[1] {type: Object} 在绑定组件中的各个生命周期中书写业务,这里使用inserted(){}
2022-04-21 20:54:24 172
原创 前端性能优化--nginx压缩
nginx 压缩功能,能减少文件的网络传输时间、也节省了所需要的带宽。压缩html、js、json、css、png等,可高达70%左右,单页应用提速效果明显。gzip压缩需要 前端 服务器同时配置 这里前端使用vue为例 // 首先安装插件 npm install --save-dev compression-webpack-plugin // vue.config.js中配置 const CompressionWebpackPlugin = require('compression-webp
2022-04-21 20:51:33 3365
原创 XSS攻击防范
前端安全系列之XSS攻击防范1、使用textContent2、使用HTML转义把JS中的标签转成字符3、对于链接跳转 禁止含有’javascript:'开头的字符4、标签属性中含有恶意执行代码 javascript5、如果用户输入的文本进行过滤很容易照成注入漏洞6、什么是XSS攻击Cross-Site Scripting(跨站脚本攻击) 为和CSS区分所以叫XSS攻击7、XSS攻击的本质而已代码未经过滤,混入正常代码中,浏览器无法分辨,导致恶意代码被执行;8、在处理输入时,
2022-04-21 20:43:51 1643
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人