- 博客(4)
- 收藏
- 关注
RSS订阅原创 实现屏幕自动滚动
需求：数据量超出屏幕时，屏幕自动滚屏 分以下步骤 获取纵向滚动条的位置 使用定时器增加滚动量 鼠标移入时滚动暂停 鼠标移出时滚动继续 上代码 // 定义全局变量定时器 let setTimeName = null; /** * @description 初始化屏幕滚动 * @params {String} type 传入需要屏幕滚动Dom的ID **/ initScrollMove(id) { // 定义承接滚动量变量 let moveHeight = -1; // const $thi
2022-04-21 20:58:21
897
原创 前端性能优化--防抖节流
防抖和节流 首先两者的区别 防抖：N秒内只触发一次，如果N秒内再次触发则重新计算时间； 节流：N秒内只触发一次，如果N秒内再次触发也不会执行； 防抖的实现 这里使用Vue自定义指令的形式实现，核心代码是事件绑定那段 /** * @description Vue自定义指令 * @param argment[0] {type: String} * @param argment[1] {type: Object} 在绑定组件中的各个生命周期中书写业务，这里使用inserted(){}
2022-04-21 20:54:24
223
原创 前端性能优化--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
3492
原创 XSS攻击防范
前端安全系列之XSS攻击防范 1、使用textContent 2、使用HTML转义 把JS中的标签转成字符 3、对于链接跳转 禁止含有’javascript:'开头的字符 4、标签属性中含有恶意执行代码 javascript 5、如果用户输入的文本进行过滤很容易照成注入漏洞 6、什么是XSS攻击 Cross-Site Scripting(跨站脚本攻击) 为和CSS区分所以叫XSS攻击 7、XSS攻击的本质 而已代码未经过滤，混入正常代码中，浏览器无法分辨，导致恶意代码被执行; 8、在处理输入时，
2022-04-21 20:43:51
1736
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人