上次的文章给大家分享了怎么在webpack打包阶段去将自己的项目优化到极致。文章链接：[将webpack打包优化到极致_20180619]()

基于Nodejs的前端灰度发布方案 1. 灰度发布和A/B测试简介 灰度发布 将某个功能灰度发布（逐渐放量）给特定线上人群，避免新功能全量上线带来的风险。 上面的图可以通过两个方面来理解： 蓝色实线和蓝色虚线访问Nginx服务器，nginx通过负载均衡将流量分摊到后端服务器。 黄色的线是应用了灰度的流量（配置Nginx规则）可以...

概要 最近的一个项目中使用了axios来代替XMLHttpRequest来发送请求。也是遇到了一些问题。这里做下简单的记录。 GET请求不同方式结果不同 官方文档我们可以看到的示例demo如下： {代码...} 上面的示例代码看起来是一样的，其实有个细节还是不一样的，就是使用第二种方式会对参数值执行encodeURIComponent。 看我的一段代...

前段时间大部门下新成立了一个推广百度OCR、文字识别、图像识别等科技能力在金融领域应用的子部门。因为部门刚成立，基础设施和人力都是欠缺的。当时分到我们部门的任务是抽调一个人做新部门主站前端开发工作。本来说的是只负责页面的开发工作。当我参加过需求品审会后，了解到新部门人力不足，而我今年主要任务又是在我...

MDN社区（即Mozilla开发者社区）具有很多高质量中英文文档。它是我开发时遇到概念模糊的地方经常访问的网站。因为默认搜索一些代码，优先显示的都是英文。但是恰恰这些显示的英文文档是有中文的。每次都是自己手动切换下中文显示。所以就想着在点击英文链接的时候，能够自动跳到中文链接。

关于微信小程序之前只是听说，并没有引起我太大的兴趣。周一被小程序刷屏，然后就顺手搜索了解了一下。发现小程序已经火遍了整个程序员圈子。刚好团队内部有个需求需要微信小程序。就紧急对微信小程序进行了调研，阅读过开发者文档后总结了以下的几个开发者比较关心的问题：

前言 这篇文章的内容如题目一样，主要分为两个部分， 谈谈业内主流的移动端适配解决方案 点5像素的由来和实现方法 建议在读这篇文章的时候先读下这篇文章《高清屏概念解析与检测设备像素比的方法_20161005》，因为这些文章涉及的很多概念在这篇文章中都会提到。 1.再谈移动端适配 1.1百分比解决方案的缺点 在我们的项目...

因为 Team 本身工作性质的问题，平时需要值班。值班数据可以导出为本地的Excel文件。之后需要对Excel中的结果数据做分析，并且制作图表写周报发给老大。

看了下博客的更新时间，发现9月份一篇也没有更新。一直想着都要抽时间写一篇的，不然今年的更新记录就会断在了9月份。但是还是应为各种各样的事情给耽搁了。当内心突然涌起一股必须写点什么的时候，突然发现自己把写博客的“套路”都忘了。(●´ω｀●)φ

引子： 1.JavaScript 中的变量类型和类型检测 1.1原始类型 1.2引用类型 1.3內建类型的实例化 1.4函数的字面形式 1.5正则表达式的字面形式 1.6类型检测 1.6.1原始类型的检测 1.6.2鉴别引用类型 1.6.3鉴别数组 1.6.4原始封装类型 2.JavaScript 中的函数 2.1定义函数的两种方式 2.1.1函数声明 2.1.2函数表达式 2.2JavaScrip...

声明：这个系列为阅读《JavaScript设计模式与开发实践》 ----曾探@著一书的读书笔记 1.职责链模式的定义 2. 2.1 简单职责链模式 2.2职责链重构上面的代码 2.3灵活的拆分职责链节点 3.异步职责链 4.职责链模式的优缺点： 5.使用AOP（面向切面编程）来快速的创建职责链 总结： 1.职责链模式的定义 使多个对象都有机会处理...

声明：这个系列为阅读《JavaScript设计模式与开发实践》 ----曾探@著一书的读书笔记 1.策略模式的定义 将不变的部分和变化的部分隔开是每个设计模式的主题。 定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。 2.策略模式的目的 将算法的使用与算法的实现分离开来。 3.传统语言中的策略模式和JavaScrip...

在开发过程中遇到了题目描述的问题，使用 Google 搜索，中文答案很少，而且没有令人满意的。就在segmentfault上提了一个问题，而且很快我就发现被很多人收藏了该问题（SF网站问题被收藏时，会收到消息提醒）。也有一些网友回答该问题，但是一直没有优质的答案。

声明：这个系列为阅读《JavaScript设计模式与开发实践》 ----曾探@著一书的读书笔记 1.单例模式的特点和定义 保证一个类仅有一个实例，并且提供一个访问它的全局访问点。 2.传统面向对象语言的单例模式 2.1传统语言描述的单例模式JavaScript实现 {代码...} 或者使用闭包的形式创建单例模式,同时符合惰性单例的特性 {代码...

装饰者(decorator)模式能够在不改变对象自身的基础上，在程序运行期间给对像动态的添加职责。与继承相比，装饰者是一种更轻便灵活的做法。

1.a标签的相互嵌套 很多时候我们会有下面的场景，如下图中所显示的那样。点击1区域（从图上看1区域包含2区域）和2区域跳转不同的链接。 正常的代码结构应该是： {代码...} 但是上面的代码浏览器的编译结果是下面这样 很明显可以发现，浏览器的渲染结果并不是我们想要的结果。那么是为什么呢？ 根据 W3C 规范，a 标签是不...

对于我自己开发的版本来说还是集成了这个操作的。但是参考了京东，天猫，淘宝电商网站首页的 slider 图片轮播插件都没有支持点按操作。那么是为什么呢？

之前写过一版图片“懒加载”的文章，刚好周末在整理文件的时候，大概又看了一遍之前写的代码发现有很多可以优化的地方。这篇文章主要就是结合上篇《“瀑布流式”图片懒加载代码示例》再来看看图片“懒加载”的一些知识。

既然是要编写插件。那么叫做“插件”的东西肯定是具有的某些特征能够满足我们平时开发的需求或者是提高我们的开发效率。那么叫做插件的东西应该具有哪些基本特征呢？让我们来总结一下：

最近的项目中做了一个“跑马灯”的抽奖特效插件。上篇文章已经分享过html和css 的相关知识。这篇文章主要分享一些 JavaScript 相关的知识。这几天在写这篇文章的时候，也顺便把自己的代码重构了一下。这里主要是来写写自己的优化过程。俗话说：

之前写过两篇开发中遇到的问题和解决方案。当时是CSS 和 JavaScript 分开写的。现在写这篇文章的时候感觉很多内容都是有内在联系的，所以不好分开。

首先我们应该知道使用h5新提供的属性getUserMedia这个属性，是可以调取系统的摄像头进行拍照或者是摄像的，但是兼容性支持的不好，所以当我们需要获取系统的多媒体权限时我们都不会采用这个属性。

所有插件都可以使用Package Control安装，具体的安装方法可以自行谷歌安装，不在本文的介绍范围之内。也可以是使用git 手动安装。