果冻

react生命周期react生命周期三个阶段挂载阶段更新阶段卸载阶段一、挂载阶段1、constructor 初始化数据：它接收两个参数：props和context，当想在函数内部使用这两个参数时，需使用super()传入这两个参数。2、componentWillMount ：dom渲染之前3、render：渲染函数，不要在这里修改数据。 vue中也有render函数。4、componentDidMount：在第一次渲染后调用，只在客户端。之后组件已经生成了对应的DOM结构，可

一个组件被复用多次的话，也就会创建多个实例。本质上，这些实例用的都是同一个构造函数。如果data是对象的话，对象属于引用类型，会影响到所有的实例。所以为了保证组件不同的实例之间data不冲突，data必须是一个函数，因为javascipt只有函数构成作用域，data是一个函数时，每个组件实例都有自己的作用域，每个实例相互独立,不会相互影响。...

1、Params的方式类似于get请求，传递的数据会在浏览器地址显示Params路由传参分为三步：1、绑定参数在你传参的路由绑定参数2、发送数据3、接收参数在路由页面用this.$route.params.listdata收传递过来的参数。二、query类似与post请求，传递的数据不会再浏览器地址显示。query传参分文两步:发送-接收（不需要再路由中配置）1、传递参数2、接收参数1、query和params是两种传参方式2、使用params传参只能由name引入路

什么是弹性盒就是给父元素加上display:flex;会形成一个弹性盒，其子级会自动成为弹性盒成员，通过给父元素添加属性来改变子元素的排列方式、及空间分配。概念：弹性盒式c3中提出的一种布局方案。是为了针对不同屏幕不同设备的一整套解决方案。主要针对一个容器中的子元素进行排列、对齐、空间分配。#### Flex布局（弹性盒布局）添加给父元素的属性：1、display:形成弹性盒子 + display:形成弹性盒子 - flex(常用)/inline-flex(内联弹性盒子);

再项目跟目录下创建vue.config.js(文件名必须前面的这个名字)，然后复制下面代码放进去，配置即可，配置完之后重启项目生效。module.exports={ // 配置文件夹别名 configureWebpack:{ resolve:{ alias:{ // "别名":"对应的文件夹" "c":"@/components" } } }, //

什么是 React ?React 是一个用于构建用户界面的 javascript 库。react的特点：1、声明式设计−React采用声明式，可以轻松描述应用。（开发者只需要声明显示内容，react就会自动完成）2、高效−React通过对DOM的模拟，最大限度地减少与DOM的交互。3、灵活−React可以与已知的库或框架很好地配合。4、组件− 通过 React 构建组件，使得代码更加容易得到复用，能够很好的应用在大项目的开发中。（把页面的功能拆分成小模块–每个小模块就是组件）5、单向数据流–　

用promise实现，红色三秒打印一次、绿色两秒打印一次、黄色一秒打印一次，三种颜色循环不断交替打印。 function red() { console.log("red"); } function green() { console.log("green"); } function yellow() { console.log("yellow");

1、Ajax：ajax自然不必说，最早出现的发送后端请求技术，隶属于原始js中，核心使用XMLHttpRequest对象，多个请求之间如果有先后关系的话，就会出现回调地狱。2、 Jquery Ajax：是jQuery框架中的发送后端请求技术，由于jQuery是基于原始的基础上做的封装，所以，jquery Ajax自然也是原生ajax的封装3、Fetch：fetch号称是AJAX的替代品，是在ES6出现的，使用了ES6中的promise对象。Fetch是基于promise设计的。Fetch的代码结构

基本概念1、 async 表示这是一个async函数，await只能用在这个函数里面。2、await 表示在这里等待promise返回结果了，再继续执行。3、await 后面跟着的应该是一个promise对象（当然，其他返回值也没关系，只是会立即执行，不过那样就没有意义了…）这里我们要实现一个暂停功能，输入N毫秒，则停顿N毫秒后才继续往下执行。普通函数 var sleep = function (time) { return new Promise(func

1、遍历多维数组 //遍历多维数组 var newarr =[] ; function demo(arr){ for(let i=0;i<arr.length;i++){ if(typeof arr[i] !=="object"){ console.log(arr[i])

Express后台创建：1、在与项目同级的目录下创建server文件夹2、cd到server文件下下载express：下载之前先：npm init -y 初始化仓库下载命名：npm install --save express3、使用Express—创建路由中间件每次接受到请求都会先调用函数，就是给一些铁定的功能添加的一个场所。所有的路由都用的内容可以放在中间件中3.1、在server目录下创建router文件创建后台路由3.2、在router文件夹下创建路由文件3.3、写完路由文件必须要

import axios from “axios”//创建axios 赋值给service这个常量const service=axios.create();// 添加请求拦截器service.interceptors.request.use(function (config) {// 在发送请求之前做些什么return config;}, function (error) {// 对请求错误做些什么return Promise.reject(error);});// 添加响应拦截器

什么是vuex？怎么使用？在那种场景下使用vuex是什么？Vuex 是一个专为 Vue.js 应用程序开发中管理的一个模式。通过创建一个集中的数据存储，方便程序中的所有组件进行访问总结：Vuex就是状态管理工具，数据管路工具传统Vue使用场景思考：传统vue是单向数据流。如果是兄弟组件之间传值兄弟组件间的状态传递无能为力我们经常会采用父子组件通过正向/逆向传值来对数据进行传递。以上的这些模式非常脆弱，通常会导致无法维护的代码。vuex只能用于单个页面中不同组件（例如兄弟组件）的数据流通

什么是中央事件总线？具体用法vuex同级组件传值------中央事件总线什么是中央事件总线？创建一个新的Vue实例，以后它就承担起了组件通信的桥梁，也就是中央事件总线利用中央事件总线实现同级组件传值（一下是具体用法分为五步）1、先创建中央事件总线，在src下创建一个文件夹eventBus在这个文件下创建index.js文件，在这个文件中创建一个新的vue实例，以后就又他承担起组件之间通信的桥梁，即中央事件总线。2、在components文件下创建同级组价，例如组件A和组件B。3、在组件A中