暖生

本文从代码压缩、代码拆分、样式分离等三个方面对生产环境的代码进行了优化。只是最简单的一些配置，如果真正运用到项目中，还需要根据项目添加更多配置。 uglifyjs-webpack-plugin 更多配置请参考：插件文档。 optimize-css-assets-webpack-…

本文使用 Webpack 从零开始搭建一个开发环境的脚手架配置，在此做个记录，也方便以后使用。 可以看到打印日志，打包成功了，但是此时在浏览器打开我们的 index.html 文件，却发现界面上什么都不显示，这个也好理解，因为 index.html 此时还没有引入任何的 js …

本文详细介绍了 React 生命周期的用法以及各个阶段的生命周期进行，并且用实例代码做了详细演示。代码位置 在 React 组件挂载之前被调用，实现 React.Component 的子类的构造函数时，要在第一行加上 super(props)。 如果没有初始化状态（state）…

本文简要介绍了 React 中 PureComponent 与 Component 的区别以及使用时需要注意的问题，并在后面附上了源码解析，希望对有疑惑的朋友提供一些帮助。 先介绍一下 PureComponent，平时我们创建 React 组件一般是继承于 Component，…

本文介绍了如何在 Create React App 脚手架中启用 Sass 和 Less。 关于创建 create-react-app 项目请查看： create-react-app 的安装与创建。 关于在 less 和 sass 如何在 create-react-app 启用…

本文介绍了如何在 Create React App 脚手架中使用 CSS Modules 的两种方式。 此时 Button 组件的背景颜色是红色，但是字体颜色却不是红色，因为使用了 Css Modules 之后，普通的 css 样式就不起效果了，需要用全局的方式编写才可以(:g…

本文讲述了类的继承、接口的实现中需要注意的一些小细节，同时也对类、接口的多继承做了一些讲解。 由于 Dog 继承了 Animal 类，所以同时也继承了 Animal 的 name 属性和 sayHello 方法，因此可以直接使用 dog 实例调用 sayHello 方法。 那么…

本文教你实现一个最简单的 Redux 应用，以及结合 React 如何使用。 状态管理工具，使用之后可以清晰的知道应用里发生了什么。数据如何修改，如何更新的。 后来慢慢的应用越做越多，功能越做越复杂，就会发现，很多数据什么原因修改的，什么时候修改的，自己是一脸懵逼。啥也想不起来…