背景
为了使页面加载更快,常常将一些不重要的第三方脚本在页面完成加载后进行懒加载。
// 做一些不影响业务的事情
window.addEventListener('load', () => {
// 懒加载埋点分析
loadScript({
url: 'https://www.domain.com/test.js',
timeout: 10000
}).then(() => {
console.log('ok');
}).catch(console.error);
// 其他
// ...
});
"如何知道 window 的 load 事件已经触发"继续阅读
Promise 最早出现在 1988 年,由 Barbara Liskov、Liuba Shrira 首创(论文:Promises: Linguistic Support for Efficient Asynchronous Procedure Calls in Distributed Systems)。并且在语言 MultiLisp 和 Concurrent Prolog 中已经有了类似的实现。
一、介绍
单页面结构简单、布局清晰,常常用来做手机 App 或者某个产品的下载介绍页面。现在,展示型网页整体趋向于单页网站设计,这样一次性把核心信息展现出来,对于用户来说更加直观和简单,能够快速了解一个产品。
"Bootstrap实战 - 单页面网站"继续阅读
讲 Bootstrap 基础的教程网上已经很多了,实际上 Bootstrap 中文网(bootcss.com)里的文档已经写的很详细了,但实战的案例却不多。这里用一些当前流行的网页布局为导向,使用 Bootstrap 中的样式来完成它。每次只讲与案例相关的知识点,边学边练,加强理解。练习本案例需有 HTML/CSS 基础。
一、案例介绍
瀑布流是近几年流行起来的一种网页布局,视觉表现为参差不齐的多栏布局,本案例便是使用 Bootstrap 实现一个瀑布流布局。
"Bootstrap实战 - 瀑布流布局"继续阅读
一、find()
1.1 说明
find()
方法返回被选元素的后代元素,一路向下直到最后一个后代。
"jQuery方法find()与children()区别"继续阅读
HTML:
"jQuery改变CSS使DIV显示"继续阅读
HTML:
<div id="mazey">content</div>
"JavaScript和jQuery改变标签内容"继续阅读
jQuery:
"jQuery-PHP跨域请求数据"继续阅读
async必须设置为async:ture,timeout才生效;
"jQuery-Ajax-Timeout属性不生效的问题"继续阅读