政采云前端小报第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是一个新型的静态类型、命令式编程语言，支持过程式、函数式、面向对象和泛型编程风格而保持简单和高效。