摘要: 工作流程 1. store store:就是保存数据的地方,你可以把它看成一个容器,整个应用只能有一个Store Redux提供了一个createStore这个函数,用来生成Store。 2. state Store对象包含所有数据。 store 提供了一个getState() 2. reducer 阅读全文
posted @ 2019-09-26 17:18 花嫁赫萝 阅读(97) 评论(0) 推荐(0) 编辑
摘要: 1. 下载npm install react-router-dom --save-dev 2. 基本操作 (1)路由 detail.js (2) 配置路由 引入路由组件:import {HashRouter,Route,Switch} from 'react-router-dom'; 1.HashR 阅读全文
posted @ 2019-09-23 20:50 花嫁赫萝 阅读(120) 评论(0) 推荐(0) 编辑
摘要: 字符串模板 一..对页面渲染的方式 1.字符串拼接 2.文档碎片 3.dom操作 4.模板 模板字符串标识符是反引号 `(Tab上边) ,字符串直接写,遇到变量写在$()内 页面上输出 这个人是王富贵 二.对象 1.对象的简写 es6允许将变量和函数作为对象的属性和方法 let obj={name: 阅读全文
posted @ 2019-07-11 17:05 花嫁赫萝 阅读(128) 评论(0) 推荐(0) 编辑
摘要: class class 的作用:1. 定义类的 2. 没有变量提升 1.在class类上添加的属性都是在原型prototype上添加的 2.new实例的时候其实就是在调用构造函数的方法 3.类的本质其实就是一个函数 4.类中的this指向实例对象 5.添加的私有属性都在构造函数中添加 6.每个构造方 阅读全文
posted @ 2019-07-10 21:20 花嫁赫萝 阅读(348) 评论(0) 推荐(0) 编辑
摘要: 数组的扩展 数组的类是Array 数组的定义 1.var arr=[元素] 2.var arr=new Array(3) 3代表有三个元素,或者空的 Arr[0]="我" arr[1]="你" arr[2]="他" 3.var new Array("li","wang","zhang") 4.[]代 阅读全文
posted @ 2019-07-10 21:07 花嫁赫萝 阅读(185) 评论(0) 推荐(0) 编辑
摘要: 一.变量 var function let const class import 定义变量的关键字 备注:不能忽略函数的形参 形参(函数的私有变量) var 定义变量 var 变量提升,但是不能定义,给window添加一个对应的属性 function 既可以提前声明,同时还定义了 定义(就是给这个变 阅读全文
posted @ 2019-07-05 14:45 花嫁赫萝 阅读(166) 评论(0) 推荐(0) 编辑
摘要: 一.前端模块化 js模块化提供了三种规范 1.commonjs规范 代表就是nodejs 适合后台开发 因为是同步的 服务器的运行比较快等待时间不长 commonjs不适合用于前端 前端的客户端是预览器 预览器追求异步加载 预览器不能等太长时间 2.前端模块的规范是Amd规范,代表就是require 阅读全文
posted @ 2019-07-04 19:45 花嫁赫萝 阅读(450) 评论(0) 推荐(0) 编辑
摘要: 他是一个前端资源或打包工具 1.先下载 npm install -g webpack@3.8.1 //全局 npm install webpack@3.8.1 --save -dev //局部 2.打包 指令(webpack) 入口 文件(xxx.js) 出口文件(dist/bundle.js) 如 阅读全文
posted @ 2019-06-04 20:21 花嫁赫萝 阅读(118) 评论(0) 推荐(0) 编辑
摘要: node 自带的包(模块), path url fs 1.第三方模块 weui / jquery / axios / zepto 2.自定义模块:我们写的 配置模块说明文件,npm iinit 就会生成一个包 package.json 的文件 version:版本号 desciption:说明 ma 阅读全文
posted @ 2019-06-04 17:01 花嫁赫萝 阅读(140) 评论(0) 推荐(0) 编辑
摘要: 传统开发 : (1)<script src="app.js"><script> 整个网页写了一个js文件 所有的特效都在里面 缺点:耦合度太高代码之间的关联性太强,不便于后期维护 会造成全局污染 (2)<script src="01.js"><script> <script src="02.js"> 阅读全文
posted @ 2019-06-03 15:10 花嫁赫萝 阅读(841) 评论(0) 推荐(0) 编辑