三木的旅行日记

要脱离单纯劳动力的角色，就要深入去了解那些底层的原理，今天我们就来聊聊执行上下文。只有理解了 JavaScrip 的执行上下文，你才能更好地理解 JavaScript 语言本身，因为JavaScript中的很多概念变量提升、作用域和闭包等等都是和执行上下文有关的。 全局执行上下…

它发布于2018年10月份的16.7.0-alpha.0测试版本中，当时Facebook已经在生产中使用了一个月，确保了社区不会面临重大的漏洞和问题。由于对于破坏向后兼容的大型重构往往会出现问题，所以React采用了渐进迁移策略（ gradual migration and a…

Vitaly Friedman每年都会发一份新的《前端性能检查表(Front-End Performance Checklist)》，对前一年的内容进行补充修改，2018年和2019年的内容大家可以在掘金上找到翻译版本。 这份前端性能检查表内容非常多而且包含了很多学习的扩展链接…

轮播图的实现是面试中经常闻到的一个问题，我们今天就来实现一个简单的轮播图，并且看一下Angular和React版本的Ant Design中轮播图是怎么实现的。 网上有很多轮播图的实现方法，主要思路就像图中表示的一样，将所有的图片平铺，通过设置偏移量，将当前图片移动到可视区域。 …

虚拟DOM（VDOM）是真实DOM的内存表示。将整个UI结构保持在内存中并和真正的DOM结构保持同步。在调用渲染函数和元素展现在屏幕上之间有一个处理过程，这个过程叫做reconciliation。 Shadow DOM 在网络平台中引入作用域样式。 无需工具或命名约定，您即可使…

今天我们就来探究一下。 这涉及到Javascript中的一个常规概念Immutability。 点击按钮触发click事件，想items中添加新的项，但页面并没有重新渲染把加入的项显示在页面上。 这是因为数组是引用类型，当使用push方法修改当前数组的时候，react的状态管理…

这是从30 seconds of code中挑出来的非常有用的一些代码片段，这是一个非常棒的项目，大家可以去github上去搜索一下，给个star。 递归的方法不断调用使用scrollToTop()，requestAnimationFrame方法告诉浏览器——你希望执行一个动画…

最近在使用angular来做项目，今天就简单的聊聊angular的路由管理。 无论是angular还是其它两个主流框架，整体上就是一个大的组件树，包括一些可以复用的UI组件或者业务组件。而路由的作用就是关于如何使用分配这些组件。它来觉得在某种情况下该显示哪些组件，隐藏哪些组件。…

说起HTML，很多人觉得它非常简单，确实，从本质上来说，它都算不上一种语言，只是一种描述型的标签。所以，在写业务的时候，大多数人都是全屏的div和span，完全满足要求，完美实现效果。但HTML仍然提供了很多其它标签，那些都没有用吗？ 嗯... 当然不是。 合理使用语义话的标签…