shuaiW

关于 Vue 首屏加载优化的一点总结

dynamic import不知道为什么有很多叫法，什么按需加载，懒加载，Code Splitting，代码分页等。 总之，就是在SPA，把JS代码分成N个页面份数的文件，不在用户刚进来就全部引入，而是等用户跳转路由的时候，再加载对应的JS文件。 这样做的好处就是加速首屏显示速…

BOM(Browser Object Model) 是指浏览器对象模型，是用于描述这种对象与对象之间层次关系的模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该…

在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。 页面反馈：操作后，通过页面元素的变化清晰地展现当前状态。 帮助用户识别：界面简单直白，让用户快速识别而非回忆，减少用户记忆负担。 结果可控：用户可以自由的进行操作，包括撤销、回退和终止当前操作…

金三银四跳槽季，offer快到碗里来，前端面试考点众多，而网上各个知识点的博客文章又太多，看的眼花缭乱……所以便整理了一下常见知识点的精华文章，每个知识点的文章控制在3篇以内，尽量覆盖该知识点的下容易被面试到的所有内容，文章都是之前自己读过的，确定是精华干货。文章会一直更新，也…

谷歌官方把这种布局叫做DrawerLayout（抽屉式导航栏）。那么我们要如何实现呢，好了正片开始！ 页面结构很简单，一个抽屉，一个主容器，内容可以利用slot支持外部自行定制。 那么，手指滑动的距离就是nowX - startX，当前drawer的位置为startPos + …

众所周知JavaScript语言是单线程语言，单线程就意味着所有的任务都需要按序执行，只有上一个任务结束后才能继续执行下一个任务，那JavaScript当中它的执行机制又是怎么样的呢？下面我们就将以代码为例，逐一的来理解。 以上图说明主线程在执行的时候产生堆（heap）和栈（s…

流（stream）在 Node.js 中是处理流数据的抽象接口（abstract interface）。stream 模块提供了基础的 API 。使用这些 API 可以很容易地来构建实现流接口的对象。Node.js 提供了多种流对象。流可以是可读的、可写的，或是可读写的。所有的…

块级元素的居中同样可以使用上述的行内元素的居中方案。 通过line-height属性来设置内容居中这里就不再做演示了。 欢迎大家多多指教。