艳阳天

摘要： 项目下下来直接跑，没问题，修改后报错跑不起来。原因是ESlint配置不匹配的问题，如项目中设置的是单引号配置，自动保存格式化后成了双引号 ，然后就报错了在，这时候可以选择修改vscode默认配置与项目一致，如setting.json文件中增加如下配置： { "vetur.format.default 阅读全文

摘要： redux-thunk： 处理函数型action的中间件 asyAdd = () => { // 模拟下异步数据请求 store.dispatch((dispatch, getState) => { setTimeout(() => { console.log("getState", getStat 阅读全文

摘要： Context API： React.createContext(defaultValue)：创建一个context对象。当React渲染订阅了这个Context对象的组件，这个组件会从组件树中离自身组件最近的那个匹配的Provider中读取到当前的context值。 Context.Provide 阅读全文

摘要： 描述：不同的请求接口，不同的code权限码，不同的type类型，相同的处理逻辑，后端配合几个接口数据返回格式名称一致 解决：采用配置项的形式，写一套逻辑代码，简化代码 getSelectData = () => { const selectDataArr = [ { service:aService 阅读全文

摘要： v16之前生命周期： （1）initialization组件初始化阶段 constructor(){ super(props); this.state={} } super(props) 调用基类的构造方法，也将父组件的props注入给子组件，供子组件读取props，只读；state初始化 ，可修改 阅读全文

摘要： antd4.x form使用实例： // AntdForm4.js class组件形式 import React, { Component, useEffect } from "react"; import { Form, Input, Button } from "antd"; const For 阅读全文

摘要： react-router包含三个库：react-router、react-router-dom、react-router-native；react-router提供基本的路由功能，实际使用时不需要直接安装，根据运行环境选择react-router-dom（浏览器中）或react-router-nat 阅读全文

摘要： react-redux： // index.js import React from "react"; import ReactDOM from "react-dom"; import "./index.css"; import App from "./App"; import { Provider 阅读全文

摘要： Redux：JavaScript状态管理容易，保证行为一致性及易于测试可追踪。 Redux流程： 1. createStore 创建 store； 2. reducer 初始化、修改状态函数；reducer 是一个纯函数，接收旧的 state 和 action，返回新的 state； 3. getS 阅读全文

摘要： 创建项目： npx create-react-app demo cd demo npm start 引入antd： yarn add antd import React from "react"; import Button from "antd/es/button"; import "antd/d 阅读全文

摘要： nodejs：一个异步的事件驱动的JavaScript运行时； nodejs特性：非阻塞I/O 事件驱动 运行node程序：node 文件名 或者 nodemon 文件名（该方式可监听文件改变） package.json：当创建一个nodejs项目意味着创建了一个模块，该模块的描述文件被称为pack 阅读全文

摘要： 1.vue (1)组件 每个组件单独分成文件，如A.vue文件实现A组件； 除index.vue之外文件名推荐大写开头如BaseHeader.vue或横线连接base-header.vue; 基础组件名可以共用相同的前缀，如BaseButton; 组件名应该倾向于完整单词而不是缩写； 组件名推荐多个 阅读全文

摘要： 简单思路：（1）全选的checkbox的ng-checked设置为函数isAllSelected，即isAllSelected返回true则列表的各项全部选中，否则都不选中；（2）同时给列表各项的checkbox的ng-checked设置为各数据项的属性isChecked，该属性为前端处理后台数据时主动加上的，用于区分单项是否选中；（3）再分别给全选及各个列表项的checkbox加上点击事件；（4... 阅读全文

摘要： webpack4.x webpack 模块打包工具，分析项目结构，找到js模块及一些浏览器不能运行的语言如ES6/sass等，并将其转换和打包为何时的格式供浏览器使用； + 打包：将多个js文件打包成一个文件，减少服务器压力和下载带宽； + 转换：把浏览器不能识别的语言转换为js，让浏览器能够正确识 阅读全文

摘要： 1. vue渐进式 把框架分层：视图层 =》组件机制 =》 路由机制 =》 状态管理 =》 构建工具 即可以使用最核心的视图层渲染功能来开发需求，也可以根据需求加入其他模块。 2. 变化侦测 渲染：状态 =》DOM =》 用户界面 vue响应式系统赋予框架重渲染的能力，主要归功于变化侦测，即检测数据 阅读全文

摘要： 数据赋值的简化处理： ps：感谢大神指导~ 阅读全文

摘要： Promise Promise是一个对象，里面保存着某个未来才会结束的事情，从其可以获得一个异步操作的消息；其总会返回一个结果，可能成功也可能失败；可以理解成一个构造韩，用来生成一个Promise实例； Promise对象是一个异步操作，有三种状态：pending/fulfilled/rejecte 阅读全文

摘要： 安装 npm install typescript -g yarn global add typescript 执行 tsc Demo1.ts npm install -g ts-node ts-node Demo1.ts 静态类型 : number 就是定义了一个静态类型 如果使用了静态类型，不仅 阅读全文

摘要： vuex为状态管理器，主要用于全局状态管理，方便组件间的状态共享。其主要涉及Store、Mutation、Action、Getter 参考 & 感谢：vuex官网 & 各路大神 阅读全文

摘要： vue-router： vue-router传参： 嵌套路由： 编程式导航：： 命名路由： 重定向： 导航守卫： 路由元信息： 路由懒加载： 阅读全文