Home

使用 background-size 让精灵图实现自适应缩放

3年前
利用background-size自适应的原理,再使用百分比作为宽度和高度的单位,例子中的精灵图有7列,所以设置background-size: 700% 100%。使用background-position就能取到精灵图里每个元素,取图中的第二个元素:background-position-x: 200%。

单线程运行的 javascript 引擎 - setTimeout

3年前
javascript是单线程运行的,单线程意味着代码在任务队列中会按照顺序一个接一个的执行。异步代表JavaScript代码在任务队列中的顺序并不完全等同于代码的书写顺序,比如事件绑定、Ajax、setTimeout()等任务的发生时间是“不可被预期”的。 浏览器的内核是多线程的,它们在内核控制下相互配合以保持同步,一个浏览器至少实现三个常驻线程:JavaScript引擎线程,GUI渲染线程,浏览器事件触发线程。

利用 ES7 的 async 和 await 解决回调函数噩梦

3年前
由于Javascript执行环境是“单线程”的,想要实现异步编程,就会用到回调函数。然而如果一些ajax请求之间存在依赖,或者服务端使用node进行大量的io操作时就会出现回调函数嵌套的情况,代码就变成了横向发展,不利于阅读,维护起来麻烦。