二进制和八进制表示法 ES6 提供了二进制和八进制数值的新的写法,分别用前缀0b(或0B)和0o(或0O)表示。 0b111110111 503 // true 0o767 503 Number.isFinite(), Number.isNaN() ES6 在Number对象上,新提供了Number Read More
posted @ 2021-05-24 22:17 wind-zhou Views(52) Comments(0) Diggs(0) Edit
字符串查找 传统上,JavaScript 只有indexOf方法,可以用来确定一个字符串是否包含在另一个字符串中。ES6 又提供了三种新方法。 includes():返回布尔值,表示是否找到了参数字符串。 startsWith():返回布尔值,表示参数字符串是否在原字符串的头部。 endsWith( Read More
posted @ 2021-05-24 22:15 wind-zhou Views(57) Comments(0) Diggs(0) Edit
es6新特性 (1)箭头操作符 它简化了函数的书写。操作符左边为输入的参数,而右边则是进行的操作以及返回的值,一般回调以 匿名函数的形式出现,每次都需要写一个function, 甚是繁琐。当引入箭头操作符后可以方便地写回 调了。 (2)类的支持 ES6中添加了对类的支持,引入了class关键字(其实 Read More
posted @ 2021-05-24 22:13 wind-zhou Views(71) Comments(0) Diggs(0) Edit
这个案例虽然简单,但是汇聚了太多的点,以至于让我这只菜鸟第一次写完这个项目后不得不总结下,接下来是我在这个项目中学到的东西 关于组件间的传值 父传子 直接使用props即可 字传父 由父组件通过props传递过来一个回到函数给子组件,然后在自己的触发的事件中调用 几个react编程原则 状态数据要存 Read More
posted @ 2021-05-24 22:11 wind-zhou Views(242) Comments(0) Diggs(0) Edit
来代替原生ajax。。 其实fetch,使用的是promise (1)使用promise对象 (2)默认不发送cookie (3)只有在网络故障或请求被阻止时,才会被标记为reject 但我们要才能判断到底是有没有返回数据呢?很简单,使用状态码就可以。 处理数据一般就是存放在state中。 fetc Read More
posted @ 2021-05-24 22:07 wind-zhou Views(108) Comments(0) Diggs(0) Edit
##定义 A higher-order component is a functon that takes a component and return a new component 翻译:高阶组件就是个函数, 且该函数接受个组件作为参数, 并返回一个新的组件 高阶组件(HOC)是react中对组 Read More
posted @ 2021-05-24 22:06 wind-zhou Views(68) Comments(0) Diggs(0) Edit
React和Redux事实上是两个独立的产品,可以使用React而不使用Redux,也可以使用Redux而不使用React,而一个名叫react-redux的库是将react和redux结合的一个库; 通过对redux api的封装形成基于react的组件,操作更佳简洁 原理 ##安装 npm in Read More
posted @ 2021-05-24 21:51 wind-zhou Views(49) Comments(0) Diggs(0) Edit
##简介 单页应用开发日趋复杂,JavaScript 需要管理比任何时候都要多的state (状态)。这些state可能包括服务器响应、缓存数据、 本地生成尚未持久化到服务器的数据,也包括UI状态,如激活的路由,被选中的标签,是否显示加载动效或者分页器等等。 管理不断变化的state非常困难,尤其是 Read More
posted @ 2021-05-24 21:49 wind-zhou Views(115) Comments(0) Diggs(0) Edit
路由本质上是操作的history的地址的历史记录 SPA应用(single page web application) 整个应用只有一个完整的页面 点击页面的链接不会刷新页面,只会做页面的局部更新 数据都需要通过ajax请求获取,并在前端异步展现 单页面用显示隐藏其实也可以实现,但是没人会用,因为页 Read More
posted @ 2021-05-24 21:48 wind-zhou Views(132) Comments(0) Diggs(0) Edit
条件渲染 简介: 在React中,你可以创建不同的组件来封装各种你需要的行为。然后,依据应用的不同状态,你可以只渲染对应状态下的部分内容。React中的条件渲染和JavaScript中的一样,使用JavaScript运算符if或者条件运算符去创建元素来表现当前的状态,然后让React根据它们来更新U Read More
posted @ 2021-05-24 21:44 wind-zhou Views(133) Comments(0) Diggs(0) Edit
推荐阅读;https://zhuanlan.zhihu.com/p/38030418 简介: 在组件的整个生命周期中,随着维护的props或者state发生改变, 它的DOM表现也将有相应的改变,一个组件就是个状态机,对于特定的输入,它总会返回致的输出。 react为每个组件提供了生命周期的钩子函教 Read More
posted @ 2021-05-24 21:40 wind-zhou Views(154) Comments(0) Diggs(0) Edit
开发中一推荐使用受控组件,非受控组件里可能会定义多个ref,但是官方建议勿过度使用ref。 受控组件 ###简介: 在HTML中,表单元素(如<input>、 <textarea> 和<select>)之类的表单元素通常自己维护state,并根据用户输入进行更新。而在React中,可变状态(muta Read More
posted @ 2021-05-24 21:39 wind-zhou Views(177) Comments(0) Diggs(0) Edit
在react组件实例对象当中存在三个属性, 是我们在创建组件过程中经常使用到的,分别是控制组件 更新的state,负责传值的props以及用于存储当前节点的refs props (负责传值) state (控制组件更新状态) refs 存储当前节点(能不用就不用,表单中常用) state状态 简介 Read More
posted @ 2021-05-24 21:35 wind-zhou Views(423) Comments(0) Diggs(0) Edit
JSX简介 简介: Reac的核心机制之一就是可以在内存中创建虚拟的DOM元素, React利用虚拟DOM来减少对实际 DOM的操作从而提升性能。 JSX是React的核心组成部分,它使用XML 标记的方式去直接声明界面,界面组件之间可以互相嵌 套。可以理解为在JS中编写与XML类似的语言,一种定义 Read More
posted @ 2021-05-24 21:34 wind-zhou Views(104) Comments(0) Diggs(0) Edit
##使用套件搭建 ​ 基本不用了。 手动引入几个库。 ##使用 create-react-app构建react开发环境 ​ 脚手架 搭建,一行命令即可。(第一次构建事件较长) (1)安装webpack-react-app npm install -g create-react-app (2)使用该命 Read More
posted @ 2021-05-24 21:32 wind-zhou Views(54) Comments(0) Diggs(0) Edit
什么是React react是用于构建用户界面的JavaScript框架 是一个将数据渲染为html视图的开源JavaScript库(主要用于操作dom呈现界面) 由facebook开发,开源 起初由facebook的软件开发工程师创建,2012年部署在Instagram,2013年宣布开源 为什么 Read More
posted @ 2021-05-24 21:31 wind-zhou Views(51) Comments(0) Diggs(0) Edit
noe.js node.js node.js简介 Node.js是基于Chrome JavaScript运行时建立的平台,用于方便地搭建响应速度快, 易于扩展 的网络应用。 node js是一个用于 开发web服务器的开发工具。 node.js是一个基于V8 JavaScript引擎运行的平台。 V Read More
posted @ 2021-05-24 21:26 wind-zhou Views(596) Comments(0) Diggs(0) Edit