跳跳的小记

但是如果当我们每一次输入都请请求一下后端的推荐接口的话，可能会对后端服务造成非常大的压力，而且页面也会因为接口返回的数据不断变化而导致页面的不断redraw，从而页面产生抖动。 在这种场景下用户也并不是需要那么实时结果，而且当用户在快速输入的时候，其实输入到一半的数据往往也不是…

就是顶部黄色的滚动进度条，随着页面的滚动进度而变化长短。 在继续阅读下文之前，你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下，不借助 JS ，能否巧妙的实现上述效果。 OK，继续。这个效果是我在业务开发的过程中遇到的一个类似的小问题。其实即便让我借助 Javascrip…

在ES6中，我们有了一个新的运算符--展开运算符，它可以使我们的代码的数量有一定的减少，有时候甚至有很有用的作用，我们来举几个常用的例子，同时通过例子来了解展开运算符的使用。 总的来说，使多参数的函数调用有了新的方式, 而且避免的作用域的问题。 这里的对象是指类似{a:1}这样…

说起Node中几个最重要的模块，那么events模块一定在其中，在Node中很多很多的其他模块都是基于或者依赖于events模块。 所以，两种方式都是可以的，但是感觉按照官方的方式会更好。 当 EventEmitter 实例中发生错误时，会触发一个 'error' 事件。 这在…

前端开发始终绕不过的就是操作DOM，在以前，我们使用Jquery，zepto等库来操作DOM，之后在vue，Angular，React等框架出现后，我们通过操作数据来控制DOM（绝大多数时候），越来越少的去直接操作DOM，更不用说用原生的JS来操作DOM了。 但是并不是所有时候…

在我们日常开发中，越来越多看到了中间件这个词，例如Koa，redux等。这里就大概记录一下Koa和redux中间件的实现方式，可以从中看到中间件的实现方式都是大同小异，基本都是实现了洋葱模型。 作为TJ大神的作品，真不愧是号称基于 Node.js 平台的下一代 web 开发框架…

跨域 是前端领域绕不开的一道题，今天就来好好聊一聊前端跨域。 同源策略（same-origin policy） 最初是由 Netspace 公司在 1995 年引入浏览器的一种安全策略，现在所有的浏览器都遵守同源策略，它是浏览器安全的基石。 同源策略规定跨域之间的脚本是相互隔离…

其中涉及到 React 组件复用、轮子设计相关话题，并配合相关场景实例进行了分析。这些内容都算是 React 设计模式，一提到 Design Patterns，读者大可不必恐惧，事实上这都是 React 开发应用灵活性的体现。今天这篇文章，我们继续通过一个场景，循序渐进，通过一…

如果你使用 React ，你可以在各个工程里面看到 Dan Abramov 的身影。他于 2015 年加入 facebook，是 React Hot Loader 、React Transform、redux-thunk、redux-devtools 等等的开发者。同样也是 R…

从 HTML5 规范到浏览器内部的数据结构再到渲染实际流程，完全阐述浏览器渲染机制 -- 渲染并不只是重绘重排和 composite 那么简单。