我最近一直在捣鼓 Web Worker API，结果，我真的后悔没有尽早去研究这个功能强大的工具。现代 Web 应用程序对浏览器主线程的要求越来越高，进而影响程序的性能和提供流畅用户体验的能力。而 Web Worker 正是应对这种挑战的一种方法。 Web Workers 有很…

w3c 有两个版本的规范，本文基于 第二版本 介绍。 工欲善其事，必先利其器。要想使页面更快，那么准确测量出性能数据也是很重要的。 我们来看一下，在一个web页面的生命周期之内，我们基于 Performance Timeline可以得到哪些性能指标。 getEntries 得到…

在hook还没有诞生时，我们通常都会在class内置的生命周期函数componentDidMount、componentDidUpdate、componentWillUnmount书写副作用逻辑。 这样的类似代码是你100%一定曾经写过的，表达的含义也很简单，组件初次挂载完毕时…

上午好，今天为大家分享下个人对于前端API层架构的一点经验和看法。架构设计是一条永远走不完的路，没有最好，只有更好。这个道理适用于软件设计的各个场景，前端API层的设计也不例外，如果您觉得在调用接口时还存在诸多槽点，那就说明您的接口层架构还待优化。今天我以vue + axios…

这可能是80%Vue友最常见的一个使用子组件的模式，没错，我也经常这么干...如果你用腻了这种方式，想换个新奇的，接着往下走，我们再学习两个不常用的但又很高效的使用方式，提升开发逼格。 想象一下一个会员中心组件，有一部分区域用来展示会员与会员差异的相关展示模块，但是这两个只会展…

Weex&ReactNative 对比

单页面应用在前端正大放光彩。三大框架 Angular、Vue、React，可谓妇孺皆知。随着单页面应用的普及，人们在感受其带来的完美的用户体验，极强的开发效率的同时，也似乎不可避免的要去处理 SEO 的需求，其实解决SEO问题不一定非得用服务端渲染来处理，此文主要介绍 preRender + vueMetaInfo 的思路

最近花了一些时间在项目的性能优化上，背后做了很多工作，但是最后依然没有达到自己想要的结果，有些失望，但是还是记录下自己的执着。 性能优化总结：减少请求次数、减小资源大小、提高响应和加载速度、优化资源加载时机、优化加载方式。 站在用户视角的主观的可感知的性能。 站在开发者视角的可…

webpack中 loader 是一个非常重要的概念，loader 可以简单的理解成一个文件处理器，webpack使用 loader 来处理各类文件，比如 .scss转成成 css文件, 小图片转换成base64图片。 本质上讲，loader 只是导出为函数的 JavaScri…