摘要：
冒泡排序： 比较相邻的元素，根据排序从小到大还是从大到小判断是否交换，一趟下来，有一个已排好序；如果遇到某一趟数据已经没有出现交换，说明已是有序数组，退出即可 function bubble(arr){ if(!(Array.isArray(arr))) { alert('数据类型有误，请传入数组' 阅读全文
摘要：
从0到0.8 vite 创建项目 eslint prettier EditorConfig 提交代码检测：husky && lint-staged proxy env-development 引入vuex@next 引入vue-router@next 引入axios 按需引入element-plus 阅读全文
摘要：
项目下下来直接跑，没问题，修改后报错跑不起来。原因是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：感谢大神指导~ 阅读全文