自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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关注的人

提示
确定要删除当前文章?
取消 删除