为了使页面加载更快，常常将一些不重要的第三方脚本在页面完成加载后进行懒加载。
// 做一些不影响业务的事情
window.addEventListener('load', () => {
// 懒加载埋点分析
loadScript({
url: 'https://www.domain.com/test.js',
timeout: 10000
}).then(() => {
console.log('ok');
}).catch(console.error);
// 其他
// ...
});“如何知道 window 的 load 事件已经触发”继续阅读
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实战 – 瀑布流布局”继续阅读
“CSS3选择器:nth-child与:nth-of-type区别”继续阅读