1.React 16 加载性能优化指南

关于 React 应用加载的优化，其实网上类似的文章已经有太多太多了，随便一搜就是一堆，已经成为了一个老生常谈的问题,但随着 React 16 和 Webpack 4.0 的发布，很多过去的优化手段其实都或多或少有些“过时”了。特此写一篇文章来总结一下。

2.React路由鉴权

本文将就路由鉴权这一特性对vue和react做专门说明，希望同学看了以后能够受益匪浅，对你的项目能够有所帮助，本文借鉴了很多大佬的文章篇幅也是比较长的。

3.B站的前端之路

过去的开发模式中，我们采用了以后端为主的 MVC 架构方式。具体来说，每次项目评审后，前后端会先一起约定好接口，之后分别进行开发，开发完，前端需要把页面提供给后端，后端配置上数据，然后返回出来。正式基于这样的开发模式，导致了总工作量的增加，同时沟通和联调成本的消耗也十分显著。

1.Nginx与前端开发

Nginx发布于2004年，经过初期几年的沉淀之后，迅速蹿升为“网红”，成为了当年互联网技术圈最火的词汇和技术。然而经过多年的发展，到现在，当年的网红早已“过气”。因为如今基本上所有的大型网站都搭建在Nginx之上，Nginx不再是一个什么新词，而是互联网网站搭建的必选技术之一。

2.GMTC 大前端时代前端监控的最佳实践

本文为2018年6月21日，在北京举办的GMTC(全球大前端技术大会)，下午性能与监控专场，由阿里云前端监控团队前端技术专家彭伟春带来。

3.前端切图神器 avocode

前端的基础工作就是把设计师的设计稿还原成前端页面，所以切图是作为一个前端的基本技能。杀敌要有趁手的兵器，而前端一般都是用photoshop,但是这个兵器非常笨重，可能当你笨拙的挥动的它时，敌人已经挥刀到你的颈部了。

1.DIY VSCode 插件，让你的开发效率突飞猛进

Visual Studio Code（简称 VSCode）凭借其占用内存小、文件加载快、稳定性好、插件丰富等等特点，从众多 IDE 中脱颖而出，受到了广大开发人员的青睐。工欲善其事，必先利其器。选择适合自己的 VSCode 插件，能够让你的开发效率突飞猛进。

2.你未必知道的CSS知识点

该文章包含很多实用的css技巧。大大提高工作效率。

3.1.5万字概括ES6全部特性

本文的知识点完全是参考或摘录《ES6》里的语句，有部分语句为了方便理解和记忆，进行了相同意思的转义，同时对知识点进行归类划分。为了让大家能集中精力来记住这些特性，全文一句废话和题外话都没有，全部模块以笔记的形式进行书写。

1. 浏览器的一些“滚动”行为鉴赏
   浏览器滚动真的天天见日日见啦，比如你现在看的这篇文章，往下看就必须得滚动，这篇文章主要聊聊滚动相关的一些方法跟属性，还有一些有趣的例子。

2. 漫画：什么是中台？
   漫画：什么是中台？
   非常通俗易懂地解释了什么是中台以及中台的由来。

3. 深入浅出移动端适配
   这篇文件总结了移动端适配的一些知识点，从基础的像素结构，位图再到视图和适配方案。

1. npm进阶——如何拥有自己的包和流程自动化
   npm在前端开发过程中使用频率很高，不过大部分前端可能只使用过npm install等简单的功能。今天这篇文章主要介绍一些进阶的知识点，分为两个部分，第一个部分是从npm包开发者的角度讲解怎么发布和管理自己的包。而第二部分是从使用者的角度，介绍怎么使用npm工具进行流程自动化，从而让前端开发过程更流畅和高效

2. 《javascript高级程序设计》核心知识总结
   此文是对js高级程序设计一书难点的总结，也是笔者在看了3遍之后的一些梳理和感想，希望能借此巩固js的基础和对一些核心概念有更深入的了解。
   借此查漏补缺

3. 10分钟彻底搞懂前端页面性能监控
   前端页面性能是一个非常核心的用户体验指标。本文介绍如何设计一个通用、低侵入性、自动上报的页面性能监控方案。主要采用的是Navigation Timing API以及sendBeacon等方法。

1. Mieo，前端“通用”脚手架养成指南
   我们最常用的复用项目模版的方式就是复制，复制无疑是低效的，那既然如此，我们就可以抽出一套代码专门作为具有针对性的项目模板，抽出来之后，通过一行命令就能直接安装搞定。这篇文件简单介绍了如何实现一个脚手架工具。

