慢城小ZA

1. 浏览器渲染机制 浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了渲染树（Render Tree）。 有了RenderTree，我们就知道了所有节点的样式，然后计算他们在页面上的大小和位置，最后把节点绘制到页面上。 由于浏览器使用流式…

单点登录( Single Sign On ，简称 SSO），是目前比较流行的企业业务整合的解决方案之一，用于多个应用系统间，用户只需要登录一次就可以访问所有相互信任的应用系统。 限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互，要求协议，端口和主机都相同。 用于…

本文来由，希望可以剖析中间件的组合原理，从而帮助大家更加理解洋葱模型。 话不多说，正文如下。 这一段代码来源于 redux 里导出的 compose 函数。我做了一些修改。主要是给匿名函数添加了名称，比如 reducer 和 nextWrapper，主要原因是匿名函数（anon…

webpack的核心功能是通过抽离出很多插件来实现的，因此系统内功能的划分粒度很细，这样做到了完美解偶同时又分工明确，代码容易维护。可以说插件就是webpack的基石，这些基石又影响着流程的走向。这些钩子是通过Tapable串起来的，可以类比Vue框架的生命周期，webpack…

推荐理由：在h5中，采用click点击事件时，如果产生了轻微的卡顿，可能是由于浏览器默认300毫秒点击延迟导致的。这篇文章深入的分析了此问题，并给出了解决方案。 推荐理由：目前，我司部署项目，都开始走云平台提供的部署平台。那么云平台底层是怎么实现的呢？熟读本文，让我们一窥究竟。…

提起这个方案，还要从某个风和日丽的早晨说起。那日小编正忙着手上的各种需求，突然后端的亲火急火燎的找到小编，说是有一个重要的用户，在使用 Word 在线编辑文档功能时，发现保存的文件被篡改了。一听到这，我心想这下摊上事儿了，妥妥的线上故障，但还是故作镇定的开始排查是什么问题。 经…

基于node原生req和res为request和response对象赋能，并基于它们封装成一个context对象。 基于async/await 中间件洋葱模型机制。 koa1和koa2在源码上的区别主要是于对异步中间件的支持方式的不同。 koa1是使用generator、yie…

首先，facebook提出CSS in js的概念，这很奇怪。 我们多年来所学的知识都在宣扬关注点分离的重要性，不应该将标记和css混在一起。但是React行内样式的提出，试图改变关注点分离这一概念。使其从技术分离向组件分离转变。 React将组件作为应用架构的基础单元，通过组…

我再一看兼容性.. 打扰了.. 我 : 我...我真想跳起来打他的膝盖啊～ 凭一句话 好像是毫无说服力啊,是时候表演真正的技术了.. core-js 是 babel 转码的核心包,它使用 es5 API实现了一些 ECMAScript 到 2019 年的 polyfills,…