vue
文章平均质量分 53
极地雪狼li
IT行业
展开
-
vue 配置Eslint常用的校验规则汇总
规则的含义:“off” or 0 - 关闭(禁用)规则“warn” or 1 - 将规则视为一个警告(并不会导致检查不通过)“error” or 2 - 将规则视为一个错误 (退出码为1,检查不通过)常用规则:Possible Errors 可能的错误或逻辑错误no-cond-assign 禁止条件表达式中出现模棱两可的赋值操作符no-console 禁用consoleno-constant-condition 禁止在条件中使用常量表达式no-debugger 禁用 d...原创 2021-07-15 12:09:36 · 858 阅读 · 0 评论 -
前端Vue中常用rules校验规则
前提在 wEB前端开发中,难免遇到各种表单校验,这里整理了一些校验方法。如果错误欢迎指出1、是否合法IP地址export function validateIP(rule, value,callback) { if(value==''||value==undefined||value==null){ callback(); }else { const reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2转载 2021-04-29 09:46:47 · 819 阅读 · 0 评论 -
Vue中常用的rules校验规则
Vue中常用的rules校验规则在 vue开发中,难免遇到各种表单校验,1、是否合法IP地址export function validateIP(rule, value,callback) { if(value==''||value==undefined||value==null){ callback(); }else { const reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25转载 2021-04-09 18:53:22 · 1280 阅读 · 0 评论 -
Vue 常见面试题集锦
1.vue优点? 轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb; 简单易学:国人开发,中文文档,不存在语言障碍 ,易于理解和学习; 双向数据绑定:保留了angular的特点,在数据操作方面更为简单; 组件化:保留了react的优点,实现了html的封装和重用,在构建单页面应用方面有着独特的优势; 视图,数据,结构分离:使数据的更改更为简单,不需要进行逻辑代码的修改,只需要操作数据就能完成相关操作; 虚拟DOM:d...原创 2020-07-30 18:33:30 · 407 阅读 · 0 评论 -
在vue项目中:统一封装 Axios 接口与异常处理
一、axios的封装在vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中。他有很多优秀的特性,例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也是果断放弃了对其官方库vue-resource的维护,直接推荐我们使用axios库。如果还对axios不了解的,可以移步axios文...转载 2019-03-31 18:55:42 · 1692 阅读 · 0 评论 -
在Vue-cli项目中动态生成二维码
1、引入qrcode--------npm install qrcode2、在main.js中引入import QRCode from 'qrcode' //定义生成二维码组件3、在需要使用到生成二维码的组件中引入import QRCode from 'qrcode' //引入生成二维码组件4、在HTML中定义生成的位置,注意添加样式<templa...原创 2018-08-11 21:13:35 · 3319 阅读 · 0 评论 -
vue + webpack 前端性能优化
背景 对于程序开发者而言,开发一个项目不仅仅注重效率和功能,前端的性能问题也是非常重要的。这直接影响用户的体验,从而间接的也反应该项目质量的好坏。 影响项目性能的原因有很多,如:资源文件的大小,业务的繁杂程度等,所以前端优化的方式也很多。这些东西很零碎,容易被人遗忘。所以这篇文章中对我平时用的优化方式总结一下,可能不是太全面,大家有其它的优化方式可以留言,互相交流下哟。不说了...转载 2018-10-18 11:10:01 · 977 阅读 · 0 评论 -
滴滴 Web 移动端组件库 cube-ui 开源
今天看到滴滴web移动端组件库cube-ui开源了,顺便拿过来记录下,方便今后使用 字号滴滴 WebApp 团队在去年底用 Vue.js 2.0 对业务进行重构,并开发了一套移动端组件库 cube-ui 支撑业务的开发。经过了一年多的业务考验,cube-ui 也日趋成熟,而且我们相信除了在滴滴内部,cube-ui 也一定也有它的用武之地。好的东西必须要和大家分享,所以我们非常开心的告诉大家...转载 2018-09-20 12:29:03 · 2452 阅读 · 0 评论 -
Vue+ElementUI从零开始搭建自己的网站(三、组件间的通信)
前面讨论了环境的搭建和导航页面以及路由的配置,今天我们讨论下如何开发一个拥有表单和表格功能的页面。先上开发完的效果图:可以看出页面非常的简单,其中上半部分是表单搜索和查询,下半部分是用于展示数据的表格。如果按照传统的开发思路,其实非常简单,只要用两个div,第一个div放置表单,第二个div放置表格即可。但是,我们今天要介绍的,是这个页面的另一种写法,也是vue作为一个优秀的前端框架的核...原创 2018-08-24 11:23:24 · 12631 阅读 · 12 评论 -
Vue+ElementUI从零开始搭建自己的网站(二、导航组件)
创建导航页组件我们在src目录下新建一个文件夹,名为components,今后我们的组件都会放在这个文件夹中。在components目录下新建一个Navi目录,在Navi目录中新建一个名为Navi.vue的组件。至此我们的目录应该是如下图所示:然后我们修改main.js文件,修改后的文件如下import Vue from 'vue'import ElementUI from ...原创 2018-08-24 10:14:04 · 27732 阅读 · 2 评论 -
Vue+ElementUI从零开始搭建自己的网站(一、环境搭建)
VueJS可以说是近些年来最火的前端框架之一,越来越多的网站开始使用vue作为前端框架,vuejs轻量、简单,对于前端友好,学习路线平坦,这使得前端开发变得更加简易,而基于vuejs的前端组件库也越来越多。其中ElementUI,就是饿了么团队开发的一款基于vue的前端组件库。构建网站的必备环境:NodeJS(npm) Webstorm (前端IDE) Nginx(后期用来转发请求到后台服...原创 2018-08-23 18:07:34 · 119142 阅读 · 6 评论 -
Vue.js中文API阅读笔记以及踩坑总结
api地址:Vue.js中文APIVue参考MVVM模式,使用vm (ViewModel 的简称)来表示Vue实例,这也是官方推荐的使用vm表示vue实例 vue是一个虚拟DOM的,以数据驱动为核心的前端框架。数据驱动也可以称为响应式系统,当属性的值发生变化时,视图都会“及时响应”,并更新相应的新值。 实例生命周期钩子函数 每个 Vue 实例在被创建之前,都要经过...原创 2018-08-26 23:25:53 · 1732 阅读 · 0 评论 -
vue组件: todolist功能开发,todolist组件拆分,todoLidt删除
通过todolist案例学习vue中组件的概念和使用‘1、 todolist功能开发使用v-model、v-on(@)、v-for指令实现todolist功能实例:<div id="root"> <input type="text" v-model:value="inputValue"> <button @click=".转载 2018-08-26 20:17:53 · 555 阅读 · 0 评论 -
Vue使用Axios实现http请求以及解决跨域问题
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。Axios的中文文档以及github地址如下:中文:https://www.kancloud.cn/yunye/axios/234845github:https://github.com/axios/axiosvue路由文档:https://router.vuejs.org/zh/一、安...转载 2018-08-22 16:22:16 · 1690 阅读 · 0 评论 -
vue.js动态文字滚动公告代码 --- 跑马灯
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue.js动态文字滚动公告代码 </title> <script src="https://cdn.bootcss.com/vue/2.5.17-beta...原创 2018-08-12 15:26:53 · 23064 阅读 · 0 评论