csdn_46884182的博客

缓存了每个下载过的包，所以再次使用时无需重复下载。参考：https://juejin.cn/post/6844904111083634695。官网地址：https://www.yarnpkg.cn/getting-started。在执行代码之前，yarn 会通过算法校验每个安装包的完整性。记录被确切安装上的模块的版本，防止拉取到不同版本的代码，产生的bug。使用详细、简洁的锁文件格式和明确的安装算法，yarn中文文档：yarn.bootcss.com/发布的一款取代npm的包管理工具。内置的软件包管理器。

vue3的组合式API及一些新变化

vue纯前端实现简单的增删改查

call、apply、bind、this

获取url参数

数组去重和排序

深拷贝浅拷贝

不希望在js事件持续触发的过程中那么频繁地去执行函数，防抖和节流是比较好的解决方案。

项目中用到的加密解密方法

Vue如何释放内存（防止内存泄漏）1、在mounted/created 钩子中绑定了DOM/BOM 对象中的事件，需要在beforeDestroy 中做对应解绑处理2、在mounted/created 钩子中使用了第三方库初始化，需要在beforeDestroy 中做对应销毁处理eg: this.map.remove()3、组件中使用了定时器setTimeout，setInterval，需要在beforeDestroy 中做对应销毁处理this.timer && clearInte

参考：http://www.ruanyifeng.com/blog/2016/01/commit_message_change_log.htmlhttps://github.com/commitizen/cz-cli配置git cz安装node.jscmd打开命令行：npm install -g commitizen进入项目仓库，使用 npm init --yes， 然后 初始化commitizen init cz-conventional-changelog --sa.

1. for循环，可以break结束循环。arr = [1,2,3,4,5,6]for (let i = 0; i < arr.length; i++) { console.log(arr[i]) //1,2,3,4,5,6}2. for...in循环，用于对象循环遍历，可获取对象的对应键值[注意]：for…in循环对象的所有枚举属性，需再使用hasOwnProperty()方法来忽略继承属性，即在循环内部判断一下，某个属性是否为对象自身的属性，避免出现遍历失真的情况。let o

https://juejin.cn/post/6844903854882947080#heading-1ECMAScript标准规定了7种数据类型，其把这7种数据类型又分为两种：原始类型和对象类型。原始类型Null：只包含一个值：nullUndefined：只包含一个值：undefinedBoolean：包含两个值：true和falseNumber：整数或浮点数，还有一些特殊值（-Infinity、+Infinity、NaN）String：一串表示文本值的字符序列Symbol：一种实例是

add pagecreate interactive buttonpreview them in the browseradd widgetsbuild interactionspublish prototypescreate masters

//类似于对象，是键值对的集合// const map = new Map()// map.set(1, ‘one’);// map.get(1) // ‘one’//size: 返回Map对象中所包含的键值对个数// set(key, val) 向map中添加新元素// get(key) 通过键值查找特定的值// has(key) 判断map中是否存在key，有返回true， 没有返回false// delet(key) 通过键值从map中移除对应的数据// clear() 将map中所

使用lib-flexible 设置 rem 基准值（html标签字体大小）安装依赖：npm i amfe-flexiblemain.js 引入：import ‘amfe-flexible’postcss-pxtorem 是一款 postcss 插件，用于将单位转化为 rem安装依赖： npm install postcss-pxtorem -D在项目根目录中创建 postcss.config.js文件，如下：//postcss配置文件。代码参照vant官网module.expo.

// An highlighted blockvar foo = 'bar';

<div class="allJk"> <ul> <li v-for="(item, index) in jkList" :key="index" @click="jkClick(index)" :class="{jkActive: item.choosed}"> {{item.name}} </li> </ul></div><script>export default { data() {

<template> <div class="conter"> <el-table :data="tableData" stripe border style="width: 98%" ref="tableDataRef"> <!-- <el-table-column type="selection" width="55" align="center"></el-table-column> --> &