react
Yin.云端
这个作者很懒,什么都没留下…
展开
-
总结篇-React框架相关(未完待续...)
react的特点1.虚拟DOM: 组件不再是直接生成DOM,而是生成虚拟DOM,React通过diff算法将变化再重新渲染。2.服务器端渲染: 服务器端渲染解除了服务器端对浏览器的依赖,它会将“view”部分先渲染,然后再交给客户端做渲染。3.组件化编码: 组件其实就是自定义的标签,通过JSX语法方便快捷的return复用性很强的DOM解构。4.声明式设计...原创 2018-12-27 17:30:09 · 174 阅读 · 0 评论 -
React基础篇-初始
1.概念用于构建用户界面的 JavaScript 库。2.特点1、声明式:React 可以非常轻松地创建用户交互界面。为你应用的每一个状态设计简洁的视图,在数据改变时 React 也可以高效地更新渲染界面。以声明式编写UI,可以让你的代码更加可靠,且方便调试。2、组件化:创建好拥有各自状态的组件,再由组件构成更加复杂的界面。无需再用模版代码,通过使用JavaScript编写的组件你...原创 2019-01-10 13:39:07 · 269 阅读 · 0 评论 -
React基础篇-JSX语法
1.简介const val= <h1> 2+2={2+2} </h1>;1、JSX是一种对javascript的扩展;2、在开发react项目时,为了方便组件的编写,常用JSX语法来定义组件内容;3、看上去像是HTML,但事实是它是在javascript内部实现的;4、书写JSX时,要尽量的标准化,因为在初始化时会进行初步检测,防止bug影响页面展示;...原创 2019-01-10 17:36:37 · 269 阅读 · 0 评论 -
React基础篇-组件;props;state
1.定义组件//方法一:类似于构造函数的方式 function Welcome(props) { return <h1>Hello, {props.name}</h1>; } //方法二:ES6中类的方式 class Welcome extends React.Component { render() ...原创 2019-01-11 13:29:06 · 142 阅读 · 0 评论 -
React基础篇-组件的生命周期
1.前言1、生命周期总共分为三部分:实例化-存在期-销毁时2、整个生命周期中,不管props或state发生变化,其DOM都会发生重渲染;3、每个组件都是一个状态机,有自己的生命周期;4、相同的组件引用,生命周期一般不会出现互相影响的情况;2.第一部分:实例化初始化props;初始化state;虚拟DOM储存在内存;第一次DOM挂载成功;(以下方法是依次调用的)1、...原创 2019-01-11 14:29:10 · 226 阅读 · 0 评论 -
React基础篇-事件处理
1.示例class Toggle extends React.Component { constructor(props) { super(props); this.state = {isToggleOn: true}; this.handleClick = this.handleClick.bind(this); //绑定事件的this } ha...原创 2019-01-15 13:45:18 · 188 阅读 · 0 评论 -
React基础篇-条件&列表
1.条件语法//方法一:if-else的组合class LoginControl extends React.Component { constructor(props) {...} handleLoginClick() {...} handleLogoutClick() {...} render() { const isLoggedIn = this.state....原创 2019-01-15 14:55:45 · 266 阅读 · 0 评论 -
React基础篇-表单相关
1.受控组件//使用 state 和 setState 来获取和修改表单元素的value值calss FormInput extends React.component{ constructor(props){ super(props); this.state={intValue:"123"}; this.changeFn=this....原创 2019-01-16 09:43:05 · 140 阅读 · 0 评论