React笔记_(3)_react语法2 state和refs props就是在render渲染时,向组件内传递的变量,这个传递是单向的,只能继承下来读取. 如何进行双向传递呢? state (状态机) React 把组件看成是一个状态机(State Machines).通过与用户的交互,实现不同状态,然后渲染 UI,让用户界面和数据保持一致. React 里,只需更新组件的 state,然后根据新的 state 重新渲染用户界面(不要操作 DOM). 下面是一个例子. 一个文本框,一个按钮,按…

大概大半年时间都在用react写项目,一直在笔记上零零星星地记录着,在新的一年即将到来之际,打算整理整理发出来. 一.React是什么? React是Facebook开源的用于构建用户界面的javascript库.(好些人都觉着React很神秘,接触新事物时,一定要把它看得简单,这样你才有信心战胜它啊,其实入门真的不难) 二.React的特点即它与其他js库相比好在哪里? 1.专注MVC架构中的V(view),使React很容易和开发者已有的开发栈进行融合 2.组件化,React顺应了web开发…

1.什么是React? a.React 是一个用于构建用户界面的 JAVASCRIPT 库. b.React主要用于构建UI,很多人认为 React 是 MVC 中的 V. c.React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源. d. React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它. 2.JSX语法:JavaScript+XML 基本方法:React.render(填入元素的html代码, 指定的…

路由 路由(routing)是指分组从源到目的地时,决定端到端路径的网络范围的进程. 路由器当然是作为一个转发设备出现的,主要是转发数据包来实现网络互联. 那么react的路由到底指的是什么呢? 举个栗子~~~ 在网页中点击后,从A页面跳到B页面,跳转过程中url发生变化,这就是一个简单的传统路由. 单页面路由,其实页面并没有真正跳转,而是停留在原页面. 建立一个index.html页面,可以只是通过替换body下某个div标签的内容,达到页面跳转的效果. 但仍然要求url发生变化,参数也需要传…

react的版本 目前主要的react有 ES5,ES6.也有ES5和ES6混合编写的.比较混乱. react官方提倡用ES6. 说到这里,就需要提到一个概念--mixin mixin在es6中被摒弃掉了. mixin: 简单来讲,就是部分公用的代码,提取出来作为一个独立的木块, 利用混入的方式来使用.这就是mixin. es5里面,声明一个mixin单例对象,直接以数组方式插到组件使用即可: es6不提倡这样的写法,而是使用高阶组件的方式实现. 高阶组件: 其实就是把一个类作为参数丢到另一个类…

ajax 数据应用场景 在真实的开发环境中,拿到了产品需求,第一件事不是逼着后台开发人员先完成,然后前端再介入开发,这样太浪费时间. 正确的做法是跟后端人员先商量好接口名称,请求参数,返回的数据格式等,前端人员造数据进入开发,与后端人员并行开发,等后端完成后再接入正式接口. 通常的做法是自己造json数据.但是这种方式也有一些问题. 1.需要安装apache或nginx等容器才行. 2.造个列表页数据很麻烦,很啰嗦. 3.格式容易写错,比如键忘了加引号或者打了个单引号,比如多了反斜杠.....…

生命周期 很多语言中都讲了关于生命周期.这可是决定生命的周始,有没有存在感的关键啊. 生命周期,有生有死,有始有终,因果轮回,循环往复.(说多了) react中,主要说明的是 一个组件的生命周期.简单来讲就是: 初始化 →  渲染  →  更新  →   (渲染)  →   销毁  ... 最常用的三个生命周期  1. componentWillMount 相当于初始化,在render渲染动作执行前要干的事. 2. componentDidMount 在render渲染动作执行后马上要干的事.…

这一节内容主要以了解为主. 渐渐的体会react的语法和其特性. ① htmlAndJs 混合编写 react和以往的前后台书写方式不一样. 在之前的多个语言中,讲求的是将页面代码和js代码逻辑分开,包括原来的css文件都有独立的分装. 而react的提供了一种html和js语句混合编写的方式.这就是jsx. 先不详说,体会一下先: var arr = [ <h1>Hello world!</h1>, <h2>React is awesome</h2> ];…

React概述   React是一种很好的前端技术. 它将应用打散成独立的小模块,然后进行组装,完成开发. react远比angularjs难学的多. react依赖的如webpack等各种工具得先学会使用,然后还重点了解和使用es6,然后才能进入其核心. 关于react的更多内容请参照以下内容和react的官方文档. React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站.做…

跟我一起学 React…