1，为什么需要单独搭建分布式文 在单系统时代，可以在系统的resource目录下直接建立image，file目录用于存储图片等各种文件，这样做优点用处，直接在项目需要处引用图片就行，但是，缺点也非常明显，代码和文件资源相互杂糅，导致系统臃肿混乱，并且随着静态资源的增多，导致加载速度下降，并且不利于吸 ...
分类：
其他好文 时间：
2020-05-09 23:27:05
阅读次数：
87
我经常会使用 unsplash， 这里面的图片非常清爽，我的大多数文章的图片都是在这个网上找的，虽然也有同类型网站，但是用过一段时间以后基本都放弃了，图片质量参差不齐，筛选过程太费劲。 但是 unsplash 访问速度是个大问题，我经常会因为图片无法加载而被劝退。 今天一时手痒，顺手搜了 unspl ...
分类：
其他好文 时间：
2020-05-09 01:30:23
阅读次数：
115
从谷歌引用 jQuery： Google CDN: <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"> </script> </head> 提示：通过 Google CDN 来获得 ...
分类：
Web程序 时间：
2020-05-03 17:04:28
阅读次数：
108
页面性能优化可以从两方面着手，第一个时页面加载速度，第二个是页面运行时性能，这里主要说页面加载性能。 1.vue 路由的懒加载 component: () =>import(/* webpackChunkName: "quality-overseer-msg" */ "@/views/quality ...
分类：
其他好文 时间：
2020-05-01 01:22:24
阅读次数：
99
欢迎大家前往腾讯云+社区，获取更多腾讯海量技术实践干货哦~ 企业微信移动端项目中有需求要展示数据趋势的可视化图表，经过调研，最终决定以单页面 H5 来完成，对 APP 里的一些使用 H5 实现的功能模块，一般体验都比原生差，那么怎么提高h5加载速度？优化 h5 体验？ 适用场景：需要快速迭代、客户端 ...
分类：
移动开发 时间：
2020-04-28 00:08:09
阅读次数：
90
症结 在利用webpack脚手架搭建vue项目后，往往最终打包的.js和.css文件过于庞大，造成首次加载的时候白屏时间过长，影响用户体验，下图为未经任何优化直接npm run build之后的情况： 其中vendor.js文件高达1.16MB，平均白屏时间超过10秒。 解决方案 使用CDN剥离JS ...
分类：
Web程序 时间：
2020-04-23 19:12:26
阅读次数：
151
在网站开发中，我们需要对图片进行无损压缩，推荐的网站为tinypng，链接为：https://tinypng.com/。 可以将至多20张图片拉到框中进行压缩，再下载替换原来的图片，压缩后的图片体积大大减少了，加快了页面的加载速度。 注：有时一些图片压缩失败时，可能是因为频繁操作，服务器进行了请求次 ...
分类：
其他好文 时间：
2020-04-22 00:31:56
阅读次数：
275
在小程序中使用Echart图表 Echart UI构建（柱状图） Echart 假数据 Echart 动态设置数据 柱状图UI示例 // Echart config，包括init data 和style及数据类型 var option = { animation: false,//提高页面加载速度， ...
分类：
微信 时间：
2020-04-15 13:48:05
阅读次数：
98
css sprites是干啥的？ 简单来讲就是把多个icon（小图标），通过ps等工具合并为一张图片，从而达到减少http请求的次数，以提高网页加载速度（性能）的一种方式。 主要的优点就是提高加载速度，还有个小优点就是，减少图片命名，相信命名这件事是大家都有的困扰。 但是缺点也是有的，比如制作的时候 ...
分类：
Web程序 时间：
2020-04-14 20:24:29
阅读次数：
94
路由懒加载 当打包构建应用时，Javascript 包会变得非常大，影响页面加载速度。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。 结合 Vue 的异步组件和 Webpack 的代码分割功能，轻松实现路由组件的懒加载。如： 1 const ...
分类：
其他好文 时间：
2020-04-12 14:10:06
阅读次数：
73
