前端优化专栏
工程化,性能提升,安全防范,框架重构
Mokin_Zhao
做一个纯粹的技术爱好者!
展开
-
最新骨架屏方案梳理
最新骨架屏方案梳理什么是骨架屏骨架屏是预渲染机制中一种增强用户体验的方式,可以理解为是当数据还未加载进来前,页面的一个空白版本,一个简单的关键渲染路径。可以看一下下面 Facebook 的骨架屏实现,可以看到在页面完全渲染完成之前,用户会看到一个样式简单,描绘了当前页面的大致框架的骨架屏页面,然后骨架屏中各个占位部分被实际资源完全替换,这个过程中用户会觉得内容正在逐渐加载即将呈现,降低了用...原创 2019-11-29 11:30:52 · 1138 阅读 · 0 评论 -
前端优化——性能提升
优化清单:1.路由模块按需加载2.组件懒加载3.Object.freeze() 冻结不再变更的对象4.开启productionGzip 压缩5.合理使用keep-alive保留组件状态,避免重新渲染6.v-if与v-show根据具体业务场景适当选取7.图片使用与加载优化8.大数据列表使用vue-virtual-scroll-list优化9.配置 exter...原创 2019-07-26 16:49:17 · 453 阅读 · 0 评论 -
前端优化——前端工程化
开了一个大前端技术交流群,也可直接加我微信入群(mokinzhao)背景与意义:早前前端的开发工作在一些场景下被认为只是日常的一项简单工作,或只是某个项目的"附属品",并没有被当做一个"软件"而认真对待(无论是产品负责人还是开发者),都会有用完即丢的感觉,对于时间和成本的控制必然将导致最终产出倾向于出现"质量低"、"可维护性差"、"可用性差"等问题。随着Web业务日益复杂化和多元化,工...原创 2019-07-26 16:43:02 · 499 阅读 · 0 评论