对于TO C的应用，用户网络千差万别，总有各种网络问题导致资源加载失败，使得访问时出现白屏，样式错乱等。资源加载重试，则是提高用户体验中重要的一环。

背景 随着node的出现与发展，前端承担了越来越多的职责。 前端也有越来越多的场景需要使用批跑脚本 利用爬虫或者接口定时同步数据到DB 线上配置文件、数据文件定时批跑生成并发布到线上 切实的影响到业务，因此需要一套高可靠与及时告警的批跑管理系统。 本文将批跑管理的系统封装为一个npm模块，可以方便使用，并且提供...

以前端入行编码，但是对后端架构也非常感兴趣。一直以来都觉得那些做到在洪水流量面前保持系统提供高可靠，高性能的服务的小哥哥们都很厉害。总想着去学习一番，因此大半年来不断学习后端相关的知识，试图去理解高并发架构的面貌。

作为一个有追求的前端，在学有余力的同时，不应该把自己仅仅局限于前端的世界中的。而后端的知识是与前端工作最密切相关的一部分内容，多了解些后端的知识也是大有裨益的。

众所周知，AJAX的出现是前端快速发展的一个标志，同时也是前后端得以分离的重要基础。作为一个C/S网络的web系统，网络通信在发挥着举足轻重的作用。大部分的场景下，我们是主动触发AJAX去调取后端数据，但是总有那么些场景是后端数据更新了再推送给前端。本文则试着和读者一起对这个数据推送的需求进行技术方案的探究。

以往经常看到”函数式编程“这一名词，却始终没有花时间去学习，暑期实习结束之后一直忙于边养老边减肥，81天成功瘦身30斤+ ，开始回归正常的学习生活。便在看《JavaScript函数式编程》这本书，以系统了解函数式编程的知识。本文试图尽可能系统的描述JavaScript函数式编程。当然认识暂时停留于本书介绍的程度，如有错误之...

HTTP/1.0中的一个设计缺陷会使虚拟主机托管者疯狂。HTTP/1.0中没有为共享的Web服务器提供任何方法来识别要访问的是所托管的哪个虚拟网站。HTTP/1.0请求在报文中只发送URL的路径部分，如果要访问http://www.baidu.com/index.html，浏览器会连接到服务器http://www.baidu.com,但HTTP/1.0请求中却只提到GET /index.html，没...

每天都有数以亿计的各种媒体对象经由HTTP传送，如图像，文本，影片以及软件程序等。HTTP会确保它的报文被正确的传送，识别，提前以及适当的处理，则需要满足以下条件。

HTTP最初是一个匿名，无状态的请求/响应协议。服务器处理来自客户端的请求，然后向客户端回送一条响应。web服务器几乎没有什么信息可以用来判定是哪个用户发送的请求，也无法记录来访用户的请求序列。

Web服务器会对HTTP请求进行处理并提供响应。术语"web服务器"可以用来表示Web服务器的软件，也可以用来表示提供Web页面的特定设备或计算机。

