灰比

在React 组件设计实践总结 03 - 样式的管理一文中吹了一波 styled-components 后，本文想深入来了解一下 styled-components 的原理. 如果你对 styled-components 还不了解，建议先阅读一下官方文档或前面的文章. 1. 处…

单元测试有别于集成测试，是对最小可测试单元（一般为单个函数或小组件）进行检查和验证。功能越简单越好，单个验证其他变量影响越少越好，这样能达到最好的效果。好的单元测试用例可以充当开发文档供后人阅读。 各类的用法就不提了，方法比较简单，一查便知。 但是egg官网推荐assert，理…

最近在学习前端自动化测试，接触了很多测试框架，Karma+Jasmine+karma-coverage：单元测试和测试代码覆盖率、Backstopjs：css回归测试、Selenium-webdriver：e2e测试、Mocha+chai：异步测试，遇到过很多坑，勉勉强强总算跑…

这段太长别看：在这系列教程中，你将学会如何使用React和Redux去控制一堆SVG元素来制作一个游戏。这一个系列所带给你的知识也可以让你使用React和Redux去制作其他的动画和特效，并不仅限于游戏。你可以在这里找到第一部分的全部代码：Aliens Go Home - Pa…

通过对前端知识进行一个评级，确定现在阶段，然后提供清晰的学习路线，完成进阶。希望可以通过这篇文章，可以帮助大家少走弯路。 可以熟练的进行平时的业务开发，但是对于JS高阶，源码，浏览器原理，数据结构与算法，设计模式，网络,前端工程之类的东西很迷茫，只知道一些大概的名词。这个时候，…

有时候使用npm上的包，发现有bug，我们知道如何修改，但是别人可能一时半会没法更新，或者是我们特殊需求，别人不愿意修改，这时候我们只能自己动手丰衣足食。那么我们应该如何修改别人的源码呢？首先，直接修改node_modules里面的文件是不太行的，重新安装依赖就没有了。一般常用…

有人说 Immutable 可以给 React 应用带来数十倍的提升，也有人说 Immutable 的引入是近期 JavaScript 中伟大的发明，因为同期 React 太火，它的光芒被掩盖了。这些至少说明 Immutable 是很有价值的，下面我们来一探究竟。

半年时间，几千人参与，精选大厂前端面试高频 100 题，这就是「壹题」。 在 2019 年 1 月 21 日这天，「壹题」项目正式开始，在这之后每个工作日都会出一道高频面试题，主要涵盖阿里、腾讯、头条、百度、网易等大公司和常见题型。得益于大家热情参与，现在每道题都有很多答案，提…

本文主要考虑客户端性能、服务器端和网络性能，内容框架来自Yahoo Developer Network，包含 7 个类别共 35 条前端性能优化最佳实践，在此基础上补充了一些相关或者更符合主流技术的内容。 前端性能的一个重要指标是页面加载时间，不仅事关用户体验，也是搜索引擎排名…