经过一段时间的react开发，自己总结了一些小习惯，自动构建webpack 1. 组件命名文件夹 一个组件一个文件夹，可读性高，结构清晰 引用 ： webpack能自动识别文件夹内index文件 (index首字母只能小写) React 的 JSX 里约定分别使用首字母大、小写来区分本地模块的类和 ...
分类：
其他好文 时间：
2018-12-22 19:35:34
阅读次数：
249
对React熟悉的同学都知道，React中的事件机制并不是原生的那一套，事件没有绑定在原生DOM上，发出的事件也是对原生事件的包装。那么这一切是怎么实现的呢？ 事件注册 首先还是看我们熟悉的代码 这是我们在React中绑定事件的常规写法。经由JSX解析，button会被当做组件挂载。而onClick ...
分类：
其他好文 时间：
2018-12-22 18:36:36
阅读次数：
189
在之前的文章中，已经说明如何避免在react jsx中使用箭头函数和bind(https://medium.freecodecamp.o... 但是没有提供一个清晰的demo展示为什么要这样做。 现在来一些例子吧。 在这个例子中，我们通过使用一个箭头函数(=>)来bind用户ID到每个删除按钮 ...
分类：
Web程序 时间：
2018-12-22 13:49:16
阅读次数：
173
1.方法绑定this，统一写在consrtructor()里。 2.子组件获取父组件的值，用解构的形式。 3.JSX里不要写过多的逻辑代码，应该拆分出来。 4.让setState返回一个函数而不是对象。 5.用prevState而不是this.state。 ...
分类：
其他好文 时间：
2018-12-21 20:18:15
阅读次数：
233
`Babel`是什么？ 是一个编译 的平台，它的强大之处表现在可以通过编译达到以下目的： 使用下一代的javaScript代码(ES6,ES7….)，即使这些标准目前并未被当前的浏览器完全支持。 使用基于JavaScript进行了扩展的语言，比如React的JSX。 1.如何让webpack支持ba ...
分类：
Web程序 时间：
2018-12-18 02:02:34
阅读次数：
209
代码分隔 我们现在大多数React项目都是以Webpack 或者 Browserify等将一堆的jsx文件组织一起，并且由一个类似index.js的入口文件串联起来的单页面web页面。 例如： App: 打完包后： 从这个例子可以看出，打完包后将所有的js都压缩到一个文件里了。随着项目越来越大，打包 ...
分类：
其他好文 时间：
2018-12-13 12:45:13
阅读次数：
172
删除ps元数据.jsx function deleteDocumentAncestorsMetadata() { whatApp = String(app.name);//应用程序名称的字符串版本 if(whatApp.search("Photoshop") > 0) { //检查PS图象处理软件元 ...
分类：
其他好文 时间：
2018-12-09 14:15:23
阅读次数：
202
Babel是一个转换编译器，它能将 ES6 转换成可以在浏览器中运行的代码。Babel 由来自澳大利亚的开发者Sebastian McKenzie创建。他的目标是使 Babel 可以处理 ES6 的所有新语法，并为它内置了React JSX 扩展及Flow类型注解支持。 据codemix创始人Cha ...
分类：
编程语言 时间：
2018-12-03 15:27:17
阅读次数：
271
哪里有灾难，哪里就有勇士和救兵，针对ES6的兼容性问题，很多团队为此开发出了多种语法解析转换工具，把我们写的ES6语法转换成ES5，相当于在ES6和浏览器之间做了一个翻译官。比较通用的工具方案有babel，jsx，traceur，es6 shim等。 此外，浏览器自身也加快速度兼容ES6的新特性，其 ...
分类：
其他好文 时间：
2018-11-25 10:12:07
阅读次数：
184
ext install prettier-vscodehttps://segmentfault.com/q/1010000014822745 ...
分类：
Web程序 时间：
2018-11-23 17:26:33
阅读次数：
335
