默认忽略node_moudules,但是有些包可能并没有做好转化，所以需要我们转化vue官方也提供了比较好的属性transpileDependencies来将node_modules里面的部分包加到babel的转化如下配置，在vue.config.js中添加

上手chrome插件开发 比想象中要简单 项目基本目录 {代码...} 上手调试 打开chrome://extensions/ 开启开发者模式， 选择加载已解压的扩展程序 选中自己的项目文件即可上手调试 项目下文件解析 manifest.json 配置文件 {代码...} 上面提到部分的详细说明文档： permissions 权限清单 通讯 1.chrome.runtime.sendMessage ...

学习目的 减少隐晦的 bug，让代码更加符合预期 轻量级的js类型检测，能快速上手和应用 安装 1.需要安装babel来转义flow 语法 {代码...} 2.安装flow {代码...} 3.启动flow后台服务 {代码...} 4.初始化项目 {代码...} 5.在需要执行类型检测的js文件顶部加入// @flow {代码...} 部分语法 支持7中数据类型的检测 Boolean、NU...

v2.8.x 使用的目的 官网支持SEO 加载速度快(考虑服务端渲染) 技术栈扩展 静态部署 考虑到只是官网，更新较少，并且较少数据交互 选择了静态部署 在本地生成好了之后才上传到线上 具体开发步骤 基础项目搭建 yarn create kz-ow的方式构建项目 选择了element-ui 使用默认的nuxt服务器 使用less, 因为sass 还要额外安装node...

1.通过node中的 superagent 模拟http请求，去读取豆瓣小组的信息，对读取到的信息通过cheerio插件进行解析格式化以便于获取body中的信息存储到mongodb中

标签 Img标签 属性 crossorigin 值： {代码...} 应用场景 {代码...} 兼容性 属性 srcset 描述 定义了我们允许浏览器选择的图像集，以及每个图像的大小。在每个逗号之前 代码案例 {代码...} 应用场景（响应式图片） 查看设备宽度 检查sizes列表中哪个媒体条件是第一个为真 查看给予该媒体查询的槽大小 加载srcset列表中引...

因为linux的开发者不想花钱，给cvs、svn等等类似的版本管理平台自己搞了一个git, 其实中间还有个小插曲，就是BitKeeper曾免费授权给他们用，但是他们没有遵守协议，然后才被收回免费使用权。

先丢出最终版的index.js文件内容 {代码...} 步骤 一、创建工具项目 1.使用git/gitlab创建一个空的仓库 2.在空仓库中添加index.js 内容如下 {代码...} 使用工具到相应的项目（假设插件名称my-commit） 1.先发布你的工具项目到npm，相当于创建一个npm包、具体怎么发布 这里不做赘述，网上很多教程 2.安装工具（假设插件名...

骨架屏就是在页面数据尚未加载前先给用户展示出页面的大致结构,直到请求数据返回后再渲染页面，补充进需要显示的数据内容。常用于文章列表、动态列表页等相对比较规则的列表页面

首屏资源 1.雀巢项目： {代码...} 2.飞利浦项目 {代码...} 3.jd项目首屏资源 {代码...} 4.天猫项目 {代码...} 从优化结果来说，我们最复杂项目和普通项目都达到了首屏资源最少的情况 图片大小 1.英特落地页 {代码...} 2.雀巢项目 3.雀巢项目活动2 首屏测试 1.京东项目资源：315k {代码...} 2.筷子联合利华项目：25k （1...

本例子是通过通过红点展示地球上的地震带，数据来自于地质探测局通过console.log看到数据运算所耗的时间不使用 webworker No web workers - all on main thread使用一条 webworker One web worker使用两条 Two web workers使用八条 Eight web workers使用20条 20 web workers

SVG 可缩放矢量图形（Scalable Vector Graphics） demo 存在形式： SVG 是使用 XML 来描述二维图形和绘图程序的语言 在html中的引入方式 {代码...} 在相应标签 矩形 <rect> {代码...} 圆形 <circle> {代码...} 椭圆 <ellipse> {代码...} 线 <line> {代码...} 折线 <polyline> {代码...} ...

