作用
liyifan_xlb
好记性不如一个烂笔头
展开
-
大屏可视化适配
使用安装npm install postcss-pxtorem --save-dev原创 2021-11-16 09:37:48 · 182 阅读 · 0 评论 -
vue 项目优化解决方案都有哪些
1.使用 mini-css-extract-plugin 插件抽离 css2.配置 optimization 把公共的 js 代码抽离出来3.通过 webpack 处理文件压缩4.不打包框架、库文件,通过 cdn 的方式引入5.小图片使用 base646.配置项目文件懒加载7.UI 库配置按需加载8.开启 Gzip 压缩...原创 2021-11-01 14:23:04 · 231 阅读 · 0 评论 -
vue项目优化(全)
减少页面加载的方式减少调用其他页面,文件的数量使用CSS格式时,背景图载入图形文件压缩JavaScript ,CSS 代码在文件头部放 CSS样式在文件尾部放 JS 脚本CSS, JavaScript 改由外部调用其他优化方式v-if 和 v-show , 尽量使用v-show使用 object.freeze() 方式 冻结data中的属性,从而组织数据劫持组件销毁的时候会销毁的不干净,需要手动去销毁,所以一个组件销毁的时候需要手动去,removerEventListe原创 2021-09-03 10:54:13 · 94 阅读 · 2 评论 -
hash和 history 区别
hash模式和history模式的区别区别:hash模式url 带 #号history 模式不带#号hash 地址栏 url有变化不会重新加载页面不会向后端发送请求history 则相反,没有对应的页面就会出现404但是在history下 你可以自由的修改path,当刷新时,如果服务器中没有相应的响应或者资源,会刷新出来404页面原理hash 模式依赖的是 onhashchange() 时间去监听的 ,location.hash的变化history:利用了HTML5,Histor原创 2021-09-03 10:38:31 · 110 阅读 · 0 评论 -
js 获取时间,日期, 以及星期几
引入 moment.js 这个插件第一步下载npm i moment --save第二步引入项目中main.js引入:import moment from 'moment'Vue.prototype.$moment = momentvue页面中 <div class="full-header-left_title"> {{ currentTime }} {{ daysCurrent }} </div>原创 2021-09-01 15:55:37 · 244 阅读 · 0 评论 -
Echaets中折线图实现数据实时加载(动)
安装echartsnpm install echarts -S引入echarts 在main.js中import echarts from 'echarts'Vue.prototype.$echarts = echartsHTML结构 <div id="main" style="width: 750px;height:400px;"></div>js部分export default { name: "power", data() { retur原创 2021-09-01 15:35:11 · 501 阅读 · 0 评论 -
自动化部署路由
自动化部署路由//自动化部署const requireComponent = require.context('../page/contentViews', true, /\.vue$/);const content_views_routes = requireComponent.keys().map(fileName => { // 获取组件配置 const componentConfig = requireComponent(fileName); // 剥去文件名开头的 `./` 和结原创 2021-08-30 14:24:11 · 70 阅读 · 0 评论 -
WebSocket 实时推送数据用法
什么是websocketWebsocket是应用层第七层上的一个应用层协议,它必须依赖 HTTP 协议进行一次握手 ,握手成功后,数据就直接从 TCP 通道传输,与 HTTP 无关了。即:websocket分为握手和数据传输阶段,即进行了HTTP握手 + 双工的TCP连接。用法// 初始化一个 scoket 建立连接 init() { if (typeof WebSocket === "undefined") { alert("您的浏览器不支持socket");原创 2021-08-30 13:51:28 · 1422 阅读 · 0 评论 -
服务器和客户端三次握手和四次挥手
三次握手是建立连接为了简历安全连接 带着sck seq 跟服务器进行交流第一次是告诉服务器我来了,要建立连接第二次是服务器告诉我他收到请求了,可以准备连接了第三次是我告诉服务器,进入连接四次挥手是断开连接首先是客户端向服务器发送一个FM包,服务器收到后,向客户端发送有个确认的收拾 进入 close_wait状态,然后客户端收到ACK 包后 进入 fin_wait2 状态,然后服务器端再吧自己剩余没传完的数据发送给客户端。发送完毕后在发一个Fin+ ACK包,进入Last_ack(最后原创 2021-08-30 13:40:08 · 132 阅读 · 0 评论 -
vue中 key 的作用
key 的作用key 主要是用在虚拟dom中,每个虚拟的节点Vnode 有一个唯一标识key,通过对新旧的key来贩毒案节点是否改变,用key就可以大大提高渲染效率,这个key 类似于缓存中的 etagfor 循环中的key作用以便于更好的跟踪每个节点必须是string 和 number 类型必须具有唯一性,注 id不可以是index,因为不唯一,index是会变的...原创 2021-08-30 13:25:25 · 305 阅读 · 0 评论