11 2017 档案
摘要:1、DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动? DOM中两个节点存在的关系无非3种: 1.1.包含与被包含,IE率先引入的contains()方法可检测,例 A.contains(B), 即检查节点B是否是节点A的子节点,返回布尔值,现大多数浏览器都支持; DOM lev
阅读全文
摘要:概述 1. PC优化手段在Mobile侧同样适用 2. 在Mobile侧我们提出三秒种渲染完成首屏指标 3. 基于第二点,首屏加载3秒完成或使用Loading 4. 基于联通3G网络平均338KB/s(2.71Mb/s),所以首屏资源不应超过1014KB 5. Mobile侧因手机配置原因,除加载外
阅读全文
摘要:wow.js页面滚动动画 scrollever.js页面滚动动画 textillate.js页面字体效果 ihover.js手表hover效果插件 loaders.css页面预加载动画
阅读全文
摘要:CountUp.js 无依赖的、轻量级的 JavaScript 类,可以用来快速创建以一种更有趣的动画方式显示数值数据。尽管它的名字叫 countUp,但其实可以在两个方向进行变化,这是根据你传递的 startVal 和 endVal 参数判断的。 再加上滚轮事件判断…… 可配置的参数:target
阅读全文
摘要:jQuery Easing是一款比较老的jQuery插件,在很多网站都有应用,尤其是在一些页面滚动、幻灯片切换等场景应用比较多。它非常小巧,且有多种动画方案供选择,使用简单,而且免费。 1.jQuery默认动画 支持toggle()、slideUp()、slideDown()、show()、hide
阅读全文
摘要:演示:http://www.jq22.com/yanshi1139 下载:链接: https://pan.baidu.com/s/1o8zaV2q 密码: 2ccy Boxer 是一款基于 jQuery 的 Lightbox 效果插件,可用于显示图片、视频、iframe和其他内容,和其他Lightb
阅读全文
摘要:(转)<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script> <script src="js/highlight.min.js"></script> <script src="dist/aos.js"></scrip
阅读全文
摘要:废话不多说,直接上代码: 前端页面: <!DOCTYPE html><html><head><link rel=’stylesheet’ href=’/stylesheets/style.css’ /></head><body><h5>信息:<%= locals.title %></h5><p>We
阅读全文

浙公网安备 33010602011771号