一.使用tree组件（v1.2.3） 1.报错现象： [ModuleBuildError: Module build failed: SyntaxError: Unexpected token 2.原因： webpack无法解析vue-jsx的语法问题 3.解决方案 {代码...} {代码...} {代码...} {代码...}

npm publish 1、publish Failed PUT 400 问题所在：名称中不能含有大写 npm相关讨论issue 解决：用小写

1、[链接]2、[链接]3、[链接]4、[链接]5、[链接]6、[链接]7、[链接]8、[链接]

仓库地址canvas-merge-video-in-vue 利用canvas+vue进行视频碎片合并 此pro注意点： 1.并没有考虑性能2.只支持温柔使用3.没有catch error状态4.loading状态正在完善中 默认data对象说明 {代码...} 实现思路 1.先把所有视频碎片丢到dom里面 2.控制当前碎片指引，进行实例dom切换 3.video的currentTime只要video能播放就会...

1.减少dom操作2.部署前，图片压缩，代码压缩3.优化js代码结构，减少冗余代码4.减少http请求，合理设置 HTTP缓存5.使用内容分发cdn加速6.静态资源缓存7.图片延迟加载

缺点:(1).工厂模式却无从识别对象的类型，因为它们直接由 Object() 构造函数创建，原型链上只有 Object.prototype 对象，不像Date、Array等 .(2).每创建一个对象实例，就会为每个对象实例创建一遍相同功能但是是不同函数实例的方法，它们并不相等。这显然是不可取的另外在相应的业务方面,除非是适用场景，否则不可滥用工...

2.单向数据流：单向数据流是相对双向数据绑定而言的，ng1和vue都有双向绑定，react推崇单向数据，数据流动方向可以跟踪，流动单一，追查问题的时候可以跟快捷

1.基本用法 vue2.0提供了一个keep-alive组件用来缓存组件,避免多次加载相应的组件,减少性能消耗 {代码...} 有时候 可能需要缓存整个站点的所有页面,而页面一般一进去都要触发请求的在使用keep-alive的情况下 {代码...} 将首次触发请求写在created钩子函数中,就能实现缓存,比如列表页,去了详情页 回来,还是在原来的页面 2...

1.网站链接二维码生成器,或者其他qrcode插件生成的二维码,如果参数中含有中文,可能用部分扫描器扫描会出现访问不成功的现象比如 通过qq扫描二维码出现的'一下内容非手机QQ提供,请谨慎使用,如需使用请复制'

（1）Number()方法触发的对象转换调用对象自身的valueOf方法。如果返回原始类型的值，则直接对该值使用Number函数，不再进行后续步骤。如果valueOf方法返回的还是对象，则改为调用对象自身的toString方法。如果返回原始类型的值，则对该值使用Number函数，不再进行后续步骤。

其实是因为 在webpack.config中没有设置好css引入的目录，因为默认情况下我们只会引入/src/目录下的css，但是antd的官方教程是要冲node_modules目录去引入的所以

(1)nginx配置: 找到Ngnix服务器配置文件mime.types在文件结尾 加上 text/cache-manifest　　　　 mf manifest 重启nginx(2)apache 和上面差不多

1.使用规则 1.中文文档 [链接] 2.关闭规则 1.忽略缩进： 关闭tab和space造成的indent 缩进错误提示 {代码...} 2.错误提示 1.Value must be omitted for boolean attributes 表示 默认 属性是true 不需要设置 xxx={true}

1.下载地址：github 2.配置subl 快捷启动方式： {代码...} 3.重载source ~/.zshrc 即可 使用 subl 命令

{代码...} {代码...}

网上蛮多 vue-router 的例子和问题 但是比较少 最佳实践 初次接触vue,感觉弄了好久才弄好， vue init webpack my-project 安装项目之后 id=‘app’ 并不是 写在index.html中 而是写在app.vue 使用router的时候一直提示 找不到 #app所以 需要将 id = 'app'放在 index.html中 如下

1.热门github 查看器（chrome 拓展工具）* 先丢连接[链接] 是一个chrome扩展工具，每次打开一个tab的时候就会显示 当前比较热门的github 可以控制时间 和程序语言的类型 2.一个用于解析UA来得到用户终端信息的JS库，(js百度出品) [链接] 信息都显示的蛮全的 很不错 3.微信公众号阅读器 weixinreader[链接] * 4 js计算器...

Sublime text 3 (Build 3103) license key,these all tested available on 2016/02/17 .Feel free to enjoy them