liyunxi

摘要： 在项目的开发过程中，我们常常会去封装一些比较常用的全局组件,但是每添加一个组件就需要手动在main.js引入注册，不仅麻烦还代码量多，着实让人心烦。所以干脆封装一个自动化注册全局组件。 1、自定义全局组件文件夹 在src下新建一个globalComponents，用于存放全局组件，并新建一个组件，例 阅读全文

摘要： 异步ajax请求之间可能会有依赖情况，本篇以定时器模拟请求，总结了几种通过async await和Promise将异步转为同步的方案 // get1请求、get2请求 function get1 () { return new Promise((resolve, reject) => { setTi 阅读全文

摘要： https://tool.chinaz.com/Gzips/ 阅读全文

摘要： 一.鼠标拖拽滚动 以下代码项目中直接使用即可，此种方法是通过鼠标拖拽进行滚动，滑动滚轮无效果。当然快捷键，shift+鼠标滚轮可以控制横向滚动，对用户来说体验不友好。 <div class="tab-list id="nav"> <div class="tab-item" v-for="(item, 阅读全文

摘要： 一.安装 npm install --save qrcode 二.canvas绘制 import QRCode from "qrcode"; //选择二维码添加的元素 const child = this.$el.querySelector(".child"); //value,options的值为 阅读全文

摘要： css: *{ -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } 阅读全文

摘要： VUE-QUILL-EDITOR 基于 QUILL、适用于 VUE 的富文本编辑器，支持服务端渲染和单页应用，非常高效简洁。 一.基础用法 1、NPM 导入 VUE-QUILL-EDITOR npm install vue-quill-editor --save 2、引入 VUE-QUILL-EDI 阅读全文

摘要： 1.在van-dialog组件中添加 before-close 属性, 2.定义该方法 newGroupBefColse(action, done) { if (action == 'confirm' && !this.newFenzuName.trim()) { done(false) } els 阅读全文

摘要： 一.前言 Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue 项目性能方面 阅读全文

摘要： 先看webpack-bundle-analyzer的效果图（官方效果图）： 通过使用webpack-bundle-analyzer可以看到项目各模块的大小，可以按需优化 1、先安装 npm install --save-dev webpack-bundle-analyzer 2、在webpack.c 阅读全文