菲利普马洛

在 Web 项目当中，一个全局的提示组件可能是一个普遍的需求。 当用户做了一些操作，提示组件可以给用户相应的提醒。比如在页面上，用户做了增删操作，需要提示增加/删除成功。 这样一来，只需要在需要提示的地方引入 message, 直接调用它的方法就可以弹出提示信息。 如上面的代码…

一般来说，涉及到多列，首先想到的是 flexbox. 尤其是常见的两行多列布局，flex 屡试不爽。 假设 HTML 是这样的：一个容器元素（class 为 box）里有十个子元素（class 为 box-item）。 这个四行多列，先用 flex 实现看看。 从上图可见，ju…

上面所提到的，都和一个叫 HTTP 的同学有关。 本期节目，让我们走近 HTTP. HTTP 的学名是 Hyper Text Transfer Protocol, 翻译成中文就是“超文本传输协议”，看到这里，可能有点轮廓了，它是和传输相关的。 这个超文本传输协议定义了 Web …

我们都知道共享单车，商场里的共享充电宝，凉凉的共享办公，接下来可以了解下代码的共享技术，同构。 同构指的是，同一份代码，既可以实现浏览器端的渲染，也可以实现服务器端的渲染，可以说，非常“共享”了。 接下来就展开讲讲这个共享代码的同构。 服务器端渲染，指的是服务器先生成好 HTM…

DOM 当中有一系列事件，比如 click, mousedown 等。添加这些事件回调的操作，前端程序员当然都是轻车熟路了。 比如一群小伙伴，就大雄，静香和小夫吧，结伴出去玩，约定在公园会和，先到公园的小伙伴，需要告诉其他人，我已经到了。而收到消息的小伙伴，在路上的，可能要加快…

用 JavaScript 写个定时器，规定某段代码隔一段时间执行一次，第一反应肯定是用 setInterval. 上面的代码，每两百毫秒，将 console.log('hello') 推到事件队列。 setIntreavl 的第一个参数是要重复执行的函数，第二个参数是重复执行的…

通常情况下，开发环境和线上环境用的 API 的 URL 不是同一个，所以并不能将 URL 写死，而是要根据不同的环境，使用不同的 API. create-react-app 创建的项目有内置的环境变量 NODE_ENV, 在 JavaScript 代码中可通过 process.…

从上面代码的执行结果可以看出，foo 函数取到了它外部的变量 a, 而最外层的 console.log(b) 操作并没能取得 foo 函数里面的变量 b. 上面代码中，最外层的变量对象保存了变量 a 以及函数 foo，代码执行所需的变量和函数都从变量对象里面取得。 变量对象和当…

深拷贝和浅拷贝都和对象的复制有关，它们是对象复制的两种不同方式。接下来就来看一下，浅拷贝是怎么个浅法，还有深拷贝深在哪里。 首先声明了一个对象 a 还有一个空对象 b. 然后遍历对象 a 的可枚举属性，将属性和属性值一一分配给 b. 这里，实现了对象的复制。 上面的代码，将 b…