HTTP协议主要分Web客户端和服务器。其中Web服务器是Web资源的宿主。Web资源可以包含任意媒体类型内容，HTTP协议为了标识各种媒体类型，会给通过Web传输的对象都打上MIME类型的数据标签格式。(MIME科普:最初设计MIME(Multipurpose Internet Mail Extension，多用途因特网邮件扩展)是为了解决在不同的电子邮件系统之间搬移...

之前，对于缓存的认知一直停留在看《HTTP权威指南》和一些相关帖子的深度，过了一段时间，又总是忘记，正好最近不是很忙，结合内网上的一些参考资料，结合实践，试着全面解析一下缓存以及其最佳实践。

前端安全一直是一个蛮严苛的问题，特别如果设计到money更是如此。了解前端安全，在平时的coding中主动考虑，防范于未然，是一个有追求的程序猿应该做的。

背景 密码是用来进行鉴权(身份认证)一种手段,说白了就是证明你是谁。一般鉴权都可以总结为下面3种形式: 你知道什么? (如密码,密码提示问题等) 你有什么? (如信用卡,token卡等) 你是什么?(如指纹识别，瞳孔识别等) 常见攻击方式 常见的针对密码的攻击方式有: 暴力破解(Brute-force) 字典攻击(Dictionary Attack) 彩虹表攻...

查找表 search table 查找表相关概念 查找表是由同一类型的数据元素(或记录)构成的集合。由于"集合"中的数据元素之间存在着完全松散的关系，因此查找表是一种非常灵便的数据结构。 静态查找表 static search table 动态查找表 dynamic search table 关键字 key 关键字是数据元素中某个数据项的值，用它可以标识一个数据...

排序是计算机程序设计中的一种重要操作，他的功能是将一个数据元素(或记录)的任意排列，重新排列成一个按关键字有序的序列。待排序的记录序列中可能存在两个或两个以上的关键字相等的记录，且在排序前Ri在Rj前面(即i<j)，若在排序后的序列中Ri任然在Rj前面，则称所用的排序算法是稳定的。

AJAX request: AJAX异步请求的过程中可以设置编码，contentType:"application/x-www-form-urlencoded; charset=utf-8"

gulp源码核心部分寥寥60+行。但是通过这60+行代码，gulp给我们带来的确是前端自动化构建的便利。以往以为其源码肯定蛮复杂，却没想到却是这么60+行，这60+行的背后，是来自于模块化的支撑。

通过 require 引入依赖。这可以让依赖内置，开发者只需关心当前模块的依赖，其他事情 Sea.js 都会自动处理好。对模块开发者来说，这是一种很好的 关注度分离，能让程序员更多地享受编码的乐趣。

shell作为编程中不可或缺的一部分，平日里，我们经常会在shell中输入一些命令。有时候也需要完成一些复杂的操作，重复的输入多条相同的命令，过于费时和无趣。所以掌握shell script就显得非常有必要了，可以让你用编程的方式调用繁多的命令行工具。

早就想尝试webpack的，却一直没有时间，恰逢周末，又时值最近在公司实习的时候尝到用fekit做模块化的构建工具的爽。所以就开始以公司的项目结构去使用webpack的，当然最后还是有点问题的，只能折中解决了。公司的方案是前后端完全分离，html代码放在后端服务器上，css，js，images等资源文件放在前端服务器，两者是不同...

上述方法，虽然能够成功生成相同的dom元素，但是性能上是存在问题的。每次插入dom元素到body后，dom树会重排，之后页面会因为新的dom元素的插入而重新绘制，这两个过程是极其耗时的。因此，推荐使用文档碎片document.createDocumentFragment()。

目录结构 5.1 下载 5.2 网络请求 5.3 代理 5.4 系统信息本章讲解的是部分较为高级的API，以供哪些有更高要求的读者阅读。 5.1 下载 声明 {代码...} 方法 {代码...} conflictAction的值只能为uniquify(在文件名后面添加带括号的序号，以保证文件名唯一)，overwrite(覆盖)或者prompt(给出提示，让用户自行决定是对文件进行...

目录结构 4.1 书签 4.2 Cookies 4.3 历史 4.4 管理扩展与应用 4.5 标签 4.6 overridePages 4.1 书签 第一步，在manifest中声明 {代码...} 书签的8个属性， id parentId index url title dateAdded dateGroupModified children并不是每个书签都有这8个对象，如书签文件夹就不具有url属性。只有id和title是必有的属性，其...

第三章目录 3.1 CSS简述 3.2 Browser Actions 3.3 右键菜单 3.4 桌面提醒 3.5 omnibox 3.6 Page Actions 3.1 CSS简述 这部分对于前端的人来说是基础。就不说了 3.2 Browser Action 图标设置 chrome一般会选择19像素的图片显示在工具栏，但若用户使用视网膜屏幕的计算机，chrome则会选择38像素的图片。两种图片并非都要指...

第二章简介 第二章较第一章复杂许多。书中虽寥寥21页，内容却也不少。涵盖了8个小节。 2.1 操作用户正在浏览的页面 2.2 跨域请求 2.3 常驻后台 2.4 带选项页面的扩展 2.5 扩展页面间的通信 2.6 存储数据 2.7 i18n 2.1 操作用户正在浏览的页面 实际上就是对用户当前浏览器页面的DOM进行操作。通过manifest.json中的conten...

寒假想自己做一个chrome扩展，便从图书馆借了这本书。同时，为了培养自己的好习惯，做沉淀，便读一章写一篇总结，全书总共10章，将会分为10篇博文。欢迎大家多多指正，也希望大家多多支持，谢谢。

这几天，刚来公司，导师安排点任务增加些功能，以便熟悉了开发环境。接到的任务中，有一个环节需要处理一个业务的json数据，具有多级嵌套，我要做的是让使用者可以修改其中的"userName"。

之前发现calc这个布局新属性之后就非常喜欢，爱不释手。在公司的实习的时候，开发微信端的页面，使用了几次calc，后来发现在Android的上的不支持～蛋疼。于是到处找替代方案，终于在stackoverflow上找到一个满意的答复，好～接下来进入正文～