js自定义事件、DOM/伪DOM自定义事件
所谓自定义事件，就是有别于有别于带有浏览器特定行为的事件(类似click, mouseover, submit, keydown等事件)，事件名称可以随意定义，可以通过特定的方法进行添加，触发以及删除。JS自定义事件先看个简单的事件添加的例子：el
JS正则表达式的分组匹配和反向引用
什么是分组通俗来说，我理解的分组就是在正则表达式中用（）包起来的内容代表了一个分组，像这样的：var reg = /(\d{2})/reg.test('12'); //true这里reg中的(/d{2})就表示一个分组，匹配两位数字分组内容的的形式一个分
正则表达式-非获取匹配（非捕获）,正向预查,负正向预查,反向预查
非获取匹配在子模式内部前面添加"?:"非获取匹配表示这个子模式的匹配内容不会被保存，不能用于后向引用中。简单说，非获取匹配就是只匹配，不保存。看个例子：Text Windows 95 and Windows 98 are the successor. Then Win
vue的router-link中使用es6字符串模板时为什么还要加双引号？
问题: 我把双引号去掉就报错了。 不太明白，求大佬指点一下。 ue 中，模板内 HTML 标签 :xxx="" 时，双引号中的内容是一个 JS 表达式，而不是一般的 HTML 属性。 举例： <div @click="count++">{{
vue 组件选项顺序推荐
副作用 (触发组件外的影响) el 全局感知 (要求组件以外的知识) name parent 组件类型 (更改组件的类型) functional 模板修改器 (改变模板的编译方式) delimiters comments 模板依赖 (模板内使用
vue 风格指南
这里是官方的 Vue 特有代码的风格指南。如果在工程中使用 Vue，为了回避错误、小纠结和反模式，该指南是份不错的参考。不过我们也不确信风格指南的所有内容对于所有的团队或工程都是理想的。所以根据过去的经验、周围的
vue prop不同数据类型(数组，对象..)设置默认值
vue prop 会接收不同的数据类型，这里列出了 常用的数据类型的设置默认值的写法,其中包含： Number, String, Boolean, Array, Function, Object refAge: {type: Number,default: 0}, refName: {type: Strin
vue中避免 v-if 和 v-for 用在一起
永远不要把 v-if 和 v-for 同时用在同一个元素上。一般我们在两种常见的情况下会倾向于这样做： 为了过滤一个列表中的项目 (比如 v-for="user in users" v-if="user.isActive")。在这种情形下，请将 users 替换为一个计
Nuxt.js提取css样式到css文件
官方文档：https://zh.nuxtjs.org/api/configuration-build/#optimizecss 先看下未提取的css的部分源码实现将页面中css 提取到 link的方法比较简单：在nuxt.config.js下的build里添加 extractCSS: { allChunks: true }
Nuxt在axios等独立插件中使用路由
因为需要在请求token过期之后提示用户重新登录并且返回登录页面,但是在axios的配置文件中使用router.push一直报错,都准备放弃使用公众组件去进行路由跳转了,但是天无绝人之路,最终在官方文档中找到了redirect,具体操
Nuxt.js将页面中css样式提取到一个css文件中
看下未提取的css的部分源码实现将页面中css 提取到 link的方法比较简单：在nuxt.config.js下的build里添加 extractCSS: { allChunks: true }即可。build: { extractCSS: { allChunks: true },}注意：npm run dev 启动
axios的封装2
在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御cSRF等。所以我们的尤大大
js中bool值的转换及“&&”、“||”、 “!!”详解
前言首先需要知道的是，js中有6个值为false，分别是: 0, '', null, undefined, NaN 和 false, 其他(包括{}, [], Infinity)为true.可以使用Boolean()函数或是两次取非就能获得对象的布尔值，例如Boolean(undefined)
nuxt按需引入 element-UI、自定义主题色（终极按需引入）
首先你要知道 nuxt.js怎么引入第三方插件 ； 一、按需引入element-UI第一步：安装 babel-plugin-component：npm install babel-plugin-component -D第二步：修改plugins/element.js文件（plugins/element.js不知道怎么来的？出门
js context 上下文
有时候是这样的，译者在翻译书的的时候不知道拿什么来对应相应的英文，就根据自己的感觉，好像大概是这个意思来强加给广大读者，让很多人不知所以然。@原磨豆浆 的大意是对的，上下文的原意是 context, 作用域的原意是scope,
Flex 布局语法教程
网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案—-F
vue项目搭建 （二） axios 封装篇
项目布局vue-cli构建初始项目后，在src中进行增删修改// 此处是模仿github上 bailicangdu 的├── src | ├── apis | | ├── api.js
vue项目搭建 （一）
vue项目搭建 （一）由于一直想要有自己的框架，因而一直在尝试搭建各类结构，结合vue官网及git上大神bailicangdu的项目，再看看网上一些意见，及个人思考，总结的一些，不到之处希望大家可以帮我指证，必定虚心接受技术栈： vue2+vue-rou
vue+mockjs 实现前后端分离开发
在项目中尝试了mockjs，mock数据，实现前后端分离开发。关于mockjs，官网描述的是1.前后端分离2.不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据。3.数据类型丰富4.通过随机数据，模拟各种场景。等等优点。总结起
NPM install -save 和 -save-dev
回顾 npm install 命令最近在写Node程序的时候，突然对 npm install 的-save和-save-dev 这两个参数的使用比较混乱。其实博主在这之前对这两个参数的理解也是模糊的，各种查资料和实践后对它们之间的异同点略有理解。遂
ES6对象的扩展 属性名表达式
1.直接用标识符作为属性名：obj.foo = true2.用表达式作为属性名：obj['a'+'bc'] = 123//相当于obj['abc'] = 1233.ES6 允许字面量定义对象时，用方法二（表达式）作为对象的属性名，即把表达式放在方括
vue：简单方法替代vuex
兄弟组件，隔代组件传值很麻烦，方法虽然多，但都各有缺点。vuex: 适合数据量大，并且函数集中处理。bus：适合数据虽少，却不得不用的时候，维护困难。root：这儿指将值挂在root组件上，需要的组件都到root上去取。有时候数据量不多，觉
promise JS宏任务微任务的执行顺序
题目描述：JS宏任务微任务的执行顺序为什么是这样的 console.log(1); setTimeout(() => { console.log(2); Promise.resolve().then(() => { console.log(3) }); }); new Promise((resolve, reject)
廖雪峰详解 Promise
在JavaScript的世界中，所有代码都是单线程执行的。由于这个“缺陷”，导致JavaScript的所有网络操作，浏览器事件，都必须是异步执行。异步执行可以用回调函数实现：function callback() { console.log('Done
Vue 插槽详解
Vue插槽，是学习vue中必不可少的一节，当初刚接触vue的时候，对这些掌握的一知半解，特别是作用域插槽一直没明白。后面越来越发现插槽的好用。分享一下插槽的一些知识吧。分一下几点：1、插槽内可以放置什么内容？2、默认插槽3、