qq_38870034的博客

原创 vue中防抖和节流

vue防抖节流的使用（直接复制就可用）

原创 VUE3.0-VUE3.0生命周期和VUE2.X对比

VUE3.0-VUE3.0生命周期和VUE2.X对比 VUE3.0中的生命周期都会比VUE2.X中早一点执行 beforeCreate -> 使用 setup() created -> 使用 setup() beforeMount -> onBeforeMount mounted -> onMounted beforeUpdate -> onBeforeUpdate updated -> onUpdated beforeDestroy -> onBeforeUnm

原创 Vue2.0与Vue3.0区别总结

Vue2.0与Vue3.0区别总结 结构部分: 1.程序主入口文件 main.js **vue2.0 import Vue from 'vue' import App from './App.vue' import router from "./router" import store from "./store" new Vue({ store, router, render: h => h(App),

原创 Vue Cli3 项目 vue.config.js 配置

Vue Cli3 项目 vue.config.js 配置 配置优化 • 一、js文件最小化处理 • 二、分割代码 • 三、图片资源压缩 • 四、开启gzip压缩 • 五、优化scss配置文件的引入 • 六、公用代码提取，使用cdn加载 • 七、去除console.log 通过vue-cli3脚手架创建的项目，可以通过在项目根目录下创建vue.config.js配置文件来修改优化webpack配置，主要优化流程分为以下几步进行，用于优化项目打包，减小体积大小 一、js文件最小化处理 代码的最优化, 通过cha

原创 vue+elementUI搭建项目步骤

vue+elementUI搭建项目步骤 使用webpack创建，确保本地已安装NodeJS，输入命令： 打开cmd进入文件夹。 npm install -g vue-cli //全局安装vue-cli vue init webpack vue-demo新建项目，vue-demo是项目的名字 cd到当前项目 , 运行 npm i element-ui -S安装element-ui axios的使用： 安装axios：npm install axios --save 在src文件夹下新建common文

原创 vuejs项目性能优化总结*

vuejs项目性能优化总结 对于vuejs项目的性能优化，做了有关3方面的优化建议，主要包括：上线代码包打包、源码编写优化、用户体验优化。(下面的优化建议只在vue-cli脚手架下做过测试，详情请参考) 1.代码包优化 屏蔽sourceMap 待下项目开发完成。进行打包源码上线环节，需要对项目开发环节的开发提示信息以及错误信息进行屏蔽，一方面可以减少上线代码包的大小；另一方面提高系统的安全性。在vuejs项目的config目录下有三个文件dev.env.js(开发环境配置文件)、prod.env.js(上线

原创 this指向问题——一张图让你彻底理清

原创 浏览器兼容性问题总结

1、双倍浮动边距： 原因：多个并列浮动元素设置了左或右边界值（x），ie6下第一个浮动元素的左或右的边界值为2倍(2x); 解决：为第一个浮动元素添加display:inline;样式； 2、高度不能自适应： 原因：多个并列浮动元素的父级高度不能被撑开。 解决：在最后一个浮动元素后添加 .clear {clear:both;} 3、上下边界不被识别： 原因：父级元素未指定高度，margin-top...