面临复杂的就业形势和行业风向，一篇面经分享和传递的价值太过单薄，一次面试成功只是短暂的成功，唯有实力的提升才能稳站浪尖。所以今年我们玩点不一样的：不做面经活动，开启一系列闯关任务，欢迎掘友们报名闯关、完成技术修炼，在 2021 的春天有更实在的收获和成长—— 两条闯关任务线贯穿…

本篇文章主要讲解常见单页应用路由库的实现思路。通过其实现方法我们可以了解到一些浏览器的工作原理，并且深入学习理解一些平时不常用的API。 由于业务需要，我们要监控页面的访问次数。对于传统的多页应用来说，很简单，我们只需要在页面加载完毕后上报就可以了。但是对于单页应用来说就没那么…

从复杂的框架到处理 API，有太多的东西需要学习。 但是，它也能让你只用一行代码就能做一些了不起的事情。 1. 获取一个随机布尔值 (true/false) 这个函数使用 Math.random() 方法返回一个布尔值（true 或 false）。Math.random 将在 …

相比于对小图进行iamge sprite，在模块化开发模式下，当前更主流的方案是将小图转化为DataURLs。 什么是Data URLs? Data URLs是一种以data:为前缀的协议（scheme）。通过这个协议，内容创作者可以向文档中嵌入小文件。所以，Data URLs…

http-equiv是meta标签内容中非常重要的一环，从字面上看是跟HTTP相关，事实上其该属性的内容值都是特定HTTP的头，该属性与服务器和浏览器进行交互，让网站内容显示的准确和及时。 该属性中content-type、content-language和set-cookie…

显然，性能是相对功能而言的，也就是在实现功能的基础上进一步考量这个实现的优劣。web前端应用的功能是提供一个界面供用户来浏览和交互，故web前端性能优化就是指如何使得用户更快地看到页面和更快地与之交互的话题。当然，业内有些观点把性能跟用户体验混为一谈，这是见仁见智的事了。但是，…

最近看了本书，叫《web 高效编程与优化实践》，看的过程中激发了我对 Chrome Devtools 的兴趣，恰好看到了关于性能优化和网页渲染的那部分，又想起了之前看过各大论坛大家对于浏览器渲染的理解，所以打算自己再看看这部分的知识点，解决一些疑问。 这几篇部分是在这个过程中看…

这就触到了本人的知识盲区了，本着扫盲的目的，研究了下 link 标签，发现这个小东西功能还是挺强大的，上面的就是为了实现预加载功能，懂点儿英文的，一看见preload 就大致知道了。 之前也有预加载技术，像 prefetch，subresource 等，关于这两者和 prelo…

JS中<script>标签放到页面头部和尾部的区别浏览器渲染机制在渲染的过程中如果遇到<link>/<img>/<video>等标记，浏览器会单独开辟出HTTP加载线程去服务器加载资源文件，GUI线程