ZooTeam 前端周刊｜第 49 期

ZooTeam 前端周刊｜第 49 期

浏览更多往期小报，请访问： weekly.zoo.team

本周原创

前端工程实践之可视化搭建系统（一）

看完这篇，面试不再怕被问 Webpack 热更新

本周收集

1. 前端工程实践之可视化搭建系统（一）

原创不易，但愿能关注下咱们，再顺手点个赞~~ 本文首发于政采云前端团队博客： 前端工程实践之可视化搭建系统（一） 背景 随公司业务不断发展，营销活动、广告、页面改版等需求日益倍增，靠纯人工撸代码已经没法跟上需求增加速度。

2. 更快的异步函数和 Promise · V8

更快的、更容易调试的 async 异步函数和 Promise 即将随 V8 v7.2 / Chrome 72 发布

3. 给 JavaScript 开发者的代码缓存指南 · V8

代码缓存（也被称为字节码缓存）是浏览器的一个重要优化手段。它经过缓存解析+编译后的结果来提高高频访问网站的启动速度。大多数的主流浏览器都实现了代码缓存，Chrome 也不例外。

4. 练完这篇就会写正则 - 掘金

正则表达式(Regular Expression)是一种文本模式，使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串。它繁琐也强大，几乎全部全部编程语言都支持利用正则表达式进行字符串操做。认真学习，勤动手。

5. CSS魔法堂：display:none与visibility:hidden的恩怨情仇 - 掘金

前言 还记得面试时被问起，请说说display:none和visibility:hidden的区别"吗？是否是回答完display:none不占用原来的位置，而visibility:hidden保留原来的位置后，面试官就会心一笑呢？其实不止那么简单呢！

6. 【前端冷知识】你知道+0与-0的区别吗？

JavaScript的数值Number用64位的浮点数表示，首位是符号位，而后是52位的整数位和11位的小数位。若是符号位为1，其余各位均为0，那么这个数值会被表示成“-0”。因此JavaScript的“0”值有两个，+0和-0。

7. 【前端冷知识】如何优雅地生成结构化的初始数据

在项目中咱们常常会遇到初始化数据的需求，本文尝试探讨如何优雅地生成结构化的初始数据。

8. TypeScript 2.8下的终极React组件模式 - 掘金

译者简介 zqlu 蚂蚁金服·数据体验技术团队 翻译自Ultimate React Component Patterns with Typescript 2.8，做者Martin Hochel 这篇博客受React Component Patterns

9. 禁止用户选择的另外一种思路（兼容 IE8） - ac黄博客精选 - SegmentFault 思否

前端开发中经常会遇到一种需求，让某些元素的内容不能被选中，通常的作法会用 user-select: none 来作，因为 user-select 并非标准的 CSS 属性，因此使用的时候要加上浏览器的前缀。

10. 构建工具篇 - react 的 yarn eject 构建命令都作了什么 - 掘金

前言 前段时间，一直在研究 react 技术栈，对于项目的构建方面，又有必定的特殊需求，经过 npx create-react-app [filename] 安装之后，发现没有 webpack 相关的配置的目录...

11. Serverless For Frontend 前世此生 · 语雀

前言做为一个前端，你可能一直在迷茫，Node.js 的...

12. GitHub免费支持CI/CD了，开发测试部署高度自动化，支持各类语言，网友：第三方凉凉

又要大一统。

13. 深刻理解 TCP 协议：从原理到实战

用实验和图解的方式带你深刻理解 TCP 协议，让 TCP 协议再也不是拦路虎!

14. 基于nodeJS从0到1实现一个CMS全栈项目

做为一名前端开发工程师，咱们平时除了对javascript，css，html的积累以外，还须要对http，浏览器渲染原理甚至后端的一些知识有所了解，这样对本身职业发展才会更有帮助。

15. 常见的三个 JS 面试题 - 掘金

本文不是讨论最新的 JavaScript 库、常见的开发实践或任何新的 ES6 函数。相反，在讨论 JavaScript 时，面试中一般会提到三件事...

16. 【译】这44个 CSS 精选知识点你能在30 秒内给出答案吗？ - 掘金

写在前面 一个周五的晚上，闲来无事整理下本身的 github（常常作收藏党），今天打算都过一遍，发现一个star很高的项目，里面有大量的 CSS 片断，并且标题很诱人，而后又花了将近1个小时从头至尾过了一遍，其中一些是咱们经常使用的一些知识点，另外也包含一些比较新...

17. JS基础-完美掌握继承知识点 - 掘金

前言 上篇文章详细解析了原型、原型链的相关知识点，这篇文章讲的是和原型链有密切关联的继承，它是前端基础中很重要的一个知识点，它对于代码复用来讲很是有用，本篇将详细解析JS中的各类继承方式和优缺点进行，但愿看完本篇文章可以对继承以及相关概念理解的更为透彻。

18. JS 系列五：深刻 call、apply、bind - 掘金

引言 JS系列暂定 27 篇，从基础，到原型，到异步，到设计模式，到架构模式等。 本篇是JS系列中第 5 篇，文章主讲 JS 中call、apply 、bind 箭头函数以及柯里化，着重介绍它们之间的区别、对比使用。

19. 你了解 Vue 3.0 响应式数据怎么实现吗？

你了解 Vue 3.0 响应式数据怎么实现的呢吗？那就从 Proxy 提及....

20. HTTP状态码详解

OSCHINA.NET在线工具,ostools为开发设计人员提供在线工具，提供jsbin在线 CSS、JS 调试，在线 Java API文档,在线 PHP API文档,在线 Node.js API文档,Less CSS编译器，MarkDown编译器等其余在线工具。

21. 深度解读当代前端架构演进与趋势（上）-InfoQ

早期的软件架构模式创建在有限的硬件功能上，并尊重这一事实。然而，今天的状况已经变了。计算能力在不断提高，软件架构印证了这一观点。

22. 微前端入门 - 掘金

最近打算改进一下现有网站的架构，微前端这个词屡次进入了个人视野。 可是网上关于微前端文章老是说得似是而非，因而我找到这篇文章进行翻译。并大概理解微前端的理念。目前尚未肯定是否使用微前端架构，由于看起来业界对最佳实践并无达成一致。 译文开始，有删节。

23. Element-UI 技术揭秘 — Container布局容器组件的设计与实现

Element-UI 技术揭秘

24. Nim 发布 0.19 版本 - 命令式编程语言

Nim是一个新型的静态类型、命令式编程语言，支持过程式、函数式、面向对象和泛型编程风格而保持简单和高效。