系列文章目录（同步更新）React 源码解析系列 - React 的 render 阶段（一）：基本流程介绍React 源码解析系列 - React 的 render 阶段（二）：beginWorkReact 源码解析系列 - React 的 render 阶段（三）：completeUnitOfWorkReact 源码解析系列 - React 的 render 异常处理机制本系列文章均为讨论 React v17.0.0-alpha...

系列文章目录（同步更新）React 源码解析系列 - React 的 render 阶段（一）：基本流程介绍React 源码解析系列 - React 的 render 阶段（二）：beginWorkReact 源码解析系列 - React 的 render 阶段（三）：completeUnitOfWorkReact 源码解析系列 - React 的 render 异常处理机制本系列文章均为讨论 React v17.0.0-alpha...

系列文章目录（同步更新）React 源码解析系列 - React 的 render 阶段（一）：基本流程介绍React 源码解析系列 - React 的 render 阶段（二）：beginWorkReact 源码解析系列 - React 的 render 阶段（三）：completeUnitOfWorkReact 源码解析系列 - React 的 render 异常处理机制本系列文章均为讨论 React v17.0.0-alpha...

系列文章目录（同步更新）React 源码解析系列 - React 的 render 阶段（一）：基本流程介绍React 源码解析系列 - React 的 render 阶段（二）：beginWorkReact 源码解析系列 - React 的 render 阶段（三）：completeUnitOfWorkReact 源码解析系列 - React 的 render 异常处理机制本系列文章均为讨论 React v17.0.0-alpha...

首先，功利点来说：目前前端框架三分天下：React、Vue、Angular，而 React 自从 v16.8.0 版本正式推出 React Hooks 概念后，风势已经从原来的类组件猛地转向函数组件，这是一个在设计模式、心智模型层次，且非常近期的革新，因此只要是你谈到自己会 React ，就一定会在面试中被问到 React Hooks 的原理。

过去，React 中的函数组件都被称为无状态函数式组件(stateless functional component)，这是因为函数组件没有办法拥有自己的状态，只能根据 Props 来渲染 UI ，其性质就相当于是类组件中的 render 函数，虽然结构简单明了，但是作用有限。

XSS，是一种代码注入攻击。攻击者通过在目标网站上注入恶意脚本，用户访问网站后不知不觉就执行了脚本，攻击者可获取用户的敏感信息，如 Cookie、SessionID 等。

CSRF(“跨站请求伪造”)：攻击者通过邮件、社区发帖等方式诱导受害者进入第三方网站，并且在第三方网站中向被攻击网站发送跨站请求；这主要是利用了受害者在被攻击网站已经获取的登录凭证(cookie)，且 cookie 会自动附在对特定域名的请求里的浏览器特性，达到冒充用户对被攻击的网站执行某项操作（如指定受害者的邮箱账户...

我们在工作中很多时候都要做技术选型，去找寻既能满足自己需求又靠谱的第三方库；在前端开源生态季度繁盛的现状下，只要不是太小众的需求，我们很容易就能找到一堆相关的开源库，那我们具体要怎么做决策呢？我的做法是，先阅读开源库的说明文档让自己有一个感性的认识，然后挑选出其中的两三个库来进行更深入更全面的了...

在前文中，我说过本系列文章的受众是在现代前端体系下能够熟练编写业务代码的同学，因此本文在介绍 webpack 配置时，仅提及构建一个库所特有的配置，其余配置请参考 webpack 官方文档。

本系列文章主要介绍如何在现代前端生态下，创建一个工业级别的库。近几年来，前端工程化、模块化、组件化的大潮铺天盖地而来，在解决以往的架构痛点之余，却又产生了信息过载的问题；我希望通过分享自己的经验，帮助大家少踩坑多出活。

毕业四年有余，这一段走来甚是曲折。web开发是个大工程，其中牵涉到的知识点数不胜数，我本以为这路是一往无前，却道是盘绕而上；纸上得来终觉浅，初时看往往不知所然，非得整体境界提升，才能细品其中意味。真应了《苦瓜》的那句，“大概今生有些事 是提早都不可以 明白其妙处”。

本文首发于Array_Huang的技术博客——实用至上，非经作者同意，请勿转载。原文地址：https://segmentfault.com/a/1190000010317802如果您对本系列文章感兴趣，欢迎关注订阅这里：https://segmentfault.com/blog/array_huang

今天琢磨着利用git来做服务器自动部署。git仓库挂在coding.net上，而coding.net提供webhook功能，可以在指定git事件（根据“自动部署”这一用途，这里指的当然主要是push事件了）发生后，发一个请求到指定URL来触发更新。

近年来前端领域发展迅猛，前后端分离早已成为业界共识，各类管控系统(to B)上个SPA什么的也不值一提，但唯独偏展示类的项目，为了SEO，始终还是需要依赖于服务器端渲染html。

