随笔分类 - vue
摘要：##一 背景 当项目部署在外网时，前端首屏加载的平均时间是10S，通过开发者工具查看加载的包，例如chunk-libs.xxx.js的有2.9MB，因为包太大导致加载慢，严重影响了用户体验。 所以解决思路就有了两个： 能不能把包变小，下载就会快一些？ 有一些js、css不经常变化的文件能不能通过浏览
阅读全文
摘要：都是日常的工作小结，编写不易，转载请注明出处~考虑到会看我博客的都是和我一样的小白，尽量写细一些，有问题可在评论区留言 一 实现原理 1.1 一般我们在写elementUI表格代码时，都可以通过v-if来控制某个列要不要隐藏，因为我的写表格代码时都是用v-for来写，所以可以在循环数组中设置哪一个列
阅读全文
摘要：1、背景：想通过自定义指令v-hasHelp控制页面右上角是否出现帮助按钮，点击按钮可以跳转外部链接。用自定义指令的目的是方便。 2、先在自己的项目中注册使用hasHelp index.js import hasHelp from './hasHelp' //导入写好的hasHelp函数 const
阅读全文
摘要：前情提要：之前有想过一个悬浮按钮控制表格横向滚动，考古可以参考此文章vue遇到的问题总结归纳的第38条，感觉这个效果还是差点意思，于是改成悬浮滚动条会更好一些，如果有更好的方法实现和解决，希望可以联系我一起交流~ 转载还请表明出处，谢谢~ 实现原理：在表格底部创建一个滚动条，设置样式为始终固定在窗口
阅读全文
摘要：遇到的问题：前端导出表格，表格中有些列不需要导出，例如操作列之类的。原理是通过ref获取表格列，把不需要导出的表格列数据去除。 解决方案 ①先在elementUI的表格组件上挂一个ref，再通过this.ref.table获取到组件的dom 点击查看代码 <el-table :data="form.
阅读全文
摘要：微信JS-SDK调用文档 1 什么是微信JS-SDK 微信JS-SDK是微信公众平台①面向网页开发者提供的基于微信内的网页开发工具包。通过使用微信JS-SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力，为微信用
阅读全文
摘要：1 VueCLI手动创建vue项目 ①文档参考地址 2 npm install [xx] 使用淘宝镜像下载超时 ①报错：ERROR Failed to get response from http://registry.cnpmjs.org/vue-cli-version ②解决方法1：在我的电脑中
阅读全文
摘要：一 安装VScode 1 下载安装 ①下载地址：https://code.visualstudio.com/ ②双击下载好的exe包，选择安装目录，一路Next直到完成。 二 安装Navicat Premium 1 下载安装 ①测试ftp-测试工具文件夹取安装包：navicat.zip ②解压安装包
阅读全文
