原文阅读: nodebestpractices 1 工程结构最佳实践 1.1 组件化 bad: 按照功能划分 controllers api.js home.js order.js product.js user.js models order.js product.js user.js test testOrder.js testProduct.js testUser.js good：按照组件划分 order product user index.js user.js userApi.js userError.js userTes...

做完这个demo后，我体会到，Vue组件化，webpack, Vue-router等，并不是很难学习，你需要的只是拿起斧头的勇气在做demo的过程中，我遇到一个问题，就是vue-router懒加载一直实现不了，纠结了半天。后来回到原点，去vue-route官网看文档，发现是因为syntax-dynamic-import插件没有安装。 所以说：你以为的bug, 实际上是你...

本文来自于公司内部的一个分享。在文档方面，对内的一些接口文档主要是用swagger来写的。虽然可以在线测试，比较方便。但是也存在着一些更新不及时，swgger文档无法导出成文件的问题。在对外提供的文档方面：我主要负责做一个浏览器端的一个js sdk。文档还算可以github地址，所以想把一些写文档的心得分享给大家。

原文地址git地址 基础工具 accounting.js async axios chance date-fns format.js immutable is.js lodash Math.js Moment.js Numeral.js string.js underscore.js voca wait xregexp.com 编译 / 类型检查 Babel TypeScript Flow 代码分析引擎 Tern JavaScript兼容性检查器 jscc.info/ Linting/ Hinting & Style Lin...

简易服务器：在命令执行的所在路径启动一个http服务器，然后你可以通过浏览器访问该路径下的所有文件。 在局域网内传文件，或者自己测试使用都是非常方便的。 1 基于python 1.1 基于Python2 python -m SimpleHTTPServer port {代码...} 1.2 基于python3 python3 -m http.server port {代码...} 2 基于nodejs 首先你要安...

最早我是想通过dispatchAction方法去改变选中的省份，但是没有起作用，如果你知道这个方法怎么实现，麻烦你可以告诉我。我实现的方法是另外一种。

0 对应关系 标志 键名 ⌘ command ⇧ shift ↩ 回车 ↑ 上 ↓ 下 ⌃ control ⌥ option 红色标记的是常用的快捷键。 1 编辑 按键 功能 ⌘ + X 剪切当前行 ⌥ + 拖动鼠标 垂直选中 ⌘ + ↩ 在当前行之后换行，无论鼠标在哪里 ⌘ + ⇧ + ↩ 再当前行之前换行，无论鼠标在哪里 ⌘ + ⌃ + ↑ 向上移动整行或者整段 ⌘ + ⌃ + ↓ 向下移动正行或者...

1 语法 {代码...} 一般用法： {代码...} 2 扩展用法 2.1 replacer replacer可以是函数或者是数组。 功能1: 改变属性值将isDead属性的值翻译成0或1，0对应false,1对应true {代码...} 功能2：删除某个属性将isDead属性删除，如果replacer的返回值是undefined,那么该属性会被删除。 {代码...} 功能3: 通过数组过滤某些属性...

最近切换到mac上开发,自然就用上了oh-my-zsh。本来在windows上使用git时，我有自定义的一套缩写。既然ohmyzsh提供很多强大的缩写，那么我也没必要自己再搞一套。

一般的方法往往给表单的各个input、select等加上readonly，但是这个方法有很多缺点。此处就不一一赘述。 我说的方法只需要给表单加上一个类，就可以让表单只读。 {代码...} 方法1: 用:before给form做个看不见的蒙版，遮住下面所有的元素，使之不响应任何事件 {代码...} 方法2: 用pointer-events:none, 让所有事件穿透for...

以谷歌浏览器为栗子 1 打开一个HTTPS网站，例如[链接] 2 F12 -> Secutity -> 点击View certificate 3 详细信息 -> 复制到文件 4 证书导出向导 这一步要给证书文件起个名字，后缀名就不用了。 然后在你的桌面上就多了一个证书文件。

例如在github pages页面，这是一个https页面，如果在这个页面向http发送请求，那么会直接被浏览器拒绝，并在控制台输出下面的报错信息。

1 VisualEvent github地址： [链接] 2 使用教程 打开[链接]，然后将visual Event连接拖动到浏览器的书签栏上 随便打开一个页面，然后点击VisualEvent书签后，页面就变成这样了。鼠标移动到蓝色或者黄色边框的元素上，相应得逻辑代码就会出现。截图左下角蓝色长条上有一些有用的信息，最左边有个关闭的按钮。 3. 最后 Vis...

在小朱元璋出生一个月后，父母为他取了一个名字（元时惯例）：朱重八，这个名字也可以叫做朱八八。我们这里再介绍一下，朱重八家族的名字，都很有特点。朱重八高祖名字：朱百六；朱重八曾祖名字：朱四九；朱重八祖父名字：朱初一；他的父亲我们介绍过了，叫朱五四。取这样的名字不是因为朱家是搞数学的，而是因为在元朝...

