摘要:
在开发中,我们常常会去监听滚动事件或者用户输入框验证事件,如果事件处理没有频率限制,就会加重浏览器的负担,影响用户的体验感, 因此,我们可以采取防抖(debounce)和节流(throttle)来处理,减少调用事件的频率,达到较好的用户体验。 防抖(debounce): 在事件被触发n秒后再执行回调 阅读全文
摘要:
vue-router是vue项目中几乎都会用到的组件,然而体验一时爽,其实坑不少。本篇经验将详细介绍vue-router的两种mode效果和开发测试环境下的问题,并给出解决方案。 1.mode默认是hash模式,画风是这样的: 2.使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 阅读全文
摘要:
利用@media screen实现网页布局的自适应 优点:无需插件和手机主题,对移动设备友好,能够适应各种窗口大小。只需在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值 1280分辨率以上(大于1200px) @media screen and (min-width 阅读全文
摘要:
最近做项目时,发现刚打开弹框就出现了下拉多选的验证,如下图: 经过网上搜索,找到了两种解决方案 第一种解决办法: 1 personnelDescription: [ 2 {type:"array",required: true, message: '请输入', trigger: ['blur', ' 阅读全文
摘要:
项目中使用的是vue+element实现的全局loading 1.引入所需组件,这里主要就是router和element组件,element组件引入可以参考element官网 2.下面就是重点及代码实现了 首先是全局的一个变量配置参数,代码如下: 1 //全局页面跳转是否启用loading 2 ex 阅读全文
摘要:
这篇文章主要介绍下vue-cli3.0项目搭建,项目结构和配置等整理一下,分享给大家。 一、介绍 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件: CLI:@vue/cli 全局安装的 npm 包,提供了终端里的vue命令(如:vue create 、vue serve 阅读全文
摘要:
1之前在windows上装过,最近刚换了个mac本,重新安装下,也是为了记录下我安装的过程。 github下载vue-devtool到本地 下载地址https://github.com/vuejs/vue-devtools#vue-devtools 注意,下载的时候默认的是在dev分支,要切换到ma 阅读全文
摘要:
自己的理解: 1. computed用来监控自己定义的变量,该变量不在data里面声明,直接在computed里面定义,然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理; 2. computed比较适合对多个变量或者对象进行处理后返回一个结果值,也就是数多个变量中的某一个值发生了变化则我 阅读全文
摘要:
在项目中我们通过会遇到计算两个时间的时间差问题,比如: 在做的过程中,我封装成了一个方法,我们只需要调用就可以啦 1 /* 2 * 获得时间差,时间格式为 年-月-日 小时:分钟:秒 或者 年/月/日 小时:分钟:秒 3 * 其中,年月日为全格式,例如 : 2010-10-12 01:00:00 4 阅读全文
摘要:
在项目中,我们经常见到一些这样的界面 即搜索栏,表格,分页。 当我们点击新建按钮时,就会出现一个弹框,类似于这样的界面 这样的界面在项目中,经常会做,于是封装成公用的组件最为合适,目录结构如下: pagination文件夹下index.vue内容如下: 1 <template> 2 <div cla 阅读全文