摘要: nginx 压缩功能,可以减少文件的网络传输时间、同时也节省了所需要的带宽。比如高压缩比的html、js、json、css等,有时可以高达70%~90%,优化效果明显。 gzip压缩需要 前端 服务器同时配置 这里使用vue为例 // 首先安装插件 npm install --save-dev co 阅读全文
posted @ 2022-04-14 10:11 lutwelve 阅读(2419) 评论(0) 推荐(0)
摘要: 防抖和节流 首先两者的区别 防抖:N秒内只触发一次,如果N秒内再次触发则重新计算时间; 节流:N秒内只触发一次,如果N秒内再次触发也不会执行; 防抖的实现 这里使用Vue自定义指令的形式实现,核心代码是事件绑定那段 /** * @description Vue自定义指令 * @param argme 阅读全文
posted @ 2022-04-13 15:26 lutwelve 阅读(658) 评论(0) 推荐(0)
摘要: echarts控制台报错和100px宽度问题 起因echarts的父元素没有宽高或者设置了v-show; 解决思路 父元素没有宽高或者 需要在mounted钩子中开始绘制(这个时候Dom已渲染); 或者使用this.nextTick(()=>{console.log('需要做的操作')}); v-s 阅读全文
posted @ 2022-04-11 16:24 lutwelve 阅读(345) 评论(0) 推荐(0)
摘要: 浏览器输入url到渲染页面经历了什么 三个方面: 网络篇: 构建请求 查找强缓存 DNS解析 建立TCP连接(三次握手) 发送HTTP请求(网络请求后网络响应) 浏览器解析篇: 解析html构建DOM树 解析css构建CSS树、样式计算 生成布局树(Layout Tree) 浏览器渲染篇: 建立图层 阅读全文
posted @ 2022-03-15 09:23 lutwelve 阅读(45) 评论(0) 推荐(0)
摘要: XSS(Cross-Site Scripting,跨站脚本攻击)是一种代码注入攻击。攻击者在目标网站上注入恶意代码,当被攻击者登陆网站时就会执行这些恶意代码,这些脚本可以读取 cookie,session tokens,或者其它敏感的网站信息,对用户进行钓鱼欺诈,甚至发起蠕虫攻击等。 CSRF(Cr 阅读全文
posted @ 2022-03-15 09:15 lutwelve 阅读(174) 评论(0) 推荐(0)
摘要: vue项目启动报错 spawn cmd ENOENT errno: -4058 运行vue项目(npm run dev)报错 提示 'npm' 不是内部或外部命令 cmd输入node -v 有版本号 没问题啊 那应该是node升级的问题 于是我就卸载重新安装 总没问题了吧 但是新问题来了 报错如下 阅读全文
posted @ 2022-03-15 09:09 lutwelve 阅读(2532) 评论(0) 推荐(0)
摘要: ########### 每个指令必须有分号结束。##################user administrator administrators; #配置用户或者组,默认为nobody nobody。#worker_processes 2; #允许生成的进程数,默认为1#pid /nginx/ 阅读全文
posted @ 2022-03-08 14:50 lutwelve 阅读(240) 评论(0) 推荐(0)
摘要: try...catch try...catch语句标记要尝试的语句块,并指定一个出现异常时抛出的响应。 语法 try { // 需要被执行的语句。 // try_statements } // 如果在try块里有异常被抛出时执行的语句。 catch (exception) { // catch_st 阅读全文
posted @ 2022-03-01 16:22 lutwelve 阅读(899) 评论(0) 推荐(0)
摘要: 样式之文字下划线 第一 text-decoration: underline; 缺点是不好修改颜色 不要修改下划线的位置,优点就是一行代码解决 可以使用line-height: 20px; 也能调整位置; 第二种更全面 使用span标签而且不会变形 border-bottom: 2px solid 阅读全文
posted @ 2022-02-23 15:01 lutwelve 阅读(2902) 评论(0) 推荐(0)
摘要: 需求:数据量超出屏幕时,屏幕自动滚屏 分以下步骤 获取纵向滚动条的位置 使用定时器增加滚动量 鼠标移入时滚动暂停 鼠标移出时滚动继续 上代码 // 定义全局变量定时器 let setTimeName = null; /** * @description 初始化屏幕滚动 * @params {Stri 阅读全文
posted @ 2022-02-17 16:35 lutwelve 阅读(604) 评论(0) 推荐(0)