随笔档案「2017年7月」 - yezixuan

[03]常用正则表达式

摘要：收集整理了15个常用的javaScript正则表达式，其中包括用户名、密码强度、整数、数字、电子邮件地址（Email）、手机号码、身份证号、URL地址、 IPv4地址、十六进制颜色、日期、 QQ号码、微信号、车牌号、中文正则。表单验证处理必备。 1 用户名正则 //用户名正则，4到16位（字母阅读全文

posted @ 2017-07-28 15:29 yezixuan 阅读(175) 评论(0) 推荐(0)

【22】Vue 之 Vue Devtools

摘要：vue安装： # 最新稳定版 $ npm install vue # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 安装依赖，走你 $ cd my 阅读全文

posted @ 2017-07-19 15:42 yezixuan 阅读(285) 评论(0) 推荐(0)

【21】vuex 与element iu表单校验

摘要：转：http://www.cnblogs.com/gsgs/p/6753682.html element-ui的官网上写的自定义表单验证，方法都是写在单vue文件中的，不容易共享。怎么使用vuex将方法共享出来，各个组件都能用呢？如下是一个验证age的数据， rules:{ age:[{requi 阅读全文

posted @ 2017-07-19 14:43 yezixuan 阅读(516) 评论(0) 推荐(0)

【01】iconfont的使用

摘要：我之前因为项目用bootstrap比较多,所以使用font awesome字体图标比较多,后来接触到了iconfont,发现想要的什么图标都有,还可以自定义图标,非常强大!之前看了一波教程,觉得繁琐,自己弄明白后感觉如此简单,做了这么个简单教程,直接上图,简单粗暴,避免新手走弯路,这里讲解的默认是元阅读全文

posted @ 2017-07-17 10:54 yezixuan 阅读(282) 评论(0) 推荐(0)

【转】手摸手，带你用vue撸后台系列四(vueAdmin 一个极简的后台基础模板)

摘要：前言做这个 vueAdmin-template 的主要原因是: vue-element-admin 这个项目的初衷是一个vue的管理后台集成方案，把平时用到的一些组件或者经验分享给大家，同时它也在不断的维护和拓展中，比如最近重构了dashboard，加入了全屏功能，新增了tabs-view等等。所阅读全文

posted @ 2017-07-16 10:06 yezixuan 阅读(5637) 评论(0) 推荐(0)

【转】手摸手，带你用vue撸后台系列三(实战篇)

摘要：前言在前面两篇文章中已经把基础工作环境构建完成，也已经把后台核心的登录和权限完成了，现在手摸手，一起进入实操。 Element 去年十月份开始用vue做管理后台的时候毫不犹豫的就选择了Elemen，那时候vue2 刚发没多久，市面上也没有很多其它的vue2的ui框架。虽然Element也有很多的不阅读全文

posted @ 2017-07-16 10:06 yezixuan 阅读(13226) 评论(2) 推荐(0)

【转】手摸手，带你用vue撸后台系列二(登录权限篇)

摘要：前言拖更有点严重，过了半个月才写了第二篇教程。无奈自己是一个业务猿，每天被我司的产品虐的死去活来，之前又病了一下休息了几天，大家见谅。进入正题，做后台项目区别于做其它的项目，权限验证与安全性是非常重要的，可以说是一个后台项目一开始就必须考虑和搭建的基础核心功能。我们所要做到的是：不同的权限对应着阅读全文

posted @ 2017-07-16 09:52 yezixuan 阅读(19084) 评论(5) 推荐(3)

【转】手摸手，带你用vue撸后台系列一

摘要：前言说好的教程终于来了，第一篇文章主要来说一说在开始写业务代码前的一些准备工作吧，但这里不会教你webpack的基础配置，热更新怎么做，webpack速度优化等等，有需求的请自行google。目录结构 ├── build // 构建相关 ├── config // 配置相关 ├── src // 阅读全文

posted @ 2017-07-16 09:49 yezixuan 阅读(2580) 评论(2) 推荐(1)

【16】vuex2.0 之 getter

摘要：有的组件中获取到 store 中的state, 需要对进行加工才能使用，computed 属性中就需要写操作函数，如果有多个组件中都需要进行这个操作，那么在各个组件中都写相同的函数，那就非常麻烦，这时可以把这个相同的操作写到store 中的getters, 每个组件只要引用getter 就可以了，非阅读全文

posted @ 2017-07-15 15:41 yezixuan 阅读(276) 评论(0) 推荐(0)

【15】vuex2.0 之 modules

