- 博客(3)
- 收藏
- 关注
原创 虚拟DOM与diff算法
虚拟DOM与diff算法 虚拟DOM 在DOM操作中哪怕我们的数据,发生了一丢丢的变化,也会被强制重建整预DOM树。这么做,涉及到很多元素的重绘和重排,导致性能浪费严重 只要实现按需更新页面上的元素即可,只需要把修改的数据,所对应的DOM元素重新构建一下,其它没有变化的数据,所对应的DOM节点不需要被强制更新 如何按需更新页面上的元素 只需拿到页面被更新前的内存中的DOM树,同时,再拿到页面更新前,新渲染出来的内存DOM树,然后,对比这两棵新旧DOM树,只需要找到那些需要被重新创建和修改的元素即可,
2020-11-17 10:11:35
127
原创 vue项目优化与上线部署
一.项目优化策略 1.生成打包报告 2.第三方库启用CDN 3.Element-ui组件按需加载 4.首页内容定制 5.路由懒加载 1.生成打包报告 1.1通过vue-cli的UI面板直接查看 1.2通过命令行参数生成报告 // 生成report.html分析报告 vue-cli-service build --report 2.修改webpack配置 https://cli.vuejs.org/zh/config/#vue-config-js 如果有修改webpack默认配置的需求,可以在项目根
2020-11-03 17:14:57
396
原创 nuxt的使用(一款vue基于服务器SSR渲染工具)
Nuxt.js简单的说是Vue.js的通用框架,最常用的就是用来作SSR(服务器端渲染)。 SSR,就是在服务器端将对Vue页面进行渲染生成html文件,将html页面传递给浏览器。 SSR两个优点: SEO 不同于SPA的HTML只有一个无实际内容的HTML和一个app.js,SSR生成的HTML是有内容的,这让搜索引擎能够索引到页面内容。 更快内容到达时间 传统的SPA应用是将bund...
2019-05-07 14:15:38
2010
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人