所以这个分页组件一共是由 2 + 2 + 2 + 1 + 2 * 2 = 11 个 元素构成。记住这个数，给这个变量起名字叫baseCount，待会要着重用它。分析到这逻辑实际已经完成74%了，是不是惊呆了？但是不要着急，我们继续分析一下分页组件需要哪些参数： 参数我已经标注好…

前些日子从 @张鑫旭微博处得一份推荐 (Front-end-tutorial)，号称 最全的资源教程 －前端涉及的所有知识体系；有粗略查看，果然 “叹为观止”，至少比想象中涉猎丰富许多；果断有 Fork 了来：Front-end-tutorial; 本就有收藏 & 分享欲，这种事儿早期也想做了，勘叹见识未广而深；幸遇这良心收集，得以借他人之酒杯，一浇我心之夙愿块垒。毕竟人为收集，并未臻于不可附加之境，还是有许多可以补充的点；因此，有特引于博客，将酌情适当增删些内容，一来做自己查纠探索之源，二来分享给更多朋友；好文章好工具，很多时候都被隐藏于犄角旮旯了，有居干货，欢请分享。

window.requestAnimationFrame() 告诉浏览器——你希望执行一个动画，并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要传入一个回调函数作为参数，该回调函数会在浏览器下一次重绘之前执行

本文先从浏览器的渲染过程来从头到尾的讲解一下回流重绘，如果大家想直接看如何减少回流和重绘，优化性能，可以跳到后面。（这个渲染过程来自MDN） Display:将像素发送给GPU，展示在页面上。（这一步其实还有很多内容，比如会在GPU将多个合成层合并为同一个层，并展示在页面中。而…

这段时间面试官都挺忙的，频频出现在博客文章标题，虽然我不是特别想蹭热度，但是实在想不到好的标题了-。-，蹭蹭就蹭蹭 :)

随着vue/react这类以数据驱动为主的web框架的不断完善和壮大，越来越多的前端团队开始着手搭建内部的组件库。虽然目前市面上已经有很多功能强大且完善的组件库供我们使用，比如基于react的开源组件库ant-design，material，又比如基于vue的开源组件库elem…

设计前端组件是最能考验开发者基本功的测试之一,因为调用Material design、Antd、iView 等现成组件库的 API 每个人都可以做到,但是很多人并不知道很多常用组件的设计原理。 我们在学习设计模式的时候会遇到很多种设计原则,其中一个设计原则就是单一职责原则,在组…

印象中第一次看NBA是在1999年的夏天吧，当跟着学校校队巡演招生什么的，住在一个破宾馆里，一群人围着一台黑白电视机，当时还小，不理解为什么队里的大哥哥们看个比赛鬼吼鬼叫上蹿下跳的。记得那天是公牛打76人，乔丹对位艾佛森。 2002年姚明当选NBA的状元秀，开始关注NBA、姚明…

1. 沙盒应该做什么 首先从沙盒对微前端乃至前端的意义开始讲起。沙盒对软件工程来说其概念不算是新鲜事物，仅看前端对隔离的需求也由来已久。并且根据不同的实际业务场景，已经有过非常多和有特色的探索。 一切都从 iframe 开始讲起了，反正是个看上去很美的解决方案。没有真的用过的人…