摘要：
React多组件嵌套 webpack dev server环境运行起来,这里主要是明白了React如何做嵌套 src/js/components下创建header.js书写代码✍️ import React from 'react'; import ReactDOM from 'react dom' 阅读全文
posted @ 2017-05-30 19:56
ArielChen
阅读(487)
评论(0)
推荐(0)
摘要：
HTML标签与React组件 React可以直接渲染HTML类型的标签，也可以渲染React的组件 HTML类型的标签第一个字母用小写来写表示。 import React from 'react'; //当一个标签里面为空的时候，可以直接使用自闭和标签 //注意class是一个JavaScript保 阅读全文
posted @ 2017-05-30 19:53
ArielChen
阅读(111)
评论(0)
推荐(0)
摘要：
React组件 组件是React的基石，所有的React应用程序都是基于组件的。 之前React组件，使用React.createClass来进行声明 var List = React.createClass({ getInitialState: function(){ return['a','b' 阅读全文
posted @ 2017-05-30 19:49
ArielChen
阅读(129)
评论(0)
推荐(0)
摘要：
React虚拟DOM概念 虚拟DOM的结构 在传统的 Web 应用中，我们往往会把数据的变化实时地更新到用户界面中，于是每次数据的微小变动都会引起 DOM 树的重新渲染。如果当前 DOM 结构较为复杂，频繁的操作很可能会引发性能问题。React 为了解决这个问题，引入了虚拟 DOM 技术。 虚拟 D 阅读全文
posted @ 2017-05-30 19:46
ArielChen
阅读(278)
评论(0)
推荐(0)
摘要：
React开发相关Atom插件配置 在Packages中直接安装，这几个比较不错的插件！！！ atom ternjs atom beautify open in browser emmet file icons highlight line highlight selected 阅读全文
posted @ 2017-05-30 19:45
ArielChen
阅读(168)
评论(0)
推荐(0)
摘要：
WebPack 热加载配置(下) webpack dev server的使用 不用每次都去用WebPack一遍 webpack watch自动监听编译，但是需要手动刷新浏览器 如果采用在Mac终端中项目根目录下webpack dev server这样可以浏览器中自动刷新，一边写代码，保存后自动刷新。 阅读全文
posted @ 2017-05-30 19:41
ArielChen
阅读(212)
评论(0)
推荐(0)
摘要：
WebPack 热加载配置(中) 采用WebPack2进行打包 WebPack2安装sudo npm install g webpack WebPack dev server安装sudo npm install g webpack dev server 全局安装完后进行项目目录下的安装！！！！（安装 阅读全文
posted @ 2017-05-30 19:40
ArielChen
阅读(1279)
评论(0)
推荐(0)
摘要：
WebPack 热加载配置(上) 创建index.html 123 （这里会出现一个问题就是关于src中的bundle.js地址的问题，如果是使用src/bundle.js就会出现webpack server无法更新的情况，我想原因是在与WebPack配置文件中我们定义了文件读取的绝对路径） 在项目 阅读全文
posted @ 2017-05-30 19:39
ArielChen
阅读(244)
评论(0)
推荐(0)
摘要：
使用NPM配置React 建立项目后，cd到项目目录，用npm init做项目的初始化，会在目录下产生一个package.json文件 然后开始安装React$ sudo npm install save react react dom babelify babel preset react 安装完 阅读全文
posted @ 2017-05-30 19:39
ArielChen
阅读(364)
评论(0)
推荐(0)
摘要：
NPM配置国内源 如果你不会FQ，或者经常NPM装不上东西，可以试一下国内的NPM镜像 这是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步。 方法一,定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm $ 阅读全文
posted @ 2017-05-30 19:37
ArielChen
阅读(701)
评论(0)
推荐(0)
浙公网安备 33010602011771号