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 -> onBeforeMountmounted -> onMountedbeforeUpdate -> onBeforeUpdateupdated -> onUpdatedbeforeDestroy -> 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-clivue init webpack vue-demo新建项目，vue-demo是项目的名字cd到当前项目 , 运行 npm i element-ui -S安装element-uiaxios的使用：安装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...