1 关心你的技艺 2 思考你的工作 3 在所有的弱点中，最大的弱点就是害怕暴露弱点 4 提供各种选择，不要找各种蹩脚的借口 5 不要容忍破窗户 6 作变化的催化剂 7 记住大方向 8 让质量成为需求问题 9 知识也会贬值，定期为你的知识投资 每年至少学习一种编程语言 每季度至少读一本技术书籍 也要阅读非技术书籍 上课 上网 玩...

这两个表格验证插件我都用过，最早用的是jqueryValidataion, 现在用Parsley。这两个插件都依赖jQuery。但是如果说那个跟好用的话，真心推荐Parsley。Parsley号称不用写一行代码就能验证表单。另外从star的数量上也可以看出来Parsley更流行。而且Parsley支持在html中就将错误信息定义在里面。

这是专门为潜在的和目前实践的前端开发人员提供专业资源，以配备学习材料和开发工具。其次，管理者，首席技术官，导师和猎头人士可以使用它来了解前端开发的实践。

1 serve: 在任意目录开启静态文件服务器 [链接] 2 lambda-view：优雅的看js源码 [链接] 3 ConEmu：windows命令行从未如此迷人 [链接] 4 Wox：天下武功，唯快不破 [链接] 5 gow：谁说windows不能用linux命令 [链接] 6 vimium：像用vim一样用chrome浏览器 [链接] 7 localtunnel：将内网地址转化成公网地址 [链接] 8 Browse...

通过打开谷歌浏览器的dev tools -> Settings -> Elements -> Show user agent shadow DOM, 你可以看到其实Audio标签也是由常用的 input标签和div等标签合成的。

当我们使用原生的audio标签时，可以看到如下的效果。 那么如何让下载按钮隐藏掉呢？ 1. controlsList="nodownload" {代码...} controlsList属性只兼容Chrome 58+以上，具体可以参考controlslist.html ，controlsList在线例子 nodownload: 不要下载 nofullscreen: 不要全屏 noremoteplayback: 不要远程回放 2. css方式来...

特点 无依赖 无检查 无错误处理 无逻辑 无配置 代码 {代码...} demo {代码...}

其实浏览器本身是可以选择不同的iframe的执行环境的。例如有个变量是在iframe里面定义的，你只需要切换到这个iframe的执行环境，你就可以随意操作这个环境的任何变量了。

本篇文章来自一个需求，前端websocket会收到各种消息，但是调试的时候，我希望把websoekt推送过来的消息都保存到一个文件里，如果出问题的时候，我可以把这些消息的日志文件提交给后端开发区分析错误。但是在浏览器里，js一般是不能写文件的。鼠标另存为的方法也是不太好，因为会保存所有的console.log的输出。于是，终...

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

对于一个前端开发来说，按F12的是不能调出dev tools是不能容忍的Bug！对于一个前端开发来说，Fn键放在Ctrl键左边，真想扣掉FN, 把Ctrl塞进去！thinkpadT450 总体来说还不错，就这两点实在让人不爽。现在就DIY属于你自己的键盘风格吧！

Github Gis服务 出生名门github 用于记录代码片段 匿名张贴 能像wiki一样记录历史如果您修改了已经发布了的Gist的话，之前的所有版本都将被保存。 支持markdown ... 更多介绍请看：如何看待 Github Gist这个服务，怎样更好的利用？ 客户端 gistbox: 谷歌浏览器插件，用来编写gist lepton: 支持windows, max,linux 我自己...

我父亲以前跟我说过，有些事物在你得到之前是无足轻重的，得到之后就不可或缺了。微波炉是这样，智能手机是这样，互联网也是这样——老人们在没有互联网的时候过得也很充实。对我来说，函数的柯里化（curry）也是这样。

对于执行时间过长的脚本，有的浏览器会弹出警告，说页面无响应。有的浏览器会直接终止脚本。总而言之，浏览器不希望某一个代码块长时间处于运行状态，因为js是单线程的。一个代码块长时间运行，将会导致其他任何任务都必须等待。从用户体验上来说，很有可能发生页面渲染卡顿或者点击事件无响应的状态。

解释： for in 循环循环的值永远是key, key是一个字符串。所以total的值是：'0012'。它是一个字符串，字符串'0012'/3,0012会被转换成12，然后除以3，结果是4。

需求 需要自定义一个log方法，这个方法可以像原生的console.log一样 在开发环境我希望调用这个log会输出日志信息，生产环境我希望即使调用了这个方法，也不会输出日志信息。 实现这个log 可能要使用apply或者call方法 log的参数个数和类型都是不固定的 call的参数个数是固定的，要排除它 apply的参数是需要一个数组，这...