一、背景最近刷到一道算法题：找到数组中只出现一次的数字。题目描述是这样的：给定一个非空整数数组，除了某个元素只出现一次以外，其余每个元素均出现两次。找出那个只出现了一次的元素说明：你的算法应该具有线性时间复杂度。你可以不使用额外空间来实现吗？示例：输入：[4, 1, 2, 2, 1]输出：4在不看说明的情况下，...

前端的发展日新月异，前端工程的复杂度也不可同日而语。原始的开发方式，随着项目复杂度提高，代码量越来越多，所需加载的文件也越来越多，这个时候就需要考虑如下几个问题:

Hook存储在组件的私有属性中__hooks_list数组中。读取和存储都依赖currentIndex，如果hook的执行顺序改变，currentIndex获取的hook可能是完成错误的。

tips如果未赋值的上一个值是数字，那么这个未赋值的值就是上一个值 +1如果未赋值的上一个值未赋值，那么输出的就是它的下标如果未赋值的上一个值是非数字，那么必须赋值

一道经典的面试题是从URL在浏览器被输入到页面展现的过程中发生了什么？大多数回答都是请求响应之后DOM是怎么被构建、被绘制出来。 但是你有没想过，收到的HTML如果包含几十个图片标签，这些图片是以什么方式、什么顺序、建立了多少连接、使用什么协议被下载下来的？ 要搞懂这个问题，我们需要先解决下面五个问题: 现代...

Nginx是一款自由的、开源的、高性能的HTTP服务器和反向代理服务器；同时也是一个IMAP、POP3、SMTP代理服务器；Nginx可以作为一个HTTP服务器进行网站的发布处理，另外Nginx可以作为反向代理进行负载均衡的实现。

设计模式并不能直接用来完成代码的编写，而是描述在各种不同情况下，要怎么解决问题的一种方案，它不是一个死的机制，它是一种思想，一种代码的形式。

柯里化(Currying)，又称部分求值(Partial Evaluation)，是把接收多个参数的函数变成接受一个单一参数(最初函数的第一个参数)的函数，并且返回接受剩余的参数而且返回结果的新函数的技术。

因为这些优点，箭头函数比起其他形式的函数声明更受欢迎。比如，受欢迎的airbnb eslint configuration库会强制使用JavaScript箭头函数创建匿名函数。然而，箭头函数有优点，也有一些“缺点”。这就需要在使用的时候做一些权衡。下面就从为何用、怎么用、何时用，这个三部分做一些总结。

一种是只包含IP和端口号的（连端口之后的/也没有，这里要特别注意），比如proxy_pass http://localhost:8080，这种方式称为不带URI方式；

Webpack是一个模块打包工具，在Webpack里一切文件皆模块。通过loader转换文件，通过plugin注入钩子，最后输出由多个模块组合的文件。Webpack专注构建模块化项目。Webpack可以看作是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其他一些不能被浏览器直接运行的扩展语音(如：Scss,TypeScript等)，...

最近在系统整理知识点，现将Webpack的一些重要知识点罗列出来，方便快速查阅。 Tree Shaking 为了使用tree shaking，需要满足以下条件： 使用ES2015语法(即import和export) 在项目package.json文件中，添加sideEffects入口 引入一个能够删除未引用代码(dead code)的压缩工具(minifier)(例如：UglifyJSPlugin) 将文件标记...

最近部署一个Vue项目到阿里云ECS上，因为项目涉及一些跨域请求，所以采用了Nginx代理请求本地的node服务（利用pm2做进程管理）。node服务借助axios设置headers的referer、host转发请求，解决跨域请求问题。

CSS篇主要从CSS兼容、CSS3新特性、CSS选择器、高频属性、高频布局、高频知识点、性能优化等方面进行归纳。如对HTML知识点感兴趣，可移步至：知识整理之HTML篇

toString()函数的作用是返回object的字符串表示。JavaScript中object默认的toString()方法返回字符串”[object Object]“。定义类时可以实现新的toString()方法，从而返回更加具有可读性的结果。JavaScript对于数组对象、函数对象、正则表达式对象以及Date日期对象均定义了更加具有可读性的toString()方法：

渲染引擎：负责取得网页的内容(html,xml和图像等)，整理讯息(例如假如css)，以及计算网页的显示方式，然后输出到显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不同。所有网页浏览器、电子邮件客户端以及它需要编辑、显示网络内容的应用程序都需要内核。

最近关注winter的“重学前端”系列文章，也想把已知的前端知识体系梳理一遍，夯实基础的同时，总结提升。接下来会从HTML、CSS、JS、性能、网络安全、框架通识进行分类总结。

标准盒子模型：宽度=内容宽度（content）+ border + padding + marginIE盒子模型：宽度=内容宽度（content + border + padding）+ margin

最近开发小程序，对应ES6是一个很好的应用机会。现在整理下ES6中字符串类型的一些实用扩展，供大家参考。目前主要是参考阮一峰老师的ECMAScript 6 入门 字符串的遍历接口 ES6为字符串添加了遍历接口，使得字符串可以被for..of遍历。 {代码...} includes()、startsWith()、endsWith() ES5中，indexOf()可以一个字符串是否...

最近因为参与小程序的开发，本身就支持ES6的语法，所以也是对ES6一次不错的实践机会，接下去会逐一的将学习过程中涉及的常用语法和注意事项罗列出来，加深印象。

本人一直使用的是微信开发者工具，当然Sublime和Atom这些都是可以的，看个人习惯。微信开发者工具主要是API有自动提示方便些，不过后期熟悉了，都还Ok。不过9月1号更新的那个版本真的好卡!! 虽然增加了关联腾讯云及测试，然这些对绝大部分开发者并没什么卵用~~

这段时间在整理前端代码规范，现将JS部分的内容整理，都是基本基础的内容。请各位大神斧正！！目前已经整理如下的代码规范：HTML编码规范 、 CSSS编码规范 、 CSS规范--BEM入门 1. 代码风格 1.1 文件 [强制] JavaScript 文件使用无 BOM 的 UTF-8 编码。 [建议] 在文件结尾处，保留一个空行。 1.2 结构 1.2.1 缩进 [强制]...

这段时间在整理前端部分代码规范，初步想法是从HTML、CSS、Javascipt、项目文件目录四部分是整理。之前已经整理完了CSS编码规范，有兴趣可以了解下

这段时间在整理前端部分的代码规范，前面提到的CSS规范里面会涉及到选择器的命名，就参考BEM的命名规范，内容整理如下，供大家参考，请斧正！如大家有兴趣，可移步至CSS编码规范

一项指标的变好，总少不了相应优化策略的实施。优化并不是简单的一蹴而就，而是个不断迭代与推翻的过程。更深层的优化方案，往往是在某种思维策略之下，对问题场景和基本策略优缺的深刻理解后做出的当下最优的权衡结果。

以下内容都是在0.11.112301版本中实践得出。现已更新至0.17.172600，如有版本调整，按实际情况而定，仅供出现类似情况时参考。