小宇宙在掘金

观察者模式中通常有两个模型，一个观察者（observer）和一个被观察者（Observed）。从字面意思上理解，即被观察者发生某些行为或者变化时，会通知观察者，观察者根据此行为或者变化做出处理。那么具体如何操作呢，接下来我们就用JavaScript代码实现一个下图👇所示的观察…

力荐~ 深度好文~ 深入理解 Javascript 10大设计模式

var 声明一个变量，可赋一个初始值。 let 声明一个块作用域的局部变量，可赋一个初始值。 const 声明一个块作用域的只读命名的常量。 变量的名字又叫做“标识符”，必须以字母、下划线（_）或者美元符号（$）开头，并且区分大小写。 一个完整的javascript实现由3个部…

假如有那么残酷的一天，我不小心喝错了一瓶药，一下子抹掉了我这十多年的编程经验，把我变成了一只小白。我想自学 Java，并且想要找到一份工作，我预计需要 6 个月的时间，前提条件是每天都处于高效率的学习状态当中，并且每天的学习时间至少在 12 个小时以上。 即便是这样，我敢肯定，…

1. 简介 mxgraph 内部使用一种树形数据结构记录图形文档的内容，在内容树上，每一个节点代表一个图形元素，元素信息会被存储在节点对象上；节点的父子关系表示父节点图形包含子节点图形，可以用于实现图形的分层、分组功能。例如，对于下面的图形： 内容树是图形文档的底层数据模型，有…

1. 简介 mxgraph 第一个版本提交于 2012 年，当时前端工程化还在启蒙阶段，工具链严重缺失，用当下的眼光去看待 mxgraph 简直不堪入目。但是框架的架构设计的非常优雅，即使放在当前前端百家齐放的环境下依然足够优秀，作为一个范本，研究 mxgraph 源码可以学习…

浏览器使用流式布局模型 (Flow Based Layout)。 浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了Render Tree。 有了RenderTree，我们就知道了所有节点的样式，然后计算他们在页面上的大小和位置，最后把节点…

自己也只是一个前端的小白，因为公司大佬都比较忙，面试这种事就落到了我这小白身上，第一次叫我去的时候我是百般拒绝的，因为自己还是有自知之明的，但是别人实在抽不开身，没办法只能去了，他们开玩笑说就按你这水平来就行了，啥时候你问不住了就让他来复试就行。 前前后后也面了一些人，加上自己…

译注：这是 3.0 最重要的 RFC，因此特意翻译成中文。