在项目中，我们或多或少都会经历一些长列表渲染的难题，本篇文章就为大家详细的解析这类场景的解决方案。内容相对易上手，并不涉及复杂的逻辑，效果立竿见影。还等什么呢，快来看看吧。

这个问题，源于上传图片文件的时候，后台限制了2MB的大小，but在调起相机拍照的时候分分钟超过了2MB,为了不影响用户体验和功能需求，需要前端对大小进行压缩，然后传到后台。 找了很多资料，发现只有canvas可以对图片进行压缩处理。 2、创建一个image标签去接收文件获取图片…

v-if和v-for不要在一起使用。v-if的条件通过函数来处理 computed和watch注意区分使用场景。前者是有缓存的。后者是监听到数据变化后的回调无缓存 created中发起请求，mounted钩子中代表页面dom加载完成可以进行dom操作。 操作dom不要使用js原…

目前 Vue单页面应用在前端界混的风生水起，它的开发思想使得我们能真正做到前后端分离、解耦。单页面应用使用浏览器动态解析JS，呈现出最终的页面，用户体验比较好，网站性能也提高不少。但网络爬虫并不会动态解析Js，所以访问所有未处理的单页面应用URL得到的只会是项目入口（index…

webpack打包过程中，经常出现app.js一个文件好几兆的情况，这偏偏又是网页最先加载的文件，由于从上到下的执行顺序，前面的脚本在加载时会阻塞页面渲染，白屏时间由此而来。那么我们如何提高网页渲染速度呢？办法之一就是合理的分包策略。 一个简单的博客项目，项目本身并不大，但透过…

公司里的PHP后台项目，上一任的工程师对于很长列表的处理，都是直接全部进行渲染，导致的一个问题就是，加载页面都要加载比较久的时间，这里只能庆幸这个后台项目只是给公司里边的大佬用，用的机器还可以，除了忍受一下加载速度比较慢之外，没有很大的影响。但他们能忍，作为前端工程师，我实在是…