摘要：vue 使用的是单一状态树对整个应用的状态进行管理，也就是说，应用中的所有状态都放到store中，如果是一个大型应用，状态非常多， store 就会非常庞大，不太好管理。这时vuex 提供了另外一种方式，可以把整个store 分成几个大的模块，如登录模块，用户模块等，每一个模块都有自己的state, 阅读全文

posted @ 2017-07-15 15:36 yezixuan 阅读(1830) 评论(0) 推荐(2)

【14】vuex2.0 之 mutation 和 action

摘要：我们的项目非常简单，当点击+1按钮的时候，count 加1，点击-1按钮的时候，count 减1. 1, mutation The only way to actually change state in a Vuex store is by committing a mutation, 在vue 阅读全文

posted @ 2017-07-15 11:58 yezixuan 阅读(443) 评论(0) 推荐(0)

【13】vuex2.0 之 state

摘要：Vuex 的核心是 store, 它是一个通过 Vuex.Store 构造函数生成的对象。为什么它会是核心呢？因为我们调用这个构造函数创建store 对象的时候，给它传递参数中包装了state, mutation , action 等核心内容。看一下官网的例子 Vuex 的思想是当我们在页面上点击阅读全文

posted @ 2017-07-15 11:55 yezixuan 阅读(227) 评论(0) 推荐(0)

【12】vue-router 之路由重定向

摘要：看之前的项目，突然发现一个不算bug的bug，之前也是一直没有想到，现在发现之后越来越觉得有必要改掉，项目用的是vue做的，自然切换用的就是路由，一级路由包括：首页、记录和个人中心，二级路由是在记录下面的三个报修记录，如上图路由分配，一级路由重定向到index，二级重定向至repair，一直觉得阅读全文

posted @ 2017-07-14 16:26 yezixuan 阅读(418) 评论(0) 推荐(0)

【11】vue router 之导航钩子

摘要：导航钩子 vue-router 提供的导航钩子主要用来拦截导航，让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子：全局的, 单个路由独享的, 或者组件级的。http://www.jianshu.com/p/f375d84c1d4b 每个钩子方法接收三个参数：to: Route : 即将要进阅读全文

posted @ 2017-07-14 15:51 yezixuan 阅读(721) 评论(0) 推荐(0)

node系列

摘要：http://www.cnblogs.com/zhongweiv/p/nodejs.html 阅读全文

posted @ 2017-07-14 15:32 yezixuan 阅读(117) 评论(0) 推荐(0)

【11】 Express安装入门与模版引擎ejs

摘要：前言 Express简介和安装运行第一个基于express框架的Web 模版引擎 ejs express项目结构 express项目分析 app.set(name,value) app.use([path], function) app.get(name) 路由文件index.js 前言前面也学阅读全文

posted @ 2017-07-14 15:16 yezixuan 阅读(544) 评论(0) 推荐(0)

【09】Vue 之 Vuex 数据通信

摘要：9.1. 引言 Vue组件化做的确实非常彻底，它独有的vue单文件组件也是做的非常有特色。组件化的同时带来的是：组件之间的数据共享和通信的难题。尤其Vue组件设计的就是，父组件通过子组件的prop进行传递数据，而且数据传递是单向的。也就是说：父组件可以把数据传递给子组件，但是反之则不同。如下图所阅读全文

posted @ 2017-07-10 20:02 yezixuan 阅读(383) 评论(0) 推荐(0)

【08】Vue 之 vue-cli

摘要：8.1. 前置知识学习 npm 学习官方文档推荐资料 npm入门 npm介绍需要了解的知识点 package.json 文件相关配置选项 npm 本地安装、全局安装、本地开发安装等区别及相关命令 npm script脚步的基本编写能力官方文档推荐资料 npm入门 npm介绍需要了解的知识阅读全文

posted @ 2017-07-10 19:57 yezixuan 阅读(2713) 评论(0) 推荐(0)

【07】 vue 之 Vue-router

摘要：注意: vue-router@2.x 只适用于 Vue 2.x 版本。 vue-router@1.x 对应于Vue1.x版本。的Github地址：vue-router 文档地址 7.2. vue-router的安装使用 CDN连接方式 https://unpkg.com/vue-router/di 阅读全文

posted @ 2017-07-09 14:03 yezixuan 阅读(264) 评论(0) 推荐(0)

【06】Vue 之组件化开发

摘要：组件其实就是一个拥有样式、动画、js逻辑、HTML结构的综合块。前端组件化确实让大的前端团队更高效的开发前端项目。而作为前端比较流行的框架之一，Vue的组件和也做的非常彻底，而且有自己的特色。尤其是她单文件组件开发的方式更是非常方便，而且第三方工具支持也非常丰富，社区也非常活跃，第三方组件也呈井喷之阅读全文

