CSS 是前端开发的重要组成部分，但是它并不完美，本文主要探讨 React 样式管理方面的一些解决方案，目的是实现样式的高度可定制化, 让大型项目的样式代码更容易维护. 1. 认识 CSS 的局限性 2. 组件的样式管理 0. 基本用法 1. 样式扩展 2. mixin 机制 …

单元测试（Unit Test）：前端单元测试，在以前也许是一个比较陌生的工作，但是前端在经历了这几年的发展之后，我们对于代码的鲁棒性要求逐渐提升，承载了更多的业务逻辑的同时，作为整个链路上最接近用户的部分，系统崩溃阻塞的成本非常之高。如果你采用的是SSR，那么直接在服务端渲染报…

注：此项目纯属个人瞎搞，与instagram无任何关系。 因前后端不同端口原因，为解决跨域。前端工程启动了devServer，需先启动后端工程

我之前写过 一篇博客，介绍了 Class 组件的各个生命周期钩子函数在 Hooks 中对应的方案。那时 Hooks 刚刚发布，开发者最关心的莫过于代码的迁移问题，也就是怎么把现有的 Class 组件改造成 Hooks 的方式。 尽管这种方式非常的直观有效，但很快我们就发现，事情…

大家好，我就是技术胖，2017年我在下班时间录制了200集左右的视频教程，现在贡献155集免费观看，希望可以帮助前端小伙伴学习（点击下面链接免费观看）。需要说明的是本人还是一线奋战的前端程序员，不是专业讲师，所以教程难免有所纰漏和错误，还请多多理解和指正。这些视频都是本人原创，…

我还记得我最初开始学习前端路由时候的感觉。那时我还年轻不懂事，刚刚开始摸索SPA。从一开始我就把程序代码和路由代码分开对待，我感觉这是两个不同的东西，它们就像同父异母的亲兄弟，彼此不喜欢但是不得不在一起生活。 在过去的几年里，我有幸能够将路由的思想传授给其他开发人员。不幸的是，…

为了解决这些问题，我们可以采用服务端渲染的方式。使用服务端渲染，我们不能走回老路，所以产生了Vue的next.js和React的next.js等框架。但是，所谓“授人以鱼不如授人以渔”，我们不仅要学会使用第三方框架，还要学习其中的原理！ 服务端渲染，服务端将HTML以字符串的形…

useEffect是除useState之外使用最常用的Hooks之一，它可以用来管理副作用，替代传统class组件中的componentDidMount和componentWillUnmount方法或是根据依赖项来执行代码。 useEffect的用法并不复杂，但是如果对于它的执…

call函数特点：1)可以改变我们当前函数的this指向2）还会让当前函数执行题目自测思路解析fn1.call(fn2,1,2)1）call执行传入fn2,1,2三个参数2）call函数内部conte