本文主要是简单说明react基础语法概念和知识，从零开始系列的先绕行官网 组件： JSX语法：在JS里直接编写HTML return( <div>Hello</div> ) 也可以自定义标签，自定义组件首字母需大写 return <MyTag>Hello</MyTag> state：组件的状态，就是 ...
分类：
其他好文 时间：
2018-11-16 17:45:35
阅读次数：
140
loader 和 plugin 的主要区别： 1. loader 用于加载某些资源文件。 因为webpack 本身只能打包commonjs规范的js文件，对于其他资源例如 css，图片，或者其他的语法集，比如 jsx， coffee，是没有办法加载的。 这就需要对应的loader将资源转化，加载进来 ...
分类：
Web程序 时间：
2018-11-15 13:41:46
阅读次数：
573
问题 import react from 'react' 改成 import React from 'react' 小写 react 改成 React ...
分类：
Web程序 时间：
2018-11-13 15:20:00
阅读次数：
970
https://nervjs.github.io/taro/docs/event.html Taro 元素的事件处理和 DOM 元素的很相似。但是有一点语法上的不同: Taro 事件绑定属性的命名采用驼峰式写法，而不是小写。 如果采用 JSX 的语法你需要传入一个函数作为事件处理函数，而不是一个字符 ...
分类：
其他好文 时间：
2018-11-08 16:26:29
阅读次数：
6280
对于一个只想使用一下react批量渲染的后端程序员来说，配置完整的编译环境可以没有必要，最好一条命令搞定。jsx其实就是js的语法糖，需要用编译工具编译下。 方法首先安装node.js，里面默认带了npm的包管理。 //命令行中全局安装 npm install --save-dev babel-cl ...
分类：
Web程序 时间：
2018-11-01 14:08:25
阅读次数：
264
react是通过数据驱动的方式来实现页面的操作 1、在render函数里面添加样式render(){ const counterStyle={ color:'red' }; return( <div> <button onClick={this.onClickButton} style={count ...
分类：
Web程序 时间：
2018-10-17 11:08:27
阅读次数：
199
第1章 课程导学 1-1 课程导学第2章 React初探 2-1 React简介 2-2 React开发环境准备 2-3 工程目录文件简介 2-4 react中的组件 2-5 React 中最基础的JSX语法第3章 React基础精讲 3-1 使用React编写TodoList功能 3-2 Reac ...
分类：
其他好文 时间：
2018-10-15 18:28:18
阅读次数：
1055
在挂载更新里面判断滚动条的距离(滚动条不能overflow: auto 踩坑) 在this.state= ({})定义一个显示的变量 在jsx语法里面 然后点击返回顶部,有动画效果的 , 没有动画用 window.scrollTo(0,0); ...
分类：
其他好文 时间：
2018-10-11 22:40:55
阅读次数：
297
Contents Stateless function JSX spread attributes Destructuring arguments Conditional rendering Children types Array as children Function as children ...
分类：
其他好文 时间：
2018-09-30 13:01:31
阅读次数：
190
（一）JSX是什么? React 使用 JSX 来替代常规的 JavaScript。 JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。 我们不需要一定使用 JSX，但它有以下优点： JSX 执行更快，因为它在编译为 JavaScript 代码后进行了优化。 它是类型安全的，在编 ...
分类：
Web程序 时间：
2018-09-28 17:42:07
阅读次数：
336
