npm install -g npm-check-updatesncu -vnpm-check-updatesncu -u

一般此类包不需要安装到项目中，减少node_modules体积（以项目实际情况决定-S/-D）最后执行npm run build 会自动生成文件unused-files.json。然后再vue.config.js中配置。默认clean为true会自动删除文件。

延迟加载和懒加载：通过延迟加载和懒加载的方式，将页面中不必要的内容延迟到用户需要时再加载，减少页面加载时的数据和资源负担，提高页面响应速度。减少 HTTP 请求次数：通过合并和压缩静态资源、使用 CDN 加速等方式，减少页面加载时的 HTTP 请求次数，提高页面加载速度。优化图片：使用适当的图片格式、压缩图片大小和质量、使用图片懒加载等方式，优化图片的加载和显示效果，减少页面加载时的图片负担。减少

{"workbench.iconTheme": "vscode-icons","editor.tabSize&

在vue的配置文件.eslintrc.js中配置以下选项这样只需要右键格式化以下文件夹，大部分eslint规则报错就会被干掉了module.exports = {root: true,parser: 'babel-eslint',parserOptions: {sourceType: 'module'},env: {browser: tru

在开发过程中，有时发现当数据变动后，视图并未更新。那么下面是一些常见示例的和解决办法

filter.js内封装的工具类/* eslint-disable */import moment from 'moment';import Vue from 'vue';// eslint-disable-next-lineDate.prototype.Format = function(fmt) {//author: meizzvar o = {'M+': t...

xss攻击是很常见的一种攻击方式，下面简单讲一下前端如何防御。讲之前简单涉及一点后端防御的方案：在前后端交互的时候做好特殊符号的转义下面重点是前端使用js-xss防御npm install xss --savemain.js引用import xss from 'xss'Vue.use(xss);Object.defineProperty(Vue.prototype, '$xss', {value:

浅拷贝这里就不讲了，我们直接讲深拷贝正常的数组/对象拷贝可以直接用const cloneObj = JSON.parse(JSON.stringify(Obj));这种方式可以解决相当多一部分的赋值问题，但是一些特殊属性除外（undefined/function）在vue 或者js 中有时需要对一些特殊数据处理，比如VUE中的table等…这个时候就需要用到第二种方法处理数据附代码：...

打开vscode的 》文件 》 首选项 》设置找到vetur 这个选项里面的vetur.format.defaultFormatter.html 这个选项 将其设置为 js-beautify-html前提是你必须安装了这两个插件然后重新加载格式化的时候就不会在格式化html里面的内容了完整的setting.json配置可以来这里看https://blog.csdn.net/qq_3...