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

在写这篇文章的时候我特地翻看了下自己博客的文章记录，确实是很久没有写文章了。最近的一篇文章还是2017年7月份写的年中总结----《工作三年小结----我依然是那个不变初心的少年_20170710》，看名字就知道当初的意气风发。当我开始在键盘上敲下这篇文章题目的时候，我知道这将是一个横跨两年的漫长的自我总结的故事。

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

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

虽然说是记录fis3+react的一次开发经历。但是在项目的上线前几天收到公司TC委员会的邮件，因为react的开源协议让找到react的替代方案，并且逐步下线线上的react项目。真的是可以用“出师未捷身先死”来形容这次开发了。

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

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

较早的Nodejs开发者为了实现程序的同步都会使用几个“工具”，回调，promise，co，或者是generator。记得写过一个递归删除目录下文件和文件夹的需求，用以上方法都是各种不爽（关键我就是想简单的写个递归啊）。

微信小程序开发知识点总结 微信小程序的目录结构 1.外联公共样式的方法 根据微信的官方文档，是支持@import的方式一如外联的公共样式的 使用@import语句可以导入外联样式表，@import后跟需要导入的外联样式表的相对路径，用;表示语句结束。 文档地址：[链接] 但是在实际的开发过程中如果通过@import '../../common.wxss'...

2016年的最后一天看了一场电影《血战钢锯岭》。抛开惨烈的，逼真的剧情不说，女主真的很漂亮，是我喜欢的类型。而我也是被男主的撩妹技折服。主人公说的那句：

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

经典的“粘连”footer布局就是。我们有一块内容<main>。当<main>的高度足够长的时候，紧跟在<main>后面的元素<footer>会跟在<main>元素的后面。当<main>元素比较短的时候（比如小于屏幕的高度），我们期望这个<footer>元素能够“粘连”在屏幕的底部。如下图所示：

On Mac Terminal, I used nvm alias default system and then nvm use system to get rid of this error.

前言 这篇文章的内容如题目一样，主要分为两个部分， 谈谈业内主流的移动端适配解决方案 点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.职责链模式的定义 使多个对象都有机会处理...

前言 1.做事情 2.工作第二年工作盘点 没有完成的事情 做了的一些事情 3.“大浪”文化和“狼性”文化 4.勿忘初心，不负梦想 遥远的北漂梦 后北漂时代 5.做一个会思考的人 6.获取知识的方式的思考 7.坏习惯的思考 8.我要做一个什么样的人？ 后记 前言 转眼又是一年，2016年7月3号是自己正式参加工作两年，入职一家新公司工作两...

声明：这个系列为阅读《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 相关的知识。这几天在写这篇文章的时候，也顺便把自己的代码重构了一下。这里主要是来写写自己的优化过程。俗话说：