- 博客(7)
- 收藏
- 关注
原创 VUE的介绍与使用 (新手必看!超详细!走过路过千万不要错过!)
1. Vue是什么?Vue是一个渐进式的javascript开发框架,通过组件的开发,最后进行组件的组合,合并组件形成页面构造器(构造函数)自动化构建工具2. 优点组件化开发单页面路由丰富的Api方法双向的数据绑定单向数据流易于结合其他第三库3.缺点生态系统不够完善可扩展性稍差1、全局安装 npm install -g vue-cli2、创建项目 v...
2019-08-06 11:46:02
279
转载 AMD、CMD、CommonJs三者之间的区别
他们都是用于在模块化定义中使用的,AMD、CMD、CommonJs是ES5中提供的模块化编程的方案,import/export是ES6中定义新增的什么是AMD、CMD、CommonJs?他们之间有什么区别?项目当中是如何使用?1)AMD-异步模块定义AMD是RequireJS在推广过程中对模块定义的规范化产出,它是一个概念,RequireJS是对这个概念的实现,就好比Java...
2019-08-06 11:23:23
918
原创 ES6 Promise.race和Promise.all方法
一、Pomise.all的使用Promise.all可以将多个Promise实例包装成一个新的Promise实例。同时,成功和失败的返回值是不同的,成功的时候返回的是一个结果数组,而失败的时候则返回最先被reject失败状态的值。eg:let p1 = new Promise((resolve, reject) => { resolve('成功了')})let p2 = ...
2019-08-01 08:27:47
273
原创 项目优化
为什么需要项目优化在互联网快速发展的今天,在实现完功能之后,项目优化是一个被经常提到的话题。很多项目会在开发排期中留大量时间去做一轮又一轮的性能优化,就是为了让页面尽可能早的到达用户,提高交互的流畅程度。在系统可利用系统资源有限的大背景下,3秒呈现内容的原则下,项目优化显得格外重要。每减少0.1秒加载速度可能会给你带来几百甚至几千的用户活跃;每减少100K的内容请求可能会给你带来几千甚至几万...
2019-07-30 09:38:30
207
原创 浏览器的缓存
概念浏览器缓存主要是指http请求的缓存,作用是不言而喻的,能够减少资源请求,极大的改善网页性能,提高用户体验。浏览器第一次获取到资源后,然后根据返回的信息来告诉如何缓存资源,可能采用的是强缓存,也可能告诉客户端浏览器是协商缓存,这都需要根据响应的header内容来决定的。图解强缓存浏览器在请求某一资源时,会先获取该资源缓存的header信息,判断是否命中强缓存(cache-con...
2019-07-30 09:25:51
162
原创 web前端项目优化的总结
性能优化的方法:一)内容层面1、DNS解析优化(DNS缓存、减少DNS查找、keep-alive、适当的主机域名)2、避免重定向(/还是需要的)3、切分到多个域名4、杜绝404二)网络传输阶段1、减少传输过程中实体的大小1)缓存2)cookie优化3)文件压缩(Accept-Encoding:g-zip)2、减少请求的次数1)文件适当的合并2)雪碧图3、异步加载(并发,...
2019-07-29 10:57:15
304
原创 webpack优化总结
分包将不需要变动的第三方包分离出去, 主要方法有:(1). externals(2). DllPlugin(3). expose-loader(4). ProviderPlugin拆包将大包拆成小包,将公共模块抽离,将公共组件与业务代码分离,主要方法有:CommonChunkPluginSplitChunksPlugin (webpack4)按需加载(Cod...
2019-07-28 21:25:33
187
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