08 2020 档案

web性能优化之页面加载体验（骨架屏）
摘要：针对web页面的首屏加载问题，一直是个问题，为此还引出一个性能考量标准：白屏时间、首屏时间。 1.白屏时间 打开chrome控制台的Performance，我们可以看到页面的渲染快照： 这段白屏时间影响的因素归根结底就是：资源加载耗时较长（chunk.js文件下载耗时35.75s）； 而对于现在的大 阅读全文
posted @ 2020-08-19 12:07 没事看看电影 阅读(1007) 评论(0) 推荐(0)
Vue项目 开启gzip
摘要：摘要： 打包的时候开启gzip可以很大程度减少包的大小，非常适合于上线部署。更小的体积对于用户体验来说 就意味着更快的加载速度以及更好的用户体验。 Vue-cli3.0项目 安装依赖：compression-webpack-plugin npm install compression-webpack 阅读全文
posted @ 2020-08-19 11:12 没事看看电影 阅读(1772) 评论(0) 推荐(0)
webpack4.splitChunks
摘要：webpack中的三个概念module、chunk和bundle 在研究splitChunks之前，我们必须先弄明白这三个名词是什么意思，主要是chunk的含义，要不然你就不知道splitChunks是在什么的基础上进行拆分。 从官网上貌似没找太多的解释，去网上搜了搜基本上都在转述这位老哥的回答《w 阅读全文
posted @ 2020-08-19 10:14 没事看看电影 阅读(436) 评论(0) 推荐(0)
webpack之loader
摘要：作用 loader是一种打包的方案，webpack默认只识别js结尾的文件，当遇到其他格式的文件后，webpack并不知道如何去处理。此时，我们可以定义一种规则，告诉webpack当他遇到某种格式的文件后，去求助于相应的loader。 npm install file-loader -D webpa 阅读全文
posted @ 2020-08-17 10:50 没事看看电影 阅读(194) 评论(0) 推荐(0)
npm 安装依赖 以及dependencies 和 devDependencies的区别
摘要：npm 安装依赖 以及dependencies 和 devDependencies的区别 npm install 依赖 （已经安装上了 ， 但在package.json 中没有，不能通过npm i 安装） npm install 依赖 --save （已安装，依赖包的名称在package.json的 阅读全文
posted @ 2020-08-17 10:04 没事看看电影 阅读(878) 评论(0) 推荐(0)
手机各机型尺寸比较
摘要：1. iPhone 各种机型尺寸信息列表入下表： iPad设备 放在微信里面的设计尺寸，需要考虑微信头部导航栏（128），按iphon6来设计，那么设计稿的高度就是1334-128=1206，那么进行高度100%设计就布局就好了，一些按钮元素可以通过定位进行布局固定位置！！！！！！！！ 原文：htt 阅读全文
posted @ 2020-08-07 11:22 没事看看电影 阅读(1741) 评论(0) 推荐(0)
vue 插件开发
摘要：vue插件介绍 1. 插件与组件 在讲解插件之前，我们首先来了解下vue插件和组件的关系，在我们的vue项目中我们使用组件的频率往往会大于插件，关系如下图所示 2. 插件前置工作 1. 插件内 component 需要带name属性， 例如 export default { name: 'test- 阅读全文
posted @ 2020-08-07 11:19 没事看看电影 阅读(330) 评论(0) 推荐(0)