flex布局中align-items 和align-content的区别
看了很多翻译的技术文档，这一块都讲得模糊不清，看到stackoverflow上有人提问后的回答觉得十分清晰，特来分享，有不当之处欢迎指正。 align-itemsThe align-items property applies to all flex containers, and sets the d
clickoutside自定义指令源码分析 isServer
clickoutside是Element-ui实现的一个自定义指令，顾名思义，该指令用来处理目标节点之外的点击事件，常用来处理下拉菜单等展开内容的关闭，在Element-ui的Select选择器、Dropdown下拉菜单、Popover 弹出框等组件中都用到了该
github host加速方法
1.手动访问：https://www.ipaddress.com/ github.com github.global.ssl.fastly.net codeload.github.com这是我获取的IP192.30.253.113 github.com 151.101.25.194 github.global.ssl.fastly.net 192.30.253.121 codel
js自定义事件、DOM/伪DOM自定义事件
所谓自定义事件，就是有别于有别于带有浏览器特定行为的事件(类似click, mouseover, submit, keydown等事件)，事件名称可以随意定义，可以通过特定的方法进行添加，触发以及删除。JS自定义事件先看个简单的事件添加的例子：el
JS中自定义事件的使用与触发
1. 事件的创建 JS中，最简单的创建事件方法，是使用Event构造器： var myEvent = new Event('event_name'); 1 但是为了能够传递数据，就需要使用 CustomEvent 构造器： var myEvent = new CustomEvent('event_na
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中通过方法返回data中的对象是这个{__ob__: Observer}
__ob__: Observer这些数据是vue这个框架对数据设置的监控器，一般都是不可枚举的。 console.log这样的打印函数，被打印的变量会执行自身的toString()，这样，即便内部属性是不可枚举，实际上也能看到。 操作数据的过程中不要
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 替换为一个计
Webpack 的 require 动态变量
2017年11月09日 17:55:38 阅读数 4726 版权声明：本文为博主原创文章，未经博主允许不得转载。 1、问题描述：完全使用变量let test = './less/Test.css'require(test);//报错 Uncaught Error: Cannot find mod
vuex模块化
为了应对往后的大型项目vuex如果只是停留在存简单的数据那肯定是不行的，很久没做项目了既然不能再项目上找到突破点，那么只能将知识深入学习一波。 先来看看vuex针对模块的搭建的目录结构吧 文件夹放的全是vuex相
Nuxt.js提取css样式到css文件
官方文档：https://zh.nuxtjs.org/api/configuration-build/#optimizecss 先看下未提取的css的部分源码实现将页面中css 提取到 link的方法比较简单：在nuxt.config.js下的build里添加 extractCSS: { allChunks: true }
use mockjs in nuxt project
1.change nuxt.config.js file，add an subitem under plugin{ src: '~plugins/mockjs', ssr: true }2.create mockjs.js under plugin folder. the content is：var Mock = require('mockjs')Mock.mock(
resolve或reject之后还需要return吗？
问：假设我有如下的代码function divide(numerator, denominator) { return new Promise((resolve, reject) => { if(denominator === 0){ reject("Cannot divide by 0"); return; //superfluous? } resolve(num
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等。所以我们的尤大大
nuxt.js在vue组件中使用window对象编译报错的解决方法
最近在忙着写自己的个人网站，因为不想做同时兼容PC端和移动端的UI，所以想做两套，一个采用elementUI做移动端UI，一个用bootstrapvue做PC端UI，所以需要在首页判断是否是手机环境，但是我在vue组件中使用是编译却不能通过，最终查
Nuxt中引入插件window报错解决方法
有浏览器端执行的的插件，需要在配置文件里配置在Nuxt项目中引入插件时，会遇到window is not defined，原因是在服务端渲染时找不到window。所以Nuxt里有一套自己的办法引入插件。 在plugins文件夹中定义对应插件，比如cooki
js中bool值的转换及“&&”、“||”、 “!!”详解
前言首先需要知道的是，js中有6个值为false，分别是: 0, '', null, undefined, NaN 和 false, 其他(包括{}, [], Infinity)为true.可以使用Boolean()函数或是两次取非就能获得对象的布尔值，例如Boolean(undefined)
flex-grow、flex-shrink、flex-basis详解
flex-grow、flex-shrink、flex-basis三个属性的作用： 在flex布局中，父元素在不同宽度下，子元素是如何分配父元素空间的。 (注意：这三个属性都是在子元素上设置的，下面小编要讲的是父元素，指以flex布局的元素(display:flex