目的 本项目的目的是教你如何实现一个简单的音乐播放器（这并不难） 本项目并不是一个可以用于生产环境的element播放器，所以并没有考虑太多的兼容性问题 本项目不是ElementUI的一个音频插件，只是一个教程，不过你可以自行扩展实现 本项目只是为了学习audio相关事件以及API 本项目的音频文件是位于static/falling-star....

1 系统环境 centos7 内核：3.10.0-514.26.2.el7.x86_64 安装docker要求内核版本不低于3.10 2 安装docker {代码...} 3 Nodejs 镜像选择 REPOSITORY TAG IMAGE ID CREATED SIZE docker.io/node 9.2.1-slim 69c9f9292fa4 3 days ago 230 MB docker.io/node 9.2.1-alpine afdc3aaaf748 3 days ago 67.46 MB docker.io/node l...

1 广告拦截：AdBlock 2 获取网页样式：CSS Peeper 3 扩展管理：扩展管理器（Extension Manager） 4 json格式化：JSON-handle 5 多点高亮查找：Multi-highlight 6 github源码阅读：Octotree 7 http接口调试：Postman 8 脚本增强：Tampermonkey 9 脚本注入：Script Injector 10 键步如飞：Vimium 11 Vue开发利器：Vue.js d...

0 grep 常用参数 参考： GNU Grep 3.0 {代码...} 1 普通：搜索trace.log 中含有ERROR字段的日志 grep ERROR trace.log 2 输出文件：可以将日志输出文件中 grep ERROR trace.log > error.log 3 反向：搜索不包含ERROR字段的日志 grep -v ERROR trace.log 4 向前：搜索包含ERROR,并且显示ERROR前10行的日志 grep -B 10 ...

原文阅读: 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...

可以用配置解决的问题，请勿硬编码姊妹篇 jQuery进阶：用最优雅的方式写ajax请求或许你也可以试试：xfire: 简单优雅、高度可配置的fetch接口批量生成工具 axios是Vue官方推荐的ajax库, 用来取代vue-resource。 优点： 增加一个ajax接口，只需要在配置文件里多写几行就可以 不需要在组件中写axios调用，直接调用api方法，...

做完这个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 首先你要安...

问题现象在我本地调试的时候，我使用了一个多选下拉框的插件，就是chosen, 不知道为什么，这个多选框上面的图标不见了。我找了半天没有找到原因，然后我把我的机器的内网地址给我同事，让他访问我机器，当它访问到这个页面时。他的电脑上居然显示出了这个下拉框的图标。

形式如：list.insert(offset, item)insert也不存在越界的问题，偏移量正负都行，越界之后会自动伸缩到界限之内，并不会报错

最早我是想通过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 知识也会贬值，定期为你的知识投资 每年至少学习一种编程语言 每季度至少读一本技术书籍 也要阅读非技术书籍 上课 上网 玩...

先看效果： 环境 win7 64位 python 3.5 目标 抓取一篇报纸，并提取出关键字，然后按照出现次数排序，用echarts在页面上显示出来。 工具选择 因为之前对nodejs的相关工具比较熟悉，在用python的时候，也想有类似的工具。所以就做了一个对比的表格。 功能 nodejs版 python版 http工具 request requests 中文分词工具 node-...

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

少啰嗦，先看代码 package.json {代码...} dockerfile {代码...} 分析原理 使用alpine的nodejs镜像，显著缩小nodejs镜像大小 使用npm cache clean命令，清空npm缓存，再次减少npm包占用的时间 npm i 和 npm chache clean放在一起写，减少build的层数 使用淘宝npm源，显著提高npm包下载的速度 守护进程forever通过npm运行...

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

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方式来...

常用配置 {代码...} 提交与查看状态 {代码...} 分支推送与拉取 {代码...} git 仅仅合并某次提交 {代码...}