摘要:
1、redux是什么?9 Redux就是React的状态管理工具 2、安装Redux: cnpm install -S redux 3、创建Store 我们在src下建一个store文件,里面有index,和reducer 下面我们创建store //数据(可以是ajax请求的) const def 阅读全文
摘要:
1、React路由介绍 1.1、单页面应用 单页面得特点:只需要加载一次主页面,通过局部刷新,就可以实现跳转或者切换页面 优点:加载速度快,用户体验比较好 缺点: 第一次加载比传统要慢一点 不利seo 页面相对复杂 返回键 1.2、安装react-router-dom 在项目命令行中,执行 cnpm 阅读全文
摘要:
①、功能代码实现: 添加数据 查询数据,展示 删除数据 修改数据 ②、数据持久化操作 localStorage.setItem('key',value) var value = localStorage.getItem('key') ③、修改state属性 this.setState(obj,回调函 阅读全文
摘要:
创建组件的方法,组件的props属性、state属性的用法和特点,父子组件传值,兄弟组件传值 1、react组件 1.1、创建组件的方法 1.1.1、函数组件 定义一个组件最简单的方式是使用JavaScript函数 function fn(props){ return <h1>Hello,{prop 阅读全文
摘要:
1、Class的基本语法 1、1简介 基本上,ES6 的class可以看作只是一个语法糖,它的绝大部分功能,ES5 都可以做到,新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已 1、2静态方法 类相当于实例的原型,所有在类中定义的方法,都会被实例继承。如果在一个方法前,加上 阅读全文
摘要:
1、模板字串、箭头函数 1.1、模板字串 传统js,输出模板 var str='<b>姓名:</b>'+ '<span>lxr</span>'; console.log(str)//输出:<b>姓名:</b><span>lxr</span> ES6模板字串 var str=`<b>姓名:</b> < 阅读全文
摘要:
1、页面排版 <button onclick="before()">上一天</button> <button onclick="after()">下一天</button> <div id="date"> </div> 2、先实例化Date var date=new Date(); 3、写入页面 va 阅读全文
摘要:
1、let与const ES205(ES6)新增两个重要的JavaScript关键字:let和const let声明的变量只在let命令所在的代码块内有效,const声明一个只读的常量,一旦声明,其值就不能改变 1.1、let命令 let命令有以下特点: (1)代码块内有效 ES2015(ES6)新 阅读全文
摘要:
第一阶段 HTML+CSS: HTML进阶、CSS进阶、div+css布局、HTML+css整站开发。 JavaScript基础: Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。 JS基本特效: 常见特效、例如:tab、导航、整页滚动 阅读全文
摘要:
1.1 JavaScript基础概念: JavaScript (ECMAScript) :JavaScript 是脚本语言。JavaScript和ECMAScript通常被人用来表达相同的含义,但是JavaScript并不是这么一点含义,它是由ECMAScript 核心. DOM 文档对象模型. B 阅读全文