摘要：
post 请求 参数 data 如果直接写 参数会在请求体 以 JOSN export function orderList(data) { return request({ url: 'xxx', method: 'post', data }) } // 如果写成parms:data 参数会跟在请 阅读全文
摘要：
脚本异步载入 传统的脚本加载方式是阻塞式的，即在脚本加载和执行完成之前，浏览器会阻塞页面的渲染。而异步加载脚本采用非阻塞方式，页面会继续渲染，而不必等待脚本的加载和执行。 异步加载脚本的实现方式主要有两种： async 使用 async 属性： 将 script 标签的 async 属性设置为 tr 阅读全文
摘要：
推荐方案 vw+vh+rem+媒体查询 meta 元素的视口需声明 <meta name="viewport" content="width=device-width,initial-scale=1.0"> 媒体查询更改字体大小 html, body, #app { height: 100%; fo 阅读全文
摘要：
moneyFormatter = function (money, num) { /* * 参数说明： * money：要格式化的数字 * num：保留几位小数 * */ num = num > 0 && num <= 20 ? num : 2 money = money + '' var inde 阅读全文
摘要：
定位分析 打包工具：webpack、rollup、parcel、esbuild 作用：可以对代码进行压缩、合并、转换、分割、打包 衍生：vue-cli、create-react-app、umi 等是基于 webpack 的上层封装，用于快速创建项目 vite：开发环境依赖 esbuild 进行预构建 阅读全文
摘要：
新特性有兼容性问题，需要 i9 以上和移动端才能兼容 H5 新标签 语义化标签 head 头部标签 nav 导航标签 article 内容标签 section 定义文档大的区域，相当于大的 div aside 侧边栏标签 footer 底部标签 有利于 SEO 可以多次使用 注： 在 IE9 中使用 阅读全文
摘要：
编译优化 1、使用缓存：缓存可以显著提高编译速度。例如，babel-loader 的 cacheDirectory 选项可以将转译的结果缓存到文件系统中，此外，cache-loader 可以将其他 loader 的处理结果缓存到磁盘。 2、DLL 动态链接库：DLL 文件为动态链接库，在一个动态链接 阅读全文
摘要：
一个检测代码风格的工具 规则报错可以去 ESLint 官网查看以参照修改 插件：eslint 配置：setting.json //ESLint 插件配置 "editor.codeActionsOnSave":{ "source.fixAll":true, }, 插件：Prettier 配置：sett 阅读全文
摘要：
axios 是一个专注于网络请求的库，基本语法如下 axios({ method:'post/get', url:'xxx'， //url 中带的参数即 get 传递的数据 params：{}， //post 传递的参数即请求体参数 data:{}, }).then((result)=>{ //.t 阅读全文
摘要：
任务执行队列 宏任务同步任务 => 微任务同步任务 => 微任务异步任务 => 宏任务异步任务 宏任务：setTimeout、setInterval、setImmediate （new Promise() 是宏任务同步任务） 先后顺序：setImmediate => setTimeout => se 阅读全文
摘要：
requset 使用 antdPro 内的组件内置 request 时，如果依赖的参数来自外部，可能会触发两次请求，解决方案: 将参数先定义至 params，从 params 内传递给 request // 使用 params 前 <ProFormSelect debounceTime={300} 阅读全文
摘要：
移动端浏览器主要是 webkit 内核 viewport 视口 手动添加 meta 标签 <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimu 阅读全文
摘要：
基本配置 配置提交人姓名：git config --global user.name 提交人姓名 配置提交人邮箱：git config --global user.email 提交人邮箱 查看 git 配置信息：git config --list 提交及拉取 提交：git push 拉取：git p 阅读全文
摘要：
React 是用于构建用户的 JS 库（Facebook 开源） 使用 JS 进行操作 DOM 会进行大量的重绘重排列 React 采用组件化模式、声明式编码提高开发效率及组件复用率 React 使用虚拟 DOM 和 Diffing 算法，减少与真实 DOM 的交互 Diffing 算法：当浏览器进 阅读全文
摘要：
正则表达式是对象，用来匹配字符串的字符组合 边界符 以^开头，以&结尾，可以实现精确匹配 范围符 以[]限定，只需要匹配其中一个就可以 -为范围符 ^在中括号内表示取反，在外面表示开头 量词符 *相当于>=0,出现 0 次或多次 +相当于>=1,出现 1 次货多次 ?相当于出现 1 或 0 次 {n 阅读全文
摘要：
tree 树形控件 checkChange 事件不触发 需求 需要通过父节点选择子叶节点，且部分子叶节点因为权限需要禁用 问题 默认父节点不展开，通过父节点选中子节点时，若父节点未展开过且子节点含有 disabled 节点，check-change 事件将只触发一次，则会出现点击父节点选择子节点，但 阅读全文
摘要：
使用脚手架搭建需要确保@vue/cli 版本在 4.5.0 以上 查看@vue/cli 版本 vue --version 如果 vue/cli 版本过低或上方命令报错，需要安装或者升级你的 @vue/cli npm install -g @vue/cli 生命周期 vue2 > vue3 befor 阅读全文
摘要：
可选链操作符 可选链?.可以让我们在不确定某个值是否存在时使用，当?.前面的值为 undefined 或 null 时，会立即阻止代码的执行并返回 undefined const obj = null console.log(obj.a) // 此时浏览器会报错 const arr = [] con 阅读全文
摘要：
打开方式 1、开始+系统+命令提示符(以管理员身份运行可打开 CMD 最高权限) 2、Win+R 输入 cmd 打开控制台 3、在任意文件夹按住 Shift+鼠标右键，打开命令行窗口 4、文件夹的地址栏，cmd+空格后回车 常用的 Dos 命令 盘符切换 盘名称+英文冒号 查看当前目录下的所有文件 阅读全文
摘要：
浏览器私有前缀 -moz- 火狐 -ms- IE -webkit- safari chrome -o- opera 清除浮动 1、额外标签法：（在最后一个子元素浮动标签后，新加一个标签，给其 css 设置 clear:both） 缺点：添加无意义标签，语义化差，不推荐 2、父级添加 overflow 阅读全文
摘要：
虚拟 DOM 不渲染数据 问题描述：消息已读和未读的功能，点击消息，消息会变成已读，重新请求数据，在重新请求数据前会先清空旧数据，但是因为两次的数据一样，导致 vue 的 diff 算法默认不更新视图，使用 this.$set 和 this.$forceUpdate 等方法都不能解决问题 解决方法： 阅读全文
摘要：
基本组成结构 pages 文件夹 用来存放所有小程序的页面 utils 文件夹 用来存放工具性质的模块（例如：格式化时间的自定义模块） app.js 小程序项目的入口文件 app.json 小程序项目的全局配置文件 app.wxss 小程序项目的全局样式文件 project.config.json 阅读全文
摘要：
// 水印 // @param settings const waterMark = settings => { // 每次添加水印时，都先清一遍水印，防止水印多次添加 var waterMarkArr = window.sessionStorage.getItem('watermark') if 阅读全文
摘要：
legend: { show: true, //是否显示 type: "plain", // 图例的类型 'plain':普通图例 'scroll':可滚动翻页的图例 zlevel: 1, // 所有图形的 zlevel 值。 icon: "circle",//图例的图标 circle 圆形 rec 阅读全文
摘要：
webpack 是前端工程化的具体解决方案，包括代码压缩混淆、处理 js 的兼容、优化性能 安装指定版本 npm install webpack@5.42.1 webpack-cli@4.7.2 -D -S 是--save 的简写，将包安装在开发和线上环境 -D 是--save-dev 的简写，只安 阅读全文
摘要：
数据驱动视图（vue 会监听数据变化，自动渲染 dom，是单向的数据绑定） 双向数据绑定（在网页中 form 负责采集数据，ajax 负责提交数据，不需要操作 dom 来获取表单最新的值，最新的数据会自动更新到 js 数据中） MVVM 是 vue 实现数据驱动视图和双向数据绑定的核心原理，MVVM 阅读全文
摘要：
前端监控和前端埋点，一个是目的，一个是实现方式，做前端埋点，是为了做前端监控，那为什么要做前端监控呢 前端监控的目的 获取用户行为以及跟踪产品在用户端的使用情况，并以监控数据为基础，指明产品优化的方向。 前端监控可以分为三类：数据监控、性能监控和异常监控。 数据监控 数据监控，就是监听用户的行为，常 阅读全文
摘要：
复杂对象数组去重 单个复杂对象数组去重 let arr = [ { id: 1, name: 'zs' }, { id: 2, name: 'ls' }, { id: 1, name: 'zs' } ] const obj = {} arr = arr.reduce((pre, item) => { 阅读全文
摘要：
// 当前时间 dayjs() // 时间字符串 dayjs('2018-06-03') // 时间戳 dayjs(1528361259484) // Date 对象 dayjs(new Date(2018, 8, 18)) // 复制 dayjs().clone() // 检测当前 Dayjs 对 阅读全文
摘要：
Ajax 是浏览器提供的方法，可以实现页面无刷新更新数据，即局部更新数据，提高用户体验，ajax 与服务器交互，必须在网络环境中才能运行 Axios 是对原生的 Ajax 进行封装,简化书写 基础 var xhr = new XMLHttpRequest()； // 创建 ajax 对象 xhr.o 阅读全文
摘要：
Node 是基于 chrome V8 的 js 运行环境 node 官网 在命令行工具输入 node -v 后回车可查看 node 环境是否安装成功 js 是基于 ECMAScript 语法的，操作 BOM 和 DOM node.js 也是基于 ECMAScript 语法，还有额外的 Node AP 阅读全文
摘要：
简介 jQuery 是封装了一些 js 方法的 js 库 优化了 Dom 操作，事件处理和 Ajax 的交互 引用完之后加载两种方法，相当于 DomContentLoaded 1.$(document).ready(function(){}) 2.$(function(){}) 常用 $是 jQue 阅读全文
摘要：
js 由 ECMAScript+Bom+Dom 组成 从上而下执行 ECMAScript ：规定 JS 的基础语法 DOM:文档对象模型 BOM:浏览器对象模型 可以写在行内、内嵌、和外部 js 推荐使用单引号 单行注释 ctrl+/ 多行注释 shift-alt+a 输出在控制台 console. 阅读全文
摘要：
Http状态码： 100 Continue 继续。客户端应继续其请求 101 Switching Protocols 切换协议。服务器根据客户端的请求切换协议。只能切换到更高级的协议，例如，切换到HTTP的新版本协议 200 OK 请求成功。一般用于GET与POST请求 201 Created 已创 阅读全文
摘要：
基础 第一行代码 <!DOCTYPE html> !DOCTYPE 声明文档类型 lang 定义语言，en 代表英语，zh-CN 代表中文 charset 字符集 utf-8 为万国码（没有会乱码） 它告知浏览器的解析器使用哪种 HTML 规范或版本来解析页面。DOCTYPE 声明对大小写不敏感。 阅读全文
摘要：
JDK JRE JVM 介绍 JDK：Java Development Kit（Java 开发者工具，包含 JRE,JVM） JRE：Java Runtime Enviroment（Java 运行环境） JVM：Java Virtual Machine（Java 虚拟机） JDK 安装及卸载 安装 阅读全文
