wanf3ng

上一章我们的网站页面实在太粗糙，你肯定不会拿来做真正的博客首页。因此这章我们要借助Bootstrap的力量，改写一个大气的博客。 Bootstrap是用于网站开发的开源前端框架（“前端”指的是展现给最终用户的界面），它提供字体排印、窗体、按钮、导航及其他各种组件，旨在使动态网页…

是什么使得一个编程语言的新特性很棒？那就是当这个特性可以结合多个其它特性的时候。 ES2015 版本中引入的 for...of 语句就是这种情况。 for...of 可以迭代数组、类数组以及任何可以迭代的对象(maps、sets、DOM集合)，并且，for...of 的语句还很…

当然，你会很快发现，方法里用了 ==，由于隐式转换的问题，这并不严谨。所以我们自然会使用如下的方法： 上面方法相较于我们常用的第二版更复杂了。那么为什么多了这么多判断呢？ 下面让我们来详细看看。 1. Infinity 了解 JavaScript 的同学应该会记得，在全局中有一…

随着 Web 的发展，JavaScript 已经被用于构建大型、复杂的前端应用，在当下的前端中扮演了一个非常重要的角色，因此针对 JavaScript 的优化至关重要。

浏览器除了解析页面 DOM 外，还会对页面包含的静态资源发起请求，请求回来后会执行或使用资源。这一站咱们就来具体看看这个阶段。

一个页面在呈现给用户之前需要经过静态资源加载、后端接口请求和渲染这三个过程，我们要做的就是在各个过程中防御可能出现的异常情况，保持流畅的用户体验，同时还要应对来自外部的攻击。 在页面内容呈现给用户之前，会一直保持loading动画的效果，避免因网络原因造成用户体验的中断。 静态…

可以在空闲时间预获取页面可视区域（以下简称视区）内的链接，加快后续加载速度。 预获取视区内的 URL（使用<link rel=prefetch>或 XHR）。 可根据请求优先级进行控制（若支持 fetch() 可进行切换）。 该项目旨在为网站提供一套解决方案，预获取处于用户视区…

在上期教程中我们介绍了读写Excel与使用Selenium的入门方法，本期将介绍通过Vue+Spring Boot实现在WebApp中上传Excel导入测试脚本的功能。使用前后端分离的技术是因为这样便于后续功能的迭代，在本文中我们只涉及一个简单的前端界面及一个简单的后台服务。 …

有给出的或者有些不完善的答案，也尽力给出/完善了（可能有错，大家自行辨别）。有些很困难的题目（例如实现Promise），附带相关链接（懒癌患者福利）。 总的来说，将这些题目分成了“Javascript”、“CSS”、“浏览器/协议”、“算法”和“Web工程化”5个部分进行回答和…