Havebeen

CSS越来越强，现在已经可以实现根据不同的背景色显示不同的前景色进行匹配了，例如一个按钮，如果是深色背景色，则文字颜色为白色，如果是浅色背景色，文字颜色会自动从原来的白色变成黑色了，同时边框也显示出来了，以便有更好的识别度。这么神奇的事情是如何实现的呢？确实大开眼界。

自JavaScript诞生以来，前端技术发展非常迅速。移动端白屏优化是前端界面体验的一个重要优化方向，Web 前端诞生了 SSR 、CSR、预渲染等技术。在美团支付的前端技术体系里，通过预渲染提升网页首帧优化，从而优化了白屏问题，提升用户体验，并形成了最佳实践。 通过对比，同构…

由于国内存在着有众多的应用市场，在不同的应用市场可能有不同的统计需求，为此Android开发人员需要为每个应用市场发布一个安装包，这里就引出了Android的多渠道打包。在安装包中添加不同的标识，以此区分各个渠道，方便统计app在市场的各种效果。 因此，每当发新版本时，市场会提…

最近项目迭代需要开发一个app，由于项目组其他系统前端技术栈都是Vue，所以自己在需求评估的时候就初步敲定了Cordova+Vue的前端架构，后来查阅了不少资料，也掉了不少坑，这里总结一下，也算是对自己这段时间摸索的回顾吧。 看到浏览器如下页面，可以说明项目搭建成功了。 下面是…

单元测试：指的是以原件的单元为单位，对软件进行测试。单元可以是一个函数，也可以是一个模块或一个组件，基本特征就是只要输入不变，必定返回同样的输出。一个软件越容易些单元测试，就表明它的模块化结构越好，给模块之间的耦合越弱。React的组件化和函数式编程，天生适合进行单元测试 TD…

阿里巴巴于去年开放了它的内部图表库 Bizcharts 初版，在这一年的时间里，Bizcharts 新增了许多特性，并对渲染细节及渲染性能进行大幅度的调优。 目前阿里基本上绝大部分业务的前端用的都是 React 技术栈，而在业务场景中又经常会有图表绘制的需求，所以一个 基于 R…

工欲善其事，必先利其器。chrome 作为我们前端开发，甚至说我们程序员最常用的开发工具，我们得把这把剑好好利用起来。 电脑高手们都会尽可能地寻找各种快捷高效的操作方式，因为我是一个 vim 爱好者，之前也写过 vim 的入坑文章，所以在浏览器上也想脱离鼠标，纯键盘操作。 Vi…

页面性能对用户体验而言十分关键。每次重构对页面性能的提升，仅靠工程师开发设备的测试数据是没有说服力的，需要有大量的真实数据用于验证； 资源挂了、加载出现异常，不能总靠用户投诉才后知后觉，需要主动报警。 关于前端性能指标，W3C 定义了强大的 Performance API，其中…

为大家推荐GitHub上25个今年最值得关注学习的JavaScript开源项目，这些项目的平均star数达到5000个。 Prettier：一款帮你解决代码风格问题的代码格式化工具，功能强大，简单易用，支持多语言，减少配置项。[GitHub上26755个star] Parcel…