2. 【译】Javascript中你需要知道的最出色的新特性：Optional Chaining
   对于使用Javascript的每个人来说，可选链(Optional chaining)是游戏的规则的改变者。它与箭头函数或let和const一样重要。这篇文章介绍了可选链的用法、使用场景等。

3. 6个有用的Vue开发技巧
   这篇文件介绍了vue的一些小技巧，能够优雅的解决平时开发中碰到的小问题，具体包括：轻量级的状态共享、长列表性能优化、去除多余样式代码、函数式组件、监听组件生命周期、watch的初始化立即执行。

1. 移动端真机调试指南
   有些奇怪的bug，不真机调试完全摸不着头脑。相对而言，ios真机调试比android还是要方便很多的，不过先要有一台mac设备。

2. TypeScript - 一种思维方式
   ts带来的绝不是ide智能提示让我们写的更快，尽管它确实很爽。“类型思维”才是每一个前端工作者需要从中学到的东西。

3. 每日优鲜供应链前端团队微前端改造
   文章中说到：“我最直白的感受是实现了项目级别的模块化，把不同项目变成了一个个模块来拼装组合，也就是说模块化从项目内提升到了项目本身”，这句话立刻让我想到了教育的整个组件设计，思路真的很好，实现和落地就emmm了

1. 很好用的 UI 调试技巧
   在业务开发过程中，想必大家经常会需要查看一个元素的位置及大小并修改它的 CSS，因此就会频繁使用到 DevTools 中的选择元素功能。
   本文介绍的小技巧不仅能帮助我们迅速了解元素所在的位置，还能方便地查看任意网站的布局。另外，评论里还提供了一个类似功能的 chrome 插件，亲测好用。

2. 要对长期价值保持信心
   是什么样的核⼼驱动⼒带来了历史不断的结构化的进步和发展？我们如何把握好我们历史性的机会？
   文章回顾了一下历史，分析了各个历史进程中哪些是核心驱动力，哪些是系统化的结构，能够让我们看到未来，能够让我们比较好地识别方向，以更系统地把握住我们的机会
   虽然这篇文章主要是写给创业者看的，但是我们又何尝不是在创业呢？

3. 我是如何将业务代码写优雅的
   业务代码无非就是按部就班，优不优雅？who care？。但实际业务规则复杂得多，不是依葫芦画瓢就能轻松解决的，写一段糟糕的代码，可能要用双倍的时间去发现和解决问题，麻烦了自己、也难受了和你并肩作战的战友。
   有时候为了减少重复开发的成本，反复提炼和沉淀有复用价值的功能，就需要我们对业务代码进行合理抽象、甚至精雕细琢，要把业务代码写得优雅并非易事。
   程序设计和搬砖的最大区别在于设计二字，写代码也是一门艺术活。本文站在前端工程师的视角，给大家分享关于书写业务代码的最佳实践。

1.前端工程师需要了解的 Babel 知识

在前端圈子里，对于 Babel，大家肯定都比较熟悉了。如果哪天少了它，对于前端工程师来说肯定是个噩梦。Babel 的工作原理是怎样的可能了解的人就不太多了。本文将主要介绍 Babel 的工作原理以及怎么写一个 Babel 插件。

2.前端必备 Nginx 配置

Nginx (engine x) 是一个轻量级高性能的HTTP和反向代理服务器，同时也是一个通用 代理服务器

3.前端离线化探索

在这个流量日益白菜价，不断提及云端计算、5g 网络的时代，有人觉得，离线已经完全没有必要。谈及离线，仿佛想到的是深海老林，荒无人烟之处。事实上，离线离我们的生活很近，也非常频繁。高速公路、地铁隧道、楼道角落，以及诸多日常信号不稳定区域，这些场景每天都有大量用户经过，每天有成千万用户频繁因为网络问题，心底里吐槽抱怨过我们的应用，断网离线并非我们的错，但我们是否能够从用户体验的角度，尝试改善他们在进入弱网或无网络状态时的焦虑情绪呢，从而给产品带来更正向的体验收益，提升用户留存与口碑。

1.Redux的前世-今生-来世

Redux 基于 Flux 单向数据流思想，用于应用状态管理，正好与react单向数据流契合，配合react-redux较为广泛的应用于react ,react Native应用，本文介绍redux从诞生到盛行的整个历程。

2.大型项目前端架构浅谈

从自建Gitlab到灰度发布，本文是一篇极具借鉴意义的前端架构设计参考方案，包括以应用为单位划分前端项目的应用层设计,node服务层设计，前端埋点等。

3.Mobx VS Redux

react 应用大多使用mobx与redux进行状态管理，mobx结合react-mobx,redux结合react-redux是大多数react,react-native 开发者进行应用状态管理的首选方案。本文针对对redux与mobx进行比较。