开发猫

  Webpack 是一个前端资源加载/打包工具，只需要相对简单的配置就可以提供前端工程化需要的各种功能，并且如果有需要它还可以被整合到其他比如 Grunt / Gulp 的工作流。 安装 Webpack：npm install -g webpack Webpack 使用一个名为 webpack.config.js 的配置文件，要编译 JSX，先安装对应的 loader: npm insta...

  传统的 MVC 是将模板放在其他地方，比如 <script> 标签或者模板文件，再在 JS 中通过某种手段引用模板。按照这种思路，想想多少次我们面对四处分散的模板片段不知所措？纠结模板引擎，纠结模板存放位置，纠结如何引用模板……下面是一段 React 官方的看法： We strongly believe that components are the right way to...

目录 props state 划分状态数据 无状态组件 组件生命周期 事件处理 DOM 操作 组合组件 组件间通信 Mixins 可以这么说，一个 React 应用就是构建在 React 组件之上的。 组件有两个核心概念： props state 一个组件就是通过这两个属性的值在 render 方法里面生成这个组件对应的 HTML 结构。 注意：组件生成的 HTML ...

性能优化 更新UI时，React在内部使用几种巧妙的技术来最小化DOM操作的数量。对许多应用来说，使用React不需要做太多的优化工作就可以快速创建用户界面。除此之外，还有一些优化React应用性能的办法。 使用生产版本 在React应用中检测性能问题时，请务必使用压缩过的生产版本。 默认情况下，React包含很多在开发过程中很有帮助的警告。然而，这会导致React更大更慢。因此，在部署应...

表单 HTML表单元素与React中的其他DOM元素有所不同,因为表单元素生来就保留一些内部状态。例如，下面这个表单只接受一个唯一的name。 <form> <label> Name: <input type="text" name="name" /> </label> <input type="su

React入门 - 概述和演练教程 apijavascript库的反应 自从我第一次开始学习JavaScript以来，我一直听说过React，但我承认我只看了一眼就吓到了我。我看到看起来像是一堆混有JavaScript和思想的HTML，这不是我们一直试图避免的吗？React有什么大不了的？ 相反，我专注于学习vanilla JavaScript并在专业环境中使用jQuery。经过几...