Beam

官方说明：https://support.google.com/chrome/answer/95669?visit_id=637147583639250344-892483008&p=e_awsnap&rd=1现象：浏览器打开一个vue页面，当前页面使用定时器每秒调后台接口一次，长时间停留在此页面，大约半天时间，浏览器显示：喔唷，崩溃啦！定位问题：浏览器标题栏空白处点击...

对于前端纯大数据展示，不需要做修改其中字段等处理的，使用Object.freeze方法来包裹变量，vue内部不再去监听数据的变化提高性能。话是这么说，官方资料这么写：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze但是，问题又来了，这个Object.fr...

官方资料：https://router.vuejs.org/zh/guide/advanced/lazy-loading.html路由懒加载和非懒加载的差别：1、在项目中切换路由，明显可以看到，非懒加载只有在初次切换路由时加载所有的路由js文件，懒加载每次切换路由会加载新的js。（切换相同路由使用缓存不算）2、打包项目后可见，非懒加载所有路由相关js都打包在0*.js文件中了，路由懒加载...

前言：一味的性能优化，必将导致代码的可阅读性差，所以优化程度自己看着来。一、减少HTTP请求合并js、css文件二、CSS文件处理1、CSS文件放顶部2、避免使用CSS表达式如：background-color:expression((new Date().getHours()%2?"#B8D4FF":"#F08A00"));3、尽量避免內联样式内联样式：使用style属性添加到...

前言前端性能优化系列，记录在优化过程中的问题，可能有十万个为什么，待以后懂了再记录，毕竟太菜啥都不懂。而且部分优化（设置缓存、gzip压缩、使用CDN加速服务）非开发人员来控制，而是网站服务器管理员的职责。一、缓存分为两类强缓存：不向服务器发送请求，直接使用客户端本地缓存数据协商缓存：向服务器发送请求，由服务器判断请求文件是否发生改变。若未发生改变，则返回304状态码，通知客户端直接使用......

一、举个小例子图标文件，原图favicon.ico大小1.4KB，打包后dist文件夹里大小为1.12KB，启动本地服务初次加载时浏览器显示大小704B，启动nginx服务初次加载时浏览器显示大小1.4KB。说明：1、dist文件夹里大小为1.12KB，webpack的功劳，具体不知。2、本地服务大小704B，webpack的功劳，具体不知。3、nginx服务大小1.4KB，nginx...

1、为什么要用CDN加速服务优点：JS体积变小，使用CDN的第三方资源的JS代码，将不再打包到本地服务的JS包中。减小本地JS包体积，提高加载速度。给网页加载提速缺点：请求变多万一CDN资源路径有变动需要更改，建议自行搭建CDN库。2、哪些需要使用CDN在项目根目录下运行npm run build --report打包完成后，会打开一个页面，展示各个依赖包的大小，查看哪些第三......

1、使用PS存储为web格式对比jpg和png的特点，不同的图像使用不同的格式能得到最佳压缩效果。1.1对处理好的图片选择文件-存储为web所用格式1.2在预设中调整降低图片质量比如，PNG-24调整为PNG-8看差异是否明显1.3调整大小百分比百分比放大，比如调到200%，适用于在上一步预设中降低了图片质量后，导致在100%的情况下图片有不清晰等差异，可尝试放大到200%，同时需要控...