霁茶茶

关于 CSS 阴影，之前已经有写过一篇，box-shadow 与 filter:drop-shadow 详解及奇技淫巧，介绍了一些关于 box-shadow 的用法。 最近一个新的项目，CSS-Inspiration，挖掘了其他很多有关 CSS 阴影的点子，是之前的文章没有覆盖…

合理的使用缓存可以极大地提高网站的性能优势，还可以节约带宽从而降低服务器成本。但是很多站点有只弄对了一半或者一半都没有，如果是这样，就完全没有发挥出缓存的优势。很大程度上产生会由于静态资源的竞争关系而导致依赖的静态资源不同步。 以下为两个最佳静态资源缓存实践的例子。 资源的内容…

我们编写js代码时经常遇到复杂逻辑判断的情况，通常大家可以用if/else或者switch来实现多个条件判断，但这样会有个问题，随着逻辑复杂度的增加，代码中的if/else/switch会变得越来越臃肿，越来越看不懂，那么如何更优雅的写判断逻辑，本文带你试一下。 嗯，这样看起来…

由于大多数现代内核都是多线程的，因此它们可以处理在后台执行的多个操作。当其中任意一个任务完成后，内核都会通知Node.js，以保证将相对应的回调函数推入poll队列中最终执行。稍后我们将在本文中详细解释这一点。 当Node.js服务启动时，它就会初始化事件循环。每当处理到脚本(…

在koa中ctx是贯穿整个请求过程的，它是这次请求原信息的承载体，可以从ctx上获取到request、response、cookie等，方便我们进行后续的计算处理。 ctx在实现上原本就是一个空对象，在koa服务起来时，往上挂载了很多对象和方法。当然开发者也可以自定义挂载的方法…

state 在什么时候，由于什么原因，如何变化已然不受控制。 通过限制更新发生的时间和方式，Redux 试图让 state 的变化变得可预测。 使用纯函数来执行修改 纯函数意味着依赖单一，我们只需要派发一个用于描述state变化的action即可。 这让时间旅行、记录和热更新成…

reflow 回流，或者叫重排都可以。回流(reflow)这个名词指的是浏览器为了重新渲染部分或全部的文档而重新计算文档中元素的位置和几何结构的过程。 简单来说就是当页面布局或者几何属性改变时就需要reflow。 repaint重绘，当页面中的元素只需要更新样式风格不影响布局，…

提供init方法，加载内部、外部插件，初始化feflow需要的环境，更新策略。 提供call方法，调用参数对应的方法，这里使用了参数混淆机制，支持模糊匹配参数。 提供loadPlugin方法，注册插件，巧妙运用了node的vm 沙箱机制。 以上就是feflow提供的原子性内核操…

一直以来，this 这个关键字困扰着 JS 开发者，很多使用了 JS 多年的开发者也可能在这上面栽跟头。 讲完了这些 「正常」的使用场景，下面开始「不正常」场景，所谓的不正常其实是因为加入了函数调用、箭头函数特性这些其他干扰因素。 好，这个就有点大魔王的意思了。我们还是一样，一…