- 博客(22)
- 收藏
- 关注
RSS订阅原创 vue2.0监听数组中对象属性的变化
vue项目中如何对数组中的对象属性变化进行监听呢?data () { return { aDemo: [ { key1: '', key2: '' } ] } }, watch: { aDemo:{ handler: function (newVal) {
2017-11-29 11:17:49
23077
转载 前端开发面试题
注意 转载须保留原文链接（http://www.cnblogs.com/wzhiq896/p/5927163.html ），译文链接，作者译者等信息。 作者：wangwen896 本文由我收集总结了一些前端面试题，初学者阅后也要用心钻研其中的原理，重要知识需要系统学习、透彻学习，形成自己的知识链。万不可投机取巧，临时抱佛脚只求面试侥幸混过关是错误的！也是不可能的！不可能的！不可能的！前端还
2017-11-28 15:11:42
450
转载 ES6中forEach方法
forEachforEach是Array新方法中最基本的一个，就是遍历，循环。例如下面这个例子：?1[1, 2 ,3, 4].forEach(alert);等同于下面这个传统的for循环：?12345
2017-11-28 10:27:04
59427
转载 vue-router 2.0 常用基础知识点之导航钩子
导航钩子vue-router 提供的导航钩子主要用来拦截导航，让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子：全局的, 单个路由独享的, 或者组件级的。http://www.jianshu.com/p/f375d84c1d4b全局钩子const router = new VueRouter({ ... })router.beforeEach((to, from,
2017-11-24 14:32:23
277
转载 验证数字的正则表达式集
验证数字的正则表达式集验证数字：^[0-9]*$验证n位的数字：^\d{n}$验证至少n位数字：^\d{n,}$验证m-n位的数字：^\d{m,n}$验证零和非零开头的数字：^(0|[1-9][0-9]*)$验证有两位小数的正实数：^[0-9]+(.[0-9]{2})?$验证有1-3位小数的正实数：^[0-9]+(.[0-9]{1,3})?$验证非零的正整数
2017-11-20 17:36:48
173
转载 vue.js+Element 增删改查
下面就介绍一下vue.js应用在表格里的增删改查 首先安装相关js以及cssimport 'element-ui/lib/theme-default/index.css'import Vue from 'vue'import $ from 'jquery'import vueResource from 'vue-resource'import ElementUI from 'el
2017-11-17 16:12:54
2451
转载 vue+axios 前端实现登录拦截（路由拦截、http拦截）
一、路由拦截登录拦截逻辑第一步：路由拦截首先在定义路由的时候就需要多添加一个自定义字段requireAuth，用于判断该路由的访问是否需要登录。如果用户已经登录，则顺利进入路由， 否则就进入登录页面。const routes = [ { path: '/', name: '/', component: In
2017-11-17 10:49:48
7781
转载 vue2.0之axios使用详解
axios基于 Promise 的 HTTP 请求客户端，可同时在浏览器和 node.js 中使用功能特性在浏览器中发送 XMLHttpRequests 请求在 node.js 中发送 http请求支持 Promise API拦截请求和响应转换请求和响应数据自动转换 JSON 数据客户端支持保护安全免受 XSRF 攻击浏览器支持安装使用 bo
2017-11-17 10:28:29
246
转载 vue2.0怎样将时间戳转化为日期格式
export function formatDate (date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)); } let o = { 'M+': dat
2017-11-14 10:37:20
15204
转载 HTML5数据存储---使用clear()方法清除localStorage保存对象的全部数据
清空localStorage的全部数据function $(id){return document.getElementById(id); }var intNum = 0;//保存数据函数function add_click(){for(var intI = 0;intI var strKeyName = "strKeyNam
2017-11-13 16:04:46
58068
转载 vue 验证码倒计时60s
//html div class="input-div" v-show="formData.phone"> input type="text" class="input code" name="code" v-model.trim="formData.code" placeholder="验证码"> button @click="getCode(formData)" clas
2017-11-10 16:19:39
402
转载 vue2.0实现倒计时的插件(时间戳 刷新 跳转 都不影响)
我发现好多倒计时的插件，刷新都会变成从头再来，于是自己用vue2.0写了一个，测试通过，直接上代码如下是组件代码： {{content}} export default { data(){ return { content: '', } }, props:{
2017-11-10 11:18:27
6580
1
转载 VUE发送短信倒计时组件代码
组件源码<button class="sendSmsBtn" :class="disabled?'dissendSmsBtn':''" type="button" v-on:click="run" :disabled="disabled || time > 0">{{ text }}export default{props: { sec
2017-11-10 11:13:52
1038
转载 Vue项目之Axios数据请求
Vue项目中，将Axios封装为一个函数，方便我们以后重复调用//引入 Axios import Axios from 'axios'//引入 Axios 请求数据所需要的配置文件，这个稍后有答案，很简单import Config from './Config.js'//项目中引用了 ElementUI，用加载和提示两个组件，在请求数据时，后返回状态码后的行为import { Loadin
2017-11-09 11:09:32
5363
原创 vue项目使用axios发送请求让ajax请求头部携带cookie
最近做vue项目时遇到登录权限问题，登录以后再发送的请求头部并没有携带登录后设置的cookie，导致后台无法校验其是否登录。检查发现是vue项目中使用axios发送ajax请求导致的。查看文档得知axios默认是不让ajax请求头部携带cookie的，因此，在main.js中设置如下：import axios from 'axios'axios.defaults.withCredentia
2017-11-09 11:01:01
54382
18
转载 vue中使用MD5加密
前后台数据交互的时候，尤其是登录注册的时候MD5加密就用到了。 在vue中使用MD5加密 安装： 使用npmnpm install crypto --save12使用cdn<script src="http://cdn.bootcss.com/blueimp-md5/1.1.0/js/md5.min.js"></script>12引入import crypto from 'crypto'
2017-11-08 16:28:26
737
原创 修改vue+webpack run build的路径
vue项目用webpack打包想要修改静态资源路径等,找到项目根目录下的config文件夹，打开该文件夹下的index.js文件，默认如下:// see http://vuejs-templates.github.io/webpack for documentation.var path = require('path')module.exports = { build:
2017-11-08 15:03:49
6672
转载 【vue+axios】一个项目学会前端实现登录拦截
一个项目学会vue全家桶+axios实现登录、拦截、登出功能，以及利用axios的http拦截器拦截请求和响应。前言该项目是利用了Github 提供的personal token作为登录token，通过token访问你的Repository List。通过这个项目学习如何实现一个前端项目中所需要的 登录及拦截、登出、token失效的拦截及对应 axios 拦截器的使用。准备 你需要先生成自己的
2017-11-07 18:36:04
299
转载 axios拦截设置和错误处理
现在vue的官方包已经不更新vue-resource了，转而推荐axios，下面是项目实战是总结的axios插件设置：/** * @file Axios的Vue插件（添加全局请求/响应拦截器） */// https://github.com/mzabriskie/axiosimport axios from 'axios'// 拦截request,设置全局请求为ajax请求axios.int
2017-11-06 10:15:45
3022
转载 文本框只能输入数字、字母，屏蔽粘贴
对文本框进行输入限制，使得文本框只能输入（或不能输入）数字/字母/汉字等等。操作方法很多，主要用到了正则表达式，onkeyup，onafterpaste。在需求上可能不止这些情况，或者有交叉需求的情况，可以根据不同条件自行修改语句达到相应的效果，万变不离其宗。———————————————————————————————–只能输入数字（整数，屏蔽非法粘贴）<br /><input onkeyup="
2017-11-03 15:26:08
417
原创 如何从现有版本升级到element UI2.0
登录element UI官网时提示2.0已经正式发布了，Element 2.0 一共积累了 210 个 commit，包含了 90 多项新增功能和优化。组件功能，新主题，可访问性。具体更新可以参考官网更新日志。看过新的官网以后从视觉上跟1.4对比就迫不及待让我们使用正式发布的2.0版本了，那么如何将现有项目更新到2.0版本呢？首先，卸载当前版本的element UI：npm unins
2017-11-02 20:01:52
12429
转载 npm更新模块同步到package.js中
模块检查更新在用vue-cli生成工程后，一段时间很多模块都有更新，如何把工程中的模块都更新到最新的呢。 首先我们先通过命令查看下需要更新的版本：npm outdated1npm outdated 会列出所有可更新的 node_modules，如下：Package Current Wanted Latest
2017-11-02 19:47:06
546
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人