10 2018 档案

摘要:简介 webpack作为当前最为流行的模块打包工具,几乎所有的主流前端开发框架(React、Vue等)都会将其作为默认的模块加载和打包工具。通过简单的配置项,使用各种相关的loader和plugin,我们就可以实现自动的模块依赖分析并打包,从而大大降低了前端项目的开发复杂度,明显提高了前端项目的开发 阅读全文
posted @ 2018-10-22 23:04 {前端开发} 阅读(4611) 评论(0) 推荐(0) 编辑
摘要:静态资源的分布对网站加载速度的影响 / 浏览器对同一域名下并发加载资源数量 / browsers network-http-persistent-max-connections-per-server 引文:浏览器在同一个域名下并发加载的资源数量是有限的,访问淘宝首页需要加载126个资源,那么如此小的 阅读全文
posted @ 2018-10-20 19:56 {前端开发} 阅读(687) 评论(0) 推荐(0) 编辑
摘要:最近在用webpack优化首屏加载性能,通过几种插件之后我们上线前后的速度快了一倍,在此就简单的分享下吧,先上个优化前后首屏渲染的对比图。 可以看到总下载时间从3800ms缩短到1600ms。 我们在用webpack时一般都会选择多入口文件吧,为的就是将自己的源码跟第三方库代码分离。这是之前的代码, 阅读全文
posted @ 2018-10-20 12:10 {前端开发} 阅读(475) 评论(0) 推荐(0) 编辑
摘要:随着网站逐渐变成"互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂。 网页越来越像桌面程序,需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法,管理网页的业务逻辑。 Javascript模块化编程,已经成为一个迫切的需求。理想情况下,开发 阅读全文
posted @ 2018-10-19 14:15 {前端开发} 阅读(306) 评论(0) 推荐(0) 编辑
摘要:有人认为JavaScript是最好的语言,有人认为它一团糟。可按照C++之父的话来讲: 世界上只有两种编程语言:一种是天天被人喷的,另一种是没人用的。 不论你喜欢承认与否,JavaScript已经一天比一天火了,甚至火得有点过头,生态圈太过繁荣,每个月都可能有新的相关构建工具、开发框架或者别的什么库 阅读全文
posted @ 2018-10-19 10:08 {前端开发} 阅读(787) 评论(0) 推荐(0) 编辑
摘要:前端性能的几个基础指标 先开门见山的罗列前端性能相关的几个基础指标名词。 白屏时间 首屏时间 用户可操作时间 页面总下载时间 为何会选择这几个时间节点以及各自的含义可以参考这篇文章 七天打造前端性能监控系统另外本文搜集性能相关数据是用了高级浏览器的Performance Api,大家可以参考这篇文章 阅读全文
posted @ 2018-10-08 15:10 {前端开发} 阅读(5267) 评论(0) 推荐(0) 编辑
摘要:流媒体本质上是:现实的图像,经过编码器压缩,持久化为点播文件或者直播流,经过传输,在终端解码和展示。 http live streaming(hls) 适用移动端HTTP Live Streaming(HLS)是苹果公司实现的基于HTTP的流媒体传输协议,可实现流媒体的直播和点播。原理上是将视频流分 阅读全文
posted @ 2018-10-08 14:22 {前端开发} 阅读(6305) 评论(0) 推荐(0) 编辑