转自：https://www.jianshu.com/p/22fe04eaa4ee 第一部分: 前言介绍 说先我们来理解一下 transform 这个单词: 这个英文单词可以改变一个事物的两个方面: 一: 形态; 二: …

转自：https://developer.mozilla.org/zh-CN/docs/Web/SVG/Tutorial 可缩放矢量图形，即SVG，是 W3C XML 的分支语言之一，用于标记可缩放的矢量图形。目前 SV…

转自：http://t.csdn.cn/Ad12w 快速复制一行 快捷键： shift+alt+ 下箭头/上箭头 或者 ctrl+c 然后 ctrl+v 选定多个相同的单词 快捷键： ctrl + d 先双击选定一个单词…

问题现象：el-input 可以点击，却显示不出键盘输入的内容。 解决： 将 el-input 的 value 属性修改为 使用 v-model 实现。 <el-input width="260px&qu…

env env: { browser: true, commonjs: true, es2021: true, jquery: true }, Eslint 不允许使用未在页面上声明的变量，例如: console.log…

转自：https://bbs.huaweicloud.com/blogs/360057 https://www.ruanyifeng.com/blog/2019/02/npx.html npx 是什么 npx 是一个 n…

Extra semicolon 转自：https://www.cnblogs.com/cowboybusy/p/10633286.html 末尾分号检测，如果不想检测该项，可以在配置文件中添加 semi: 0 Expec…

官网 https://zh-hans.eslint.org/ 作用 Eslint 是一个语法检查的工具包，它用于检查 JavaScript 的语法。 为什么使用 Eslint 统一团队编码规范 统一语法 减少 git 不…

转自：https://blog.csdn.net/weixin_42425970/article/details/102870549 问题产生原因是因为 xxx 定义了，但并未使用到，若要忽略该提示，需创建 “ .esl…

转自：https://blog.51cto.com/u_15119353/5046315 安装 jQuery npm install jquery 在src同级目录下新建 vue.config.js 文件 const w…

转自：https://www.jianshu.com/p/6061186a2733 指定版本：比如1.2.2，遵循“大版本.次要版本.小版本”的格式规定，安装时只安装指定版本。 波浪号（tilde）+指定版本：比如~1.…

转自：https://blog.csdn.net/hong521520/article/details/118528083   修改未选中背景和字体 /deep/.el-pagination.is-backgr…

转自：https://www.cnblogs.com/luckybaby519/p/16377545.html elementui 一行5列布局 原理：elementUI里面有Layout 布局，只能分为24的因数。就如…

列固定 5 列为例： .video-list { margin: 0 50px; display: flex; flex-flow: row wrap; } .single-video { width: 19%; mar…

转自：https://www.zhangxinxu.com/wordpress/2019/08/css-flex-last-align/ justify-content对齐问题描述 在CSS flex布局中，justif…

HTML <div id="back-container"> <button class="back-btn"> <img src="./i…

单行省略号 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 多行省略号 以两行为例： overflow: hidden; text-over…

转自：https://codeantenna.com/a/Dqkf1NvMJs 安装插件 Live Edit 这里学到了一个名词，捆绑，意思就是有的编辑器默认自带的,无须另外下载我这里是2020.3.2是自带的，检查是不…

转自：https://juejin.cn/post/6989496048557228046 首先明确的一个前提是：请求是异步的。 在Created生命周期里Data才生成，而请求返回的数据需要挂载在data上，所以Cre…

转自：https://blog.csdn.net/u010358168/article/details/124932198 提升开发体验 使用 Source Map 让开发或上线时代码报错能有更加准确的错误提示。 提升打…

转自：https://blog.csdn.net/u010358168/article/details/124932198 Preload 我们前面已经做了代码分割，同时会使用 import 动态导入语法来进行代码按需加…

转自：https://blog.csdn.net/u010358168/article/details/124925893 Code Split 打包代码时会将所有 js 文件打包到一个文件中，体积太大了。我们如果只要渲…

Tree Shaking 开发时我们定义了一些工具函数库，或者引用第三方工具函数库或组件库。 如果没有特殊处理的话我们打包时会引入整个库，但是实际上可能我们可能只用上极小部分的功能。 这样将整个库都打包进来，体积就太大了…

SourceMap SourceMap 是一个用来生成源代码与构建后代码一一映射的文件的方案。 通俗的来说， Source Map 就是一个信息文件，里面存储了代码打包转换后的位置信息，实质是一个 json 描述文件，维…

ECMAScirpt5 中 Array 类中的 filter 方法使用目的是移除所有的 false 类型元素 (false, null, undefined, 0, NaN or an empty string) var…

生产模式 开发完成后，我们需要将代码部署上线。 这个模式下要对代码进行优化，让其性能更好。 优化代码运行性能 优化代码打包速度 npx webpack serve --config ./config/webpack.de…

针对兼容性处理，用 Babel。 针对代码格式，用 ESlint。 Eslint Eslint 的出现就是为了解决团队代码风格不一致的问题，它可以通过配置文件让你强制使用双引号或者单引号、句尾加;或不加;。让一个项目的代…

Webpack 是基于 node 的打包工具，需要 node16+ 版本。 为什么要使用打包工具 开发时，使用的 Vue、ES6 模块化语法、Less/Sass 等预处理器的语法进行开发，这样的代码要想在浏览器运行，必须…

转自：https://blog.51cto.com/u_13942732/3132838 相同点 assets 和 static 两个都是存放静态资源文件。项目中所需要的资源文件图片、字体图标、样式文件等都可以放在这两个…

转自：https://www.jianshu.com/p/cad7d302e0d8