![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
_hakim
这个作者很懒,什么都没留下…
展开
-
关于webpack打包 js、css 压缩优化总结
项目开发接近尾声,优化是不可忽略的,下面来说说我对项目的优化之路:开发环境:使用vue-cli安装项目"vue": "^2.4.2","vue-router": "^2.7.0","webpack": "^3.5.5","node": "8.12.0",一 基础优化:路由按需加载、图片的懒加载、cdn地址引用,不多说了,直接上图:1、*部分路由按需加载;2、...原创 2019-04-02 17:17:19 · 2398 阅读 · 0 评论 -
vue+element-ui 身份证验证(获取出生日期,籍贯、年龄、性别)
基于vue.js 和 element-ui <el-form> 的validate验证实现html代码 <el-form :model="baseInfo" ref="baseForm" :rules="baseFormRules" label-width="110px" class="departmentDetail-ruleForm">原创 2019-03-06 11:52:43 · 14487 阅读 · 3 评论 -
JS 获取n个月后的日期(使用在vue 框架)
<template> <el-form-item label="合同到期日期:" prop="endDate"> <el-date-picker type="date" placeholder="年-月-日" v-model="contractInfo.endDate" :value="getYmd(3原创 2019-02-26 14:50:45 · 2281 阅读 · 1 评论 -
vue element-ui table 滚动条位置缓存
需求:浏览器不关闭的情况下,每次进入指定页面,element-ui table的滚动条保留在上次离开页面时的位置;开发步骤:1、经过代码测试,在vue里面给el-table 添加ref来获取元素dom,然后给refs设置scrollTo(left,top)无效;2、添加自定义指令可以获取和设置元素属性和方法,给class为el-table__body-wrapper的元素绑定滚动事...原创 2018-12-07 15:47:52 · 3693 阅读 · 0 评论 -
Vue.js 插件开发详解
前言随着 Vue.js 越来越火,Vue.js 的相关插件也在不断的被贡献出来,数不胜数。比如官方推荐的 vue-router、vuex 等,都是非常优秀的插件。但是我们更多的人还只停留在使用的阶段,比较少自己开发。所以接下来会通过一个简单的 vue-toast 插件,来了解掌握插件的开发和使用。认识插件想要开发插件,先要认识一个插件是什么样子的。Vue.js 的插件应当有一个公开...转载 2018-08-30 10:26:32 · 155 阅读 · 0 评论 -
vue缓存机制 keep-alive
到现在,接触vue也小段时间了,项目进行到了一定程度,然而项目缺少了缓存机制,所以每次跳转页面都会重新created一下数据,虽说系统的数据请求速度很快,但是这样做对系统的性能会有很大的坏处的,所以到这里就要对系统优化下,添加缓存了。其实到现在,对于vue还是没有玩通,每深挖一次,就会发现一次vue的精彩,开始不清楚要用什么实现缓存,找了好久,有好几种说法,就是用vuex、vuet或者keep-...转载 2018-08-02 11:38:48 · 5072 阅读 · 0 评论 -
vue tab滑动置顶
当内容区域的tab 滚动到屏幕顶部时,将tab区域固定在顶部不动,内容单独滚动。具体实现方法如下:1、设置html <div> <div class="tab" id="fixedBar" :class="{fixedBar:isFixed}"> <span :class="tabActive===1?'active':''" @cli原创 2018-08-14 13:49:08 · 2183 阅读 · 0 评论