在各种教程资料的例子里，块作用域都是出现在for(……){……}/if(……){……}/while(……){……}这些语句里的，那你有没有想过，块作用域其实跟这些逻辑控制语句完全没有关系？

本文首发于Array_Huang的技术博客——实用至上，非经作者同意，请勿转载。原文地址：https://segmentfault.com/a/1190000007522378 项目Github：https://github.com/Array-Huang/canvas-learning 案例1： 井字游戏 案例1-1 简单应用了canvas的一些基础API，如绘制基本图形以及路径。 案例1-2 练习使用Path2D配合translate...

一个完整的网站，不可能只包含一个jQuery，或是某个MVVM框架，其中必定包含了许多解决方案，例如：如何上传？如何兼容IE？如何跨域？如何使用本地存储？如何做用户信息反馈？又或者具体到如何选择日期？等等等等……这里面必定包含了UI框架、JS框架、各种小工具库，不论是第三方的还是自己团队研发的。而以上所述的种种，...

2016年9月7日，我在segmentfault的专栏实用至上发布了《webpack多页应用架构系列》的第一篇文章——《一步一步解决架构痛点》。这篇文章只能算作是预告或是前言，并没有什么实质的内容，没想到大家的反映那么激烈，这对我来说既是鼓励也是督促，于是我抓紧时间在两天后发布了第二篇文章《webpack配置常用部分有哪些？》。

上文《webpack多页应用架构系列（十二）：利用webpack生成HTML普通网页&页面模板》我们基本上已经搞清楚如何利用html-webpack-plugin来生成HTML普通网页&页面模板，本文将以我的脚手架项目Array-Huang/webpack-seed介绍如何在这基础上搭建一套简单的模板布局系统。

本文首发于Array_Huang的技术博客——实用至上，非经作者同意，请勿转载。原文地址：https://segmentfault.com/a/1190000007126268如果您对本系列文章感兴趣，欢迎关注订阅这里：https://segmentfault.com/blog/array_huang 为什么要用webpack来生成HTML页面 按照我们前面的十一篇的内容来看，自己写一个HTML页面，然后在...

上文说到我们利用webpack来打包一个可配置的bootstrap，但文末留下一个问题：由于bootstrap十分庞大，因此每次编译都要耗费大部分的时间在打包bootstrap这一块，而换来的仅仅是配置的便利，十分不划算。

一般我们用bootstrap呐，都是用的从官网或github下载下来build好了的版本，千人一脸呐多没意思。当然，官网也给我们提供了自定义的工具，如下图所示，但每次要改些什么就要重新在官网上打包一份，而且还是个国外的网站，甭提有多烦躁了。

本文首发于Array_Huang的技术博客——实用至上，非经作者同意，请勿转载。原文地址：https://segmentfault.com/a/1190000007030775如果您对本系列文章感兴趣，欢迎关注订阅这里：https://segmentfault.com/blog/array_huang 前言 刁民，还不退下？啊……来人啊快救驾！ 你所在的团队里有没有“老鼠屎”？就是专门写各种看起来...

一直以来，我对ES6都不甚感兴趣，一是因为在生产环境中使用ES5已是处处碰壁，其次则是只当这ES6是语法糖不曾重视。只是最近学习react生态，用起babel来转换jsx之余，也不免碰到诸多用上ES6的教程、案例，因此便稍作学习。这一学习，便觉得这语法糖实在是甜，忍不住尝鲜，于是记录部分自觉对自己有用的方法在此。

在把页面部署到服务器时，为了追求极致的技术指标，我们会对代码进行各种各样的优化，比如说混淆、压缩，这些手段往往会彻底破坏代码本身的可读性，不利于我们进行debug等工作。

本文首发于Array_Huang的技术博客——实用至上，非经作者同意，请勿转载。原文地址：https://segmentfault.com/a/1190000006907701如果您对本系列文章感兴趣，欢迎关注订阅这里：https://segmentfault.com/blog/array_huang

本文首发于Array_Huang的技术博客——实用至上，非经作者同意，请勿转载。原文地址：https://segmentfault.com/a/1190000006897458如果您对本系列文章感兴趣，欢迎关注订阅这里：https://segmentfault.com/blog/array_huang

本文首发于Array_Huang的技术博客——实用至上，非经作者同意，请勿转载。原文地址：https://segmentfault.com/a/1190000006887523如果您对本系列文章感兴趣，欢迎关注订阅这里：https://segmentfault.com/blog/array_huang

本文首发于Array_Huang的技术博客——实用至上，非经作者同意，请勿转载。原文地址：https://segmentfault.com/a/1190000006871991如果您对本系列文章感兴趣，欢迎关注订阅这里：https://segmentfault.com/blog/array_huang