为了使页面加载更快，常常将一些不重要的第三方脚本在页面完成加载后进行懒加载。
// 做一些不影响业务的事情
window.addEventListener('load', () => {
// 懒加载埋点分析
loadScript({
url: 'https://www.domain.com/test.js',
timeout: 10000
}).then(() => {
console.log('ok');
}).catch(console.error);
// 其他
// ...
});"如何知道 window 的 load 事件已经触发"继续阅读
Today we are going to explore current resource hints and directives which can be another great way to boost the performance on your website or web application. You might have heard of preload, prefetch, and preconnect, but we want to dive deeper into the differences between them how you can benefit from them. Some of the advantages of these is that they allow web developers to optimize delivery of resources, reduce round trips, and fetch resources to deliver content faster while a user is browsing a page.
"Resource Hints - What is Preload, Prefetch, and Preconnect?[转]"继续阅读
husky + lint-staged + prettier + eslint + commitlintgit commit, git push。"通过 eslint stylelint htmllint 规范前端项目代码"继续阅读
本文我们将会介绍 JavaScript 实现异步的原理，并且了解了在浏览器和 Node.js 中 Event Loop 其实是不相同的。
我们经常说 JavaScript 是单线程执行的，指的是一个进程里只有一个主线程，那到底什么是线程？什么是进程？
官方的说法是：进程是 CPU 资源分配的最小单位；线程是 CPU 调度的最小单位。这两句话并不好理解，我们先来看张图。
"浏览器与 Node.js 的事件循环（Event Loop）有何区别？[转]"继续阅读
组件名为多个单词，并且用连接线（-）连接，避免与 HTML 标签冲突，并且结构更加清晰。
示例：
// 反例
export default {
name: 'item'
}
// 正例
export default {
name: 'page-article-item'
}
"基于 Vue 的前端开发规范"继续阅读
最近一个项目有页面全屏的的需求，搜索了下有HTML5的全屏API可用，不过各浏览器的支持不一样。
"HTML5全屏浏览器兼容方案"继续阅读
"CSS3 Flex布局（容器）"继续阅读
早些时候写的，记录一下。
"HTML友情链接代码"继续阅读
讲 Bootstrap 基础的教程网上已经很多了，实际上 Bootstrap 中文网（bootcss.com）里的文档已经写的很详细了，但实战的案例却不多。这里用一些当前流行的网页布局为导向，使用 Bootstrap 中的样式来完成它。每次只讲与案例相关的知识点，边学边练，加强理解。练习本案例需有 HTML/CSS 基础。
瀑布流是近几年流行起来的一种网页布局，视觉表现为参差不齐的多栏布局，本案例便是使用 Bootstrap 实现一个瀑布流布局。
"Bootstrap实战 - 瀑布流布局"继续阅读