posted @ 2017-07-09 13:40 yezixuan 阅读(344) 评论(0) 推荐(0)

【05】Vue 之实例详解与生命周期

摘要：Vue的实例是Vue框架的入口，其实也就是前端的ViewModel，它包含了页面中的业务逻辑处理、数据模型等，当然它也有自己的一系列的生命周期的事件钩子，辅助我们进行对整个Vue实例生成、编译、挂着、销毁等过程进行js控制。 5.1. Vue实例初始化的选项配置对象详解前面我们已经用了很多次 ne 阅读全文

posted @ 2017-07-09 11:39 yezixuan 阅读(325) 评论(0) 推荐(0)

【04】Vue 之事件处理

摘要：4.1. 监听事件的Vue处理 Vue提供了协助我们为标签绑定时间的方法，当然我们可以直接用dom原生的方式去绑定事件。Vue提供的指令进行绑定也是非常方便，而且能让ViewModel更简洁，逻辑更彻底。所以还是推荐大家使用的。 Vue提供了v-on指令帮助我们进行事件的绑定。基本的内联事件处理方阅读全文

posted @ 2017-07-09 11:03 yezixuan 阅读(224) 评论(0) 推荐(0)

【03】Vue 之列表渲染及条件渲染

摘要：3.1. 条件渲染有时候我们要根据数据的情况，决定标签是否进行显示或者有其他动作。最常见的就是，表格渲染的时候，如果表格没有数据，就显示无数据。如果有数据就显示表格数据。 Vue帮我们提供了一个v-if的指令，帮助我们完成判断的模板处理。 v-if指令可以根据数据绑定的情况进行插入标签或者移除标签阅读全文

posted @ 2017-07-09 10:54 yezixuan 阅读(357) 评论(0) 推荐(0)

【02】 Vue 之数据绑定

摘要：2.1. 什么是双向绑定？ Vue框架很核心的功能就是双向的数据绑定。双向是指：HTML标签数据绑定到 Vue对象，另外反方向数据也是绑定的。通俗点说就是，Vue对象的改变会直接影响到HTML的标签的变化，而且标签的变化也会反过来影响Vue对象的属性的变化。这样以来，就彻底变革了之前Dom的开发阅读全文

posted @ 2017-07-09 10:39 yezixuan 阅读(473) 评论(0) 推荐(0)

【01】Vue 之hello wolrd

摘要：1.1. Vue简介 Vue是一个前端的双向绑定类的框架，发音[读音 /vjuː/, 类似于 view]。新的Vue版本参考了React的部分设计，当然也有自己独特的地方，比如Vue的单文件组件开发方式都很有创新，另外Vue自身的一些绑定的语法、用法等都非常精炼，很容易上手，而且第三方的插件都非常丰阅读全文

posted @ 2017-07-09 10:06 yezixuan 阅读(333) 评论(0) 推荐(0)

【10】【转】node 之 pipe机制----未理解

摘要：转载地址：http://blog.csdn.net/vieri_32/article/details/48376547 前言前几天别人请教我关于pipe的问题，我发现我虽然用了nodejs很久，但是由于每次用的不多所以经常回避stream的使用，导致一直不熟，现在重新学习整理一下相关知识。通过n 阅读全文

posted @ 2017-07-08 20:39 yezixuan 阅读(1142) 评论(0) 推荐(0)

【09】node 之 fs流读写

摘要：前面我们已经学习了如何使用fs模块中的readFile方法、readFileSync方法读取文件中内容，及如何使用fs模块中的writeFile方法、writeFileSync方法向一个文件写入内容。用readFile方法或readFileSync方法读取文件内容时，Node.js首将文件内容完整阅读全文

posted @ 2017-07-08 19:21 yezixuan 阅读(1235) 评论(0) 推荐(0)

【08】node 之 fs文件

摘要：var fs = require("fs");//fs 系统文件模块，对文件进行操作.Node.js 文件系统（fs 模块）模块中的方法均有异步和同步版本，例如读取文件内容的函数有异步的 fs.readFile() 和同步的 fs.readFileSync()。 1.文件读取运行结果： 2.文件信阅读全文

posted @ 2017-07-08 11:29 yezixuan 阅读(260) 评论(0) 推荐(0)

【07】node 之 Buffer

