引子前段时间因为iphone 5s的摄像头坏了，但因为摄像头坏了换手机又比较可惜，无意间网上查找，5s摄像头坏掉是通病，淘宝上也因为5s的摄像头坏掉有专门的一门生意，卖新摄像头及拆机工具，所以也立马下了一单，到手后开始拆机，很惊讶，这样的一个小物件，里面的组件化做得这么好，摄像头，电池，屏幕，指纹都是一个个组件，往主板插上就可以使用。对于这么小的一个物件，居然有这么好的组件化，我们的生活中到处有组件的使用，对于码农来说，组件更是必不可少，也是码农升华的必经之路。 思考万物都是一样的表现呈现在世人面前，但每个人的解读都会有所不同，这是什么原因造成的呢？直接的影响应该是对同一件事件的认知不同，因为 ...

准备工作 安装hexo clone kaola-fed/kaola-fed.github.io到本地https://github.com/kaola-fed/kaola-fed.github.io.git 开始发布 在code目录下， 首先执行npm install安装依赖module，执行hexo new 文章名称，新建一篇文章； 在source/_post目录下，找到新建的文件，编辑好文章后，执行hexo server，运行本地博客服务，这时候可以打开http://localhost:4000就可以看到新增的内容了； 确认编辑好后，执行hexo generate生成静态文件，把生成的pu ...

在开始阅读本文之前，你至少应该打开官网的例子看看，并且下载代码到本地跑跑 :-) 在阅读过程中，强烈建议阅读的同时不断查看源码，不断对照官网提供的例子 一、命名根据页面结构： 12345body -- | div#impress -- | div.step 为了方便理解，我们约定： 文中简称 对应节点 「PPT」 <div id=impress\> 「Page」 <div class="step"\> 二、什么是&相关项目&知识1、impress.js简 ...

本文是在看过一些文章和视频之后，结合自己的理解，做的一个汇总，如果发现理解错误的地方，请及时指出便于更正。 Orz 一、单线程javascript单线程执行，是由浏览器的场景决定的，避免了复杂的同步问题。HTML5提出「Web Worker」标准，允许js创建多个线程，但子线程仍受主线程控制，且不能操作DOM，js的本质未变。 二、任务队列 & 事件循环 任务分为：同步任务（synchronous）、异步任务（asynchronous）；同步任务被放入主线程，异步任务放入任务队列（task queue）。任务队列中的异步任务一旦运行有了结果，那么会在任务队列中放置一个对应的事件，当主 ...

布局颠簸->动画性能--> tianyn1990 一、事件循环&定时器事件循环（Event Loop） 是指浏览器通过不断循环检查任务队列，使单线程的javascript语言执行异步任务的过程 文章链接 上文的两张图 「定时器-问题三」、「requestAnimationFrame」：如果浏览器性能不佳，setTimeout发生跳帧（其实就算浏览器性能良好也会发生跳帧，不可避免），Raf会造成动画变慢 下文我们重点探讨的动画都是js动画 既然css3动画又快又好，还用js动画（包括svg）干嘛？原因大概包括如下一些： css动画不能完全被js控制 贝塞尔动画有局限（dua ...