摘要:
Redux的设计思想 web应用是一个状态机,视图与状态一一对应的。 所有的状态,保存在一个对象里面 基本概念 Store 保存数据的地方,可以当做是一个容器,整个应用只有一个Store。 redux提供createStore这个函数,用来生成store。 State Store对象包含所有数据,如 阅读全文
摘要:
React-router-dom 1.安装 2. 基本操作 home.js detail.js Router.js index.js 3.通过a标签跳转 home.js detail.js 4. 通过函数跳转 1.首先在router.js中添加 2. 在home.js 在a标签下面添加一个按钮并加上 阅读全文
摘要:
React系列 -- 三大属性 props refs state 组件外部向组件内部传值用,标签属性都挂载在 props上 步骤: 1.父组件调用子组件时传入属性 2. (1) 子组件直接通过this.props.属性名 即可拿到父组件传过来的值 (2) 传函数 import React, { Co 阅读全文
摘要:
vuex vuex的定义: Vuex是Vue.js应用程序的状态管理模式+库。 vuex采用集中式存储所有组件的数据状态,并且组件状态和后台数据是响应的。 vuex解决的问题: 1)多个视图依赖于同一状态 2)来自不同视图的行为需要变更同一状态 Vuex则是把组件的共享状态抽取出来,以一个全局单例模 阅读全文
摘要:
数组的扩展 数组的类 Array 数组的定义 var arr = [12,23] var arr = new Array(3) 数字3代表 三个元素 或 3个空位 arr[0] = ""; arr[1] = "" ; arr[2] = "" var arr = new Array("张","王") 阅读全文
摘要:
class的基本语法 简介: ES6 提供了更接近传统语言的写法,引入了 Class(类)这个概念,作为对象的模板。通过class关键字,可以定义类。 原始构造函数的写法 class 写法 ES6 的类,完全可以看作构造函数的另一种写法。 上述代码表明 类的数据类型就是函数,类本身就指向构造函数。 阅读全文
摘要:
变量的解构赋值 数组解构赋值 前后模式必须匹配 后面的值是什么格式前面的变量声明就是什么格式 后面的值是二维数组 前面声明的变量也得是二维格式 let [a,b,c] = ["45","56","67"]; console.log(a,b,c) //45 56 67 前多后少 前面声明的变量多,后面 阅读全文
摘要:
ECMAScript 和 JavaScript 的关系是,前者是后者的规格,后者是前者的一种实现(另外的 ECMAScript 方言还有 JScript 和 ActionScript)。日常场合,这两个词是可以互换的。 ES6 既是一个历史名词,也是一个泛指,含义是 5.1 版以后的 JavaScr 阅读全文
摘要:
前端模块化 为什么要使用的模块化开发 1.之前我们所用的传统开发将整个网页的效果都写到一个js文件,这样或导致耦合度过高,代码关联性太强,不便于后期维护,还会造成全局污染 2.功能化的js文件会导致发生的请求次数过多,依赖模糊,也难以维护 3.模块化开发会减少代码的关联度,部署方便,按需加载,避免命 阅读全文