摘要：1.1. Buffer基本概念 JavaScript 语言自身只有字符串数据类型，没有二进制数据类型。二进制可以存储电脑中任何数据（比如：一段文本、一张图片、一个硬盘，应该说电脑中所有的数据都是二进制。）NodeJs是服务端在处理像TCP（网络）流或文件流时，必须使用到二进制数据。因此在 Node. 阅读全文

posted @ 2017-07-08 10:10 yezixuan 阅读(246) 评论(0) 推荐(0)

【06】next() 伪函数

摘要：串行，第一个完成后，去执行第二个第二个异步任务，使用next()尾函数。首先我么想完成三个任务，task1,task2,task3，如图：实现方式1：实现方式2：使用task函数或者：阅读全文

posted @ 2017-07-06 21:50 yezixuan 阅读(128) 评论(0) 推荐(0)

【05】js异步编程理解

摘要：1.概念同步：一个任务等待前一个任务结束，然后再执行，程序的执行顺序与任务的排列顺序是一致的、同步的。异步：每一个任务有一个或多个回调函数（callback），前一个任务结束后，不是执行后一个任务，而是执行回调函数，后一个任务则是不等前一个任务结束就执行，所以程序的执行顺序与任务的排列顺序是不一致阅读全文

posted @ 2017-07-06 21:16 yezixuan 阅读(177) 评论(0) 推荐(0)

【04】【转】Nodejs学习笔记（四）--- 与MySQL交互（felixge/node-mysql）

摘要：目录简介和安装测试MySQL 认识一下Connection Options MYSQL CURD 插入更新查询删除 Nodejs 调用带out参数的存储过程，并得到out参数返回值结束数据库连接两种方法和区别连接池Pooling connections 创建其它连接池配置选项释放阅读全文

posted @ 2017-07-06 15:26 yezixuan 阅读(298) 评论(0) 推荐(0)

【03】node 之作用域

摘要：1.什么是作用域作用域：规定了一个变量和函数可使用的范围，作用域分为两种：全局作用域、局部作用域（函数作用域） 2.NodeJS作用域 NodeJs中一个文件就是一个模块，模块中使用var定义的变量为局部作用域，只能在该模块中使用，因为模块在使用时会把NodeJs编译为一个函数，那么使用var的定阅读全文

posted @ 2017-07-06 15:03 yezixuan 阅读(421) 评论(0) 推荐(0)

【02】【转】Nodejs学习笔记（三）--- 事件模块

摘要：目录简介及资料事件常用函数及使用 emitter.on(event, listener) emitter.emit(event, [arg1], [arg2], [...]) emitter.once(event, listener) emitter.removeListener(event, 阅读全文

posted @ 2017-07-06 14:48 yezixuan 阅读(237) 评论(0) 推荐(0)

【01】npm/cnpm安装

摘要：包安装相关信息： 1.node_modules文件夹 node_modules文件夹在nodejs中是一个特殊的文件夹，通过它的名字就可以看出，该文件夹也是用于存放node模块。如果一个模块表达式不是一个系统模块，也不是一个文件模块，那么就会在node_modules文件夹下进行操作。在a.js中阅读全文

posted @ 2017-07-06 14:17 yezixuan 阅读(475) 评论(0) 推荐(0)

【转】Nodejs学习笔记（二）--- 模块

摘要：目录简介及资料自定义模块创建一个自定义模块调用自定义模块 exports和module.exports 区别 exports和module.exports 覆盖其它... 简介及资料通过Node.js的官方API可以看到Node.js本身提供了很多核心模块 http://nodejs.o 阅读全文

posted @ 2017-07-06 14:05 yezixuan 阅读(160) 评论(0) 推荐(0)

【转】Nodejs学习笔记（一）--- 简介及安装Node.js开发环境

摘要：目录学习资料简介安装Node.js npm简介开发工具 Sublime Node.js开发环境配置扩展：安装多版本管理器学习资料简介安装Node.js npm简介开发工具 Sublime Node.js开发环境配置扩展：安装多版本管理器学习资料 1.深入浅出Node.js ht 阅读全文

posted @ 2017-07-06 13:31 yezixuan 阅读(168) 评论(0) 推荐(0)

【转】axios的基本使用

摘要：axios的基本使用 vue更新到2.0之后，作者就宣告不再对vue-resource更新，而是推荐的 axios 基于 Promise 的 HTTP 请求客户端，可同时在浏览器和 node.js 中使用版本 v0.15.3 功能特性在浏览器中发送 XMLHttpRequests 请求在 no 阅读全文

posted @ 2017-07-05 13:51 yezixuan 阅读(5667) 评论(0) 推荐(0)