摘要: Babel 转码器 Babel 是一个广泛使用的 ES6 转码器,可以将 ES6 代码转为 ES5 代码,从而在现有环境执行。这意味着,你可以用 ES6 的方式编写程序,又不用担心现有环境是否支持。下面是一个例子。 上面的原始代码用了箭头函数,Babel 将其转为普通函数,就能在不支持箭头函数的 J 阅读全文
posted @ 2017-08-19 10:02 陈婉君 阅读(158) 评论(0) 推荐(0) 编辑
摘要: 零:gulp是什么 gulp是一个自动化构建工具,开发者可以使用它在项目开发过程中自动执行常见任务。如在我们修改保存了代码之后,只需要刷新页面酒可以看到效果。 一:安装gulp 在安装gulp之前要安装node,因为npm安装插件是从国外服务器下载,可能被墙了。 淘宝为便利广大程序员提供了一个完整 阅读全文
posted @ 2017-08-14 22:48 陈婉君 阅读(142) 评论(0) 推荐(0) 编辑
摘要: 零:相似点 都是纯JS对象 都会触发render更新 都具有确定性 阅读全文
posted @ 2017-08-14 12:10 陈婉君 阅读(147) 评论(0) 推荐(0) 编辑
摘要: 零:状态State 状态是事物所处的状况 状态是由事物自行处理的,不断变化,状态是事物本身的,父组件和子组件无法修改的。 一:用法 getInitialState:初始化每个实例的特有状态。 setState:更新组件的状态。 setState-diff算法-如果变化更新dom 阅读全文
posted @ 2017-08-14 12:01 陈婉君 阅读(116) 评论(0) 推荐(0) 编辑
摘要: 零:属性 props 属性:是不能被修改的,是由父组件传入的。 一:写法1:<hello name= ? > "name1" {123} {"name1"} {1,2,3} {variable} 写法2:var props={ one:"123", two:321 } <hello {...prop 阅读全文
posted @ 2017-08-14 03:44 陈婉君 阅读(105) 评论(0) 推荐(0) 编辑
摘要: 组件的生命周期 组件有两个值State状态和PorpType属性,当状态发生变化属性就会发生变化。状态确定属性确定。 状态发生变化时会触发不同的钩子函数,从而让开发者有机会做出响应。状态可以理解为事件。 组件生命周期内 初始化-运行- 销毁 初始化阶段可以使用的钩子函数:getDefaultPorp 阅读全文
posted @ 2017-08-14 03:30 陈婉君 阅读(124) 评论(0) 推荐(0) 编辑
摘要: 零:JSX简介 JSX是JavaScriptXML的缩写,给予ECMAScript的一种新特性,一种定义属性树结构的语法。 JSX不是XML或者HTML。 JSX的特点:类XML的语法容易接受,增强JS语义,结构清晰,抽象程度高(跨平台,无需关心如何操作dom),代码模块化(不同与MVC分离成3个文 阅读全文
posted @ 2017-08-14 02:54 陈婉君 阅读(156) 评论(0) 推荐(0) 编辑
摘要: 以下的图是根据css基础,样式,框模型,定位以及选择器这几个方面总结出来的思维导图,方便记忆以及查询。 阅读全文
posted @ 2017-08-13 09:56 陈婉君 阅读(779) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2017-08-13 09:45 陈婉君 阅读(224) 评论(0) 推荐(0) 编辑
摘要: 零:react开发环境搭建非常简单,只需要下载facebook官方的基础代码即可。 下载地址 https://github.com/facebook/react/releases 一:常用的编辑器及插件配置 1)Sublime Text 3 下载地址 http://www.sublimetext.c 阅读全文
posted @ 2017-08-13 09:35 陈婉君 阅读(158) 评论(0) 推荐(0) 编辑