这篇 PPT 是关于最近在做 H5 版杭州公交的经验分享，里面部分细节也包括工作一年的总结。 简介 简介 Vue 是我在 8 月份第一次接触，用周末两天时间熟悉了下 API 及 Vue 全家桶，框架学完练练手可以熟悉思路，在之后的项目中能马上使用到。所以我将我的博客从 Angualr1.3 改写到 Vue1.0，花了不少下班时间。项目是由 vue-cli 基础上开发，现已在 GitHub 上开源，另外还包括对博客支持的后台代码，使用的是 Node+Express+Mongodb。 之后 Vue……

这篇文章主要介绍了如何在 WebStorm 中进行配置达到对 Vue 的完美支持，包括代码检查、自动排版等。 Plugins 安装 首先两个插件是必不可缺少的，这个需要在 WebStorm->Preferences->Plugins 中搜索’vue-for-idea’插件。另外’Vue.js’这个插件不好用，别安装！！ 默认模板修改 依次进入顺序： WebStorm->Preferences->Editor->Code Stype->File andCode Templates 之后选择 Vue……

相同的内容经过实战的熏陶再次看看会有不同的体验，这里对 Vue 官方文档再次学习，总结下使用过的与未使用的部分，以期在未来能写出更好的 Vue 代码。 Vue 构造器内部的事儿 为了方便函数调用及数据调用，在书写 Vue 的时候都是在 new Vue({})进行，我这里主要在函数内这个角度进行总结，希望能开拓你的角度。先上一个大概框架，这也是我在进行项目的时候多次复制粘贴的部分，之后我对下面的部分我逐一讲解： 1. 挂载位置 显式的在 HTML 中定义 Vue 的作用范围，使用 id……

安装 常用命令 npm 命令 yarn 命令 说明 install 安装是默认行为 taco 包立即被保存到 package.json 中 在 yarn 中，在 package.json 中添加（add）和移除（remove）等行为是默认的 请谨慎使用 global 标记 运行命令 Yarn 独有命令 yarn 命令 说明 允许你检查依赖的许可信息 自动创建依赖免责声明 license 检查为什么会安装 taco……

DOM 事件流 分为三个阶段：事件捕获阶段、目标阶段、事件冒泡阶段。 事件捕获老版本浏览器（IE<=8）不支持，但是事件冒泡可以放心使用。 12 事件处理程序 一共四类写法，基本都见过，看下写法就知道怎么回事儿了。 1. HTML 事件处理程序 2. DOM0 级事件处理程序 3. DOM2 级事件处理程序 定义事件及删除事件的两个方法：addEventListener、removeEventListener。 第三个参数：true，表示在捕获阶段触发；false……

什么是 arguments arguments 是一个类数组的对象，代表传给一个 function 的参数列表。 arguments 操作 arguments length arguments 是个类数组对象，其包含一个 length 属性，可以用 arguments.length 来获得传入函数的参数个数。 arguments 转数组 arguments 传递出去 将函数的 arguments 对象泄露出去了，最终的结果就是 V……

浏览器缓存机制一般分为两种：HTML Meta 标签控制缓存和 HTTP 头信息。 HTML Meta 标签控制缓存 非 HTTP 协议定义的缓存机制，如使用 HTML Meta 标签，Web 开发者可以在 HTML 页面的节点中加入标签，代码如下： 参数可以是以下值： expires(期限) 、Pragma(cache 模式)、Refresh(刷新) 、 Set-Cookie(cookie 设定) 、Window-target(显示窗口的设定) 、 content-Type……

先描述下问题 Webapp 在上传图片的时候，会出现旋转 90° 的问题，但是在上传前预览图片是没问题的。这是因为什么呢？ 原因在这边博客中说的很清楚了，查看这里：移动端 Web 上传图片实践。也就是说，对于 IOS 或者上传数码相机拍摄的图片时，为了保证快读读写所以就没对图片进行方向矫正，而是使用一个字段 Orientation 保存方向。故对这种情况需要进行图片方向的纠正。 这种问题的修复有两种： 第一种方法是后台修正，插件 GraphicsMagick提供的 API……

记得很早之前就对正则进行了简单的学习，我自己在下面也总结了很多次，但是一到用的时候就懵逼了。看来还是实践较少的结果。今天特此花时间在总结下，并且附上常用的正则示例。 思维导图： 正则 常用示例： 去除首位空格（单独去除左右空格类似）： “v-err-src”转化为驼峰名字”vErrSrc”： xxx-xxxx-xxxxx, 前三位数字开头，中间四位字母开头数字结尾，后 5 位随意： 邮箱验证： 中文范围： 以上就差不多这些了！…

先说下基础类型和引用类型 在写代码的时候翻看源码无意中看到了对象的深浅复制的代码，估计以后也会用的上，虽然徒手从零开始写有些困难，但是使用的时候能快速拿出来也是好的。下面是对深浅复制的总结笔记！ 分类 在 JS 中有一些基本类型像是、、，而对象就是像这样的东西，对象跟基本类型最大的不同就在于他们的传值方式。 基本类型是传 value，像是这样： 在修改时并不会改到 但对象就不同，对象传的是 reference： 复制一份叫做，然后把改成 10……