1.React片段Fragment 语义化的 HTML 是Web应用程序可访问性的基础。有时候我们会向 JSX 中添加 <div> 元素，会破坏 React 代码正常工作，特别是在使用列表（<ol>，<ul>和<dl>）以及 HTML <table>。在这些情况下，我们应该使用 React 片段(F ...
分类：
其他好文 时间：
2018-09-28 15:21:33
阅读次数：
144
1.初始化数据 2.使用jsx必须引入react mport React, { Component } from 'react'; 3组件要继承React.Component class App extends Component { } 4.index.js 有3个步骤 //引入reactimpo ...
分类：
其他好文 时间：
2018-09-28 01:38:40
阅读次数：
169
在上一篇文章中，我们总结并模拟了JSX生成真实DOM结点的过程，今天接着来介绍一下无状态组件的生成过程。 先以下面一段简单的代码举例： js const Greeting = function ({name}) { return { }; }; const App = ; console.log(A ...
分类：
其他好文 时间：
2018-09-21 19:04:40
阅读次数：
259
react 的时候，总是会用到弹窗，并且各种各样的，一般来说，组件层级嵌套之后，就会出现 z-index层级覆盖的问题 这个时候，就需要一个公共的弹出层，然后我们将需要展示的组件，放到弹出层里面 下面是目录结构： dialog.jsx代码 dialog.css源码，，其实就是一个div，遮住层 ch ...
分类：
其他好文 时间：
2018-09-13 16:31:10
阅读次数：
324
就目前而言，我用到的前端页面开发框架主要有两种：以 为主的 和以 为主的 。 虽然这两种方式各有千秋，但我其实更偏爱 多一些。为什么？ 相较于灵活的 ，`template`显得有些呆滞，但我认为它更符合我们的书写习惯（想想我们最开始是如何编写html的）， 简单、直观、更好维护 是我偏爱模板的三大理 ...
分类：
Web程序 时间：
2018-09-04 10:40:34
阅读次数：
191
区别： 1：vue使用模板语法，和HTML很相似，因此初学者易上手。 2：react使用JSX，它要求开发者借助JSX在JavaScript中创建DOM。 3：vue更快，这是因为，react渲染是将所有子组件都渲染一遍，如果想要避免不必要的渲染，则需要使用pureComponent或者手动实现sh ...
分类：
其他好文 时间：
2018-09-02 01:58:39
阅读次数：
193
React功能 特点 引入的库 jsx(React 使用 JSX 来替代常规的 JavaScript) 虚拟Dom 大小内存 脚手架 react react-dom react-native native web manifest.json ReactDOM.render(x,y) x: 挂载组件 ...
分类：
其他好文 时间：
2018-09-01 12:22:09
阅读次数：
197
jsx的介绍 React 使用 JSX 来替代常规的 JavaScript。 JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。 jsx的优点 JSX 执行更快，因为它在编译为 JavaScript 代码后进行了优化。 它是类型安全的，在编译过程中就能发现错误。 使用 JSX 编 ...
分类：
其他好文 时间：
2018-08-31 14:08:20
阅读次数：
153
React中的事件处理 React 中文官网中有提到："你必须谨慎对待 JSX 回调函数中的 this，类的方法默认是不会绑定 this 的" 。 "这并不是 React 的特殊行为；它是函数如何在 JavaScript 中运行的一部分" 。因此，如果忘记绑定，对应函数的 this 的值会是 und ...
分类：
其他好文 时间：
2018-08-30 00:19:37
阅读次数：
210
本系列文章在实现一个 cpreact 的同时帮助大家理顺 React 框架的核心内容(JSX/虚拟DOM/组件/生命周期/diff算法/setState/PureComponent/HOC/...) "项目地址" "从 0 到 1 实现 React 系列 —— JSX 和 Virtual DOM" ...
分类：
其他好文 时间：
2018-08-27 14:20:56
阅读次数：
188
