为了使页面加载更快，常常将一些不重要的第三方脚本在页面完成加载后进行懒加载。
// 做一些不影响业务的事情
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 + commitlint
git commit, git push。"通过 eslint stylelint htmllint 规范前端项目代码"继续阅读
组件名为多个单词，并且用连接线（-）连接，避免与 HTML 标签冲突，并且结构更加清晰。
示例：
// 反例
export default {
name: 'item'
}
// 正例
export default {
name: 'page-article-item'
}
"基于 Vue 的前端开发规范"继续阅读
最近一个项目有页面全屏的的需求，搜索了下有HTML5的全屏API可用，不过各浏览器的支持不一样。
"HTML5全屏浏览器兼容方案"继续阅读
"CSS3 Flex布局（容器）"继续阅读
早些时候写的，记录一下。
"HTML友情链接代码"继续阅读
"CSS3选择器:nth-child与:nth-of-type区别"继续阅读
table中用JavaScript插入隐藏（即display="none";）的tr时，别用display="block";换成display="";