![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
项目常用
qq_35993607
这个作者很懒,什么都没留下…
展开
-
响应式
今天做了一个需求,PC端报表数据希望一行显示,不希望标题等换行或者乱掉 除了对进度条等进行等比缩放,字体也要随着页面的缩放而改变,使用@media配合rem实现,一开始使用62.5%等这种百分比的数字进行自动的缩放,但是谷歌的字体最小是12px,然而其它浏览器并不会有这样的限制,会一直缩小直到看不清,一开始被局限住了,后来就使用百分比加上固定值的方式html,body {...原创 2019-11-14 15:03:01 · 135 阅读 · 0 评论 -
Mock
公司内网也用不了easyMock,加上easyMock有时候又不稳定,所以记录一下mock的使用首先设置请求的拦截import Mock from 'mockjs'import { getTableData} from './response/data'/** * 1.要拦截的URL,字符串或正则表达式 * 2.要拦截的请求类型,get/post/put/delete/optio...原创 2019-10-18 11:31:31 · 214 阅读 · 0 评论 -
lodash——lang
castArray:如果value不是数组, 那么强制转为数组。clone:浅拷贝;cloneDeep:深拷贝(修改对象、数组等元素时,不会影响原先的对象)conformsTo:var object = { 'a': 1, 'b': 2 }; _.conformsTo(object, { 'b': function(n) { return n > 1; } });...原创 2019-08-13 11:14:10 · 98 阅读 · 0 评论 -
大数据性能优化
下拉列表:使用vue-virtual-scroll-list插件使用<virtual-list>包裹for循环渲染的部分// size:每行是多高, remain:想要渲染多少条数据 <Select v-model="selectData" style="width:200px"> <virtual-list :size="30" :rem...原创 2019-07-24 10:17:36 · 96 阅读 · 0 评论 -
lodash——数组
intersection:给定数组的交集union:返回数组的并集without:剔除数组中指定元素的值,不像_.pull, 这个方法会返回一个新数组。pull,pullAll:移除数组中等于给定元素的值var array = [1, 2, 3, 1, 2, 3]; _.pull(array, 2, 3);console.log(array);// => [1, ...原创 2019-08-13 11:20:25 · 287 阅读 · 0 评论 -
背景图片居中,缩小两边裁剪
#home { width: 100%; height: 100vh; background: url('../assets/home.png'); background-position: center center; //图片居中显示 background-repeat: no-repeat;}原创 2019-07-24 10:44:23 · 750 阅读 · 0 评论 -
文件下载
// 文件下载export const fileDownload = (content, fileName = 'bug列表.csv') => { let eleLink = document.createElement('a') eleLink.style.display = 'none' let blob = new Blob([content]) //conte...原创 2019-07-24 10:54:09 · 59 阅读 · 0 评论 -
项目优化小技巧
在任何页面使用 shift + / 即可查看该页面的快捷键 火狐用户记住账号密码直接在输入框回显问题@blur是防止点击过一次再点击下面会出现提示框<el-input v-model="form.password" type="password" :readonly="readonly" ...原创 2019-09-30 15:45:49 · 110 阅读 · 0 评论 -
lodash——集合
集合指(Array|Object)。countBy:创建一个组成对象,key为迭代器运算的结果,value为匹配该结果的数量(注:迭代次数)groupBy:用法类似于_.countBy()。返回一个对象,key为迭代器运算的结果,value为包含所有匹配项的数组。_.groupBy(['one', 'two', 'three'], 'length');// => { '3':...原创 2019-08-13 11:13:59 · 214 阅读 · 0 评论 -
element ui输入框中间删除光标自动跳到最后
element ui版本问题bug,升级版本原创 2019-08-13 11:13:40 · 668 阅读 · 1 评论 -
项目常用
密码进行md5加密传输cnpm install --save js-md5import md5 from 'js-md5'md5(this.password)优雅的处理async和awaitcnpm install await-to-js --savemain.js:将方法挂载全局,也可在封装请求的时候统一做to的处理import Vue from 'vue'im...原创 2019-07-24 10:37:37 · 178 阅读 · 0 评论 -
项目常用webpack配置
1.分析工具:webpack-bundle-analyzer "scripts": { "serve": "vue-cli-service serve", "build:dev": "vue-cli-service build --mode dev", "build:test": "vue-cli-service build --mode test", "b...原创 2019-04-22 14:42:14 · 1903 阅读 · 0 评论 -
使用图标
一.Iconfont1.下载至本地2.将文件引入 项目3.在main.js注册import '@/assets/font/iconfont.css'4.使用:一定要注意iconfont后面的空格!!!<i :class="'iconfont '+item.iconClass"></i>二.使用svg:详见:https://j...原创 2019-07-24 11:19:41 · 152 阅读 · 0 评论 -
vuex持久化存储插件
一.使用js1.plugin文件夹定义.export default store => { if (localStorage.state) store.replaceState(JSON.parse(localStorage.state)) // 每次执行mutation时都会执行当前的回调函数 store.subscribe((mutation, state) ...原创 2019-07-24 10:45:27 · 250 阅读 · 0 评论 -
webpack dllPlugin踩坑
在chainWebpack中配置chainWebpack:config => { const files = fs.readdirSync(path.resolve(__dirname, './dll')) for (let i = 0; i < files.length; i++) { if (/.*\.dll.js/.test(files[i]...原创 2019-05-15 10:18:13 · 1150 阅读 · 0 评论 -
vuecli3 webpack dllplugin配置
配置webpack dllplugin提升打包速度,依赖库越大速度越明显1.全局安装webpack、webpack-clinpm install webpack -gnpm install webpack-cli -g查看安装是否成功webpack -v2.package.json"scripts": { "build:dll": "webpack --c...原创 2019-08-14 18:01:58 · 1509 阅读 · 0 评论