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