政采云前端小报第 49 期
浏览更多往期小报，请访问：https://weekly.zoo.team
本周原创
前端工程实践之可视化搭建系统（一）
看完这篇，面试再也不怕被问 Webpack 热更新
本周收集
(95) 前端工程实践之可视化搭建系统（一）– 掘金
原创不易，希望能关注下我们，再顺手点个赞~~ 本文首发于政采云前端团队博客：前端工程实践之可视化搭建系统（一）背景 随公司业务不断发展，营销活动、广告、页面改版等需求日益倍增，靠纯人工撸代码已经无法跟上需求增长速度。加班？招人？显得不够明智，也不够前端
更快的异步函数和 Promise · V8
更快的、更容易调试的 async 异步函数和 Promise 即将随 V8 v7.2 / Chrome 72 发布
给 JavaScript 开发者的代码缓存指南 · V8
代码缓存（也被称为字节码缓存）是浏览器的一个重要优化手段。它通过缓存解析 + 编译后的结果来提升高频访问网站的启动速度。大多数的主流浏览器都实现了代码缓存，Chrome 也不例外。
练完这篇就会写正则 – 掘金
正则表达式 (Regular Expression) 是一种文本模式，使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串。它繁琐也强大，几乎所有所有编程语言都支持利用正则表达式进行字符串操作。认真学习，勤动手。加上应用的时候进行一定的参考，掌握正则表达式不是 …
CSS 魔法堂：display:none 与 visibility:hidden 的恩怨情仇 – 掘金
前言 还记得面试时被问起 ” 请说说 display:none 和 visibility:hidden 的区别 ” 吗？是不是回答完 display:none 不占用原来的位置，而 visibility:hidden 保留原来的位置后，面试官就会心一笑呢？其实不止那么简单呢！本文我
【前端冷知识】你知道 + 0 与 - 0 的区别吗？
JavaScript 的数值 Number 用 64 位的浮点数表示，首位是符号位，然后是 52 位的整数位和 11 位的小数位。如果符号位为 1，其他各位均为 0，那么这个数值会被表示成“-0”。所以 JavaScript 的“0”值有两个，+ 0 和 -0。
【前端冷知识】如何优雅地生成结构化的初始数据
在项目中我们经常会遇到初始化数据的需求，本文尝试探讨如何优雅地生成结构化的初始数据。
TypeScript 2.8 下的终极 React 组件模式 – 掘金
译者简介 zqlu 蚂蚁金服·数据体验技术团队 翻译自 Ultimate React Component Patterns with Typescript 2.8，作者 Martin Hochel 这篇博客受 React Component Patterns…
禁止用户选择的另一种思路（兼容 IE8）– ac 黄博客精选 – SegmentFault 思否
前端开发中常常会遇到一种需求，让某些元素的内容不能被选中，一般的做法会用 user-select: none 来做，由于 user-select 并不是标准的 CSS 属性，所以使用的时候要加上浏览器的前缀。
构建工具篇 – react 的 yarn eject 构建命令都做了什么 – 掘金
前言 前段时间，一直在研究 react 技术栈，对于项目的构建方面，又有一定的特殊需求，通过 npx create-react-app [filename] 安装以后，发现没有 webpack 相关的配置的目录，在读了 react 官方文档后，发现通过 …
Serverless For Frontend 前世今生 · 语雀
前言作为一个前端，你可能一直在迷茫，Node.js 的 …
GitHub 免费支持 CI/CD 了，开发测试部署高度自动化，支持各种语言，网友：第三方凉凉
又要大一统。
深入理解 TCP 协议：从原理到实战
用实验和图解的方式带你深入理解 TCP 协议，让 TCP 协议不再是拦路虎 …
基于 nodeJS 从 0 到 1 实现一个 CMS 全栈项目
作为一名前端开发工程师，我们平时除了对 javascript，css，html 的积累之外，还需要对 http，浏览器渲染原理甚至后端的一些知识有所了解，这样对自己职业发展才会更有帮助。
常见的三个 JS 面试题 – 掘金
本文不是讨论最新的 JavaScript 库、常见的开发实践或任何新的 ES6 函数。相反，在讨论 JavaScript 时，面试中通常会提到三件事 …
【译】这 44 个 CSS 精选知识点你能在 30 秒内给出答案吗？– 掘金
写在前面 一个周五的晚上，闲来无事整理下自己的 github（经常做收藏党），今天打算都过一遍，发现一个 star 很高的项目，里面有大量的 CSS 片段，而且标题很诱人，然后又花了将近 1 个小时从头到尾过了一遍，其中一些是我们常用的一些知识点，另外也包含一些比较新 …
JS 基础 - 完美掌握继承知识点 – 掘金
前言 上篇文章详细解析了原型、原型链的相关知识点，这篇文章讲的是和原型链有密切关联的继承，它是前端基础中很重要的一个知识点，它对于代码复用来说非常有用，本篇将详细解析 JS 中的各种继承方式和优缺点进行，希望看完本篇文章能够对继承以及相关概念理解的更为透彻。
JS 系列五：深入 call、apply、bind – 掘金
引言 JS 系列暂定 27 篇，从基础，到原型，到异步，到设计模式，到架构模式等。本篇是 JS 系列中第 5 篇，文章主讲 JS 中 call 、apply、bind、箭头函数以及柯里化，着重介绍它们之间的区别、对比使用，深入了解 …
你了解 Vue 3.0 响应式数据怎么实现吗？
你了解 Vue 3.0 响应式数据怎么实现的呢吗？那就从 Proxy 说起 ….
HTTP 状态码详解
OSCHINA.NET 在线工具,ostools 为开发设计人员提供在线工具，提供 jsbin 在线 CSS、JS 调试，在线 Java API 文档, 在线 PHP API 文档, 在线 Node.js API 文档,Less CSS 编译器，MarkDown 编译器等其他在线工具 …
深度解读当代前端架构演进与趋势（上）-InfoQ
早期的软件架构模式建立在有限的硬件功能上，并尊重这一事实。然而，今天的情况已经变了。计算能力在不断提升，软件架构印证了这一观点。
微前端入门 – 掘金
最近打算改进一下现有网站的架构，微前端这个词多次进入了我的视野。但是网上关于微前端文章总是说得似是而非，于是我找到这篇文章进行翻译。并大概理解微前端的理念。目前还没有确定是否使用微前端架构，因为看起来业界对最佳实践并没有达成一致。译文开始，有删节。
Element-UI 技术揭秘 — Container 布局容器组件的设计与实现
Element-UI 技术揭秘
Nim 发布 0.19 版本 – 命令式编程语言
Nim 是一个新型的静态类型、命令式编程语言，支持过程式、函数式、面向对象和泛型编程风格而保持简单和高效。