没有合适的资源?快使用搜索试试~ 我知道了~
首页iScroll 5 API 中文版
iScroll 5 API 中文版
4星 · 超过85%的资源 需积分: 10 17 下载量 154 浏览量
更新于2023-03-16
评论
收藏 850KB PDF 举报
iScroll是一个高性能,资源占用少,无依赖,多平台的javascript滚动插件。 它可以在桌面,移动设备和智能电视平台上工作。它一直在大力优化性能和文件大小以便在新旧设备上提供最顺畅的体验。 iScroll不仅仅是 滚动。它可以处理任何需要与用户进行移动交互的元素。在你的项目中包含仅仅4kb大小的iScroll,你的项目 便拥有了滚动,缩放,平移,无限滚动,视差滚动,旋转功能。给它一个扫帚它甚至能帮你打扫办公室。 即使平台本身提供的滚动已经很不错,iScroll可以在此基础上提供更多不可思议的功能。具体来说: 细粒度控制滚动位置,甚至在滚动过程中。你总是可以获取和设置滚动器的x,y坐标。 动画可以使用用户自定义的擦出功能(反弹'bounce',弹性'elastic',回退'back',...)。 你可以很容易的挂靠大量的自定义事件(onBeforeScrollStart, * 开箱即用的多平台支持。从很老的安卓设备到最新的iPhone,从Chrome浏览器到IE浏览器。
资源详情
资源评论
资源推荐
book
book
passing
passing
最近项目上需要使用iScroll,在中文圈里找了找,只找到了iScroll 4的中文版API。加上最近开始使用github(准确
说,github账号是很多年前注册的,一直在企业应用里摸爬滚打,荒废了账号很长时间,是理由吗?是理由吗?),出于对
开源社区的敬意,我突然觉得应该做点啥,于是先挑一个简单点儿的,把iScroll 5的API翻译一下,方便中文用户使用。
iScroll对于我来讲典型的应用场景位于移动设备的App,基于Cordova/Phonegap + JQM + iScroll开发移动设备上的App,对
于以数据呈现为主体的企业应用来讲无疑是一个多快好省的解决方案。这三驾马车前两个可以堂而皇之的称之为 开发框
架 ,iScroll只能称之为工具,尽管如此,iScroll带来的强大的滚动功能,能节省我们在项目开发上的部分时间(这也是开源社
区的力量),所以也值得我花时间理解作者的代码和文档。如果您认同这种功劳苦劳,请到github上给我一个star。由于才疏
学浅,在翻译过程中难免会有错误或者瑕疵,请在issure中提出,我会及时更正。
下面,我们开始iScroll之旅,请系好安全带。
iScroll是一个高性能,资源占用少,无依赖,多平台的javascript滚动插件。
它可以在桌面,移动设备和智能电视平台上工作。它一直在大力优化性能和文件大小以便在新旧设备上提供最顺畅的体验。
iScroll不仅仅是 滚动。它可以处理任何需要与用户进行移动交互的元素。在你的项目中包含仅仅4kb大小的iScroll,你的项目
便拥有了滚动,缩放,平移,无限滚动,视差滚动,旋转功能。给它一个扫帚它甚至能帮你打扫办公室。
即使平台本身提供的滚动已经很不错,iScroll可以在此基础上提供更多不可思议的功能。具体来说:
细粒度控制滚动位置,甚至在滚动过程中。你总是可以获取和设置滚动器的x,y坐标。
动画可以使用用户自定义的擦出功能(反弹'bounce',弹性'elastic',回退'back',...)。
你可以很容易的挂靠大量的自定义事件(onBeforeScrollStart, *
开箱即用的多平台支持。从很老的安卓设备到最新的iPhone,从Chrome浏览器到IE浏览器。
iScroll 5 API 中文版
前言
搭后语
iScroll简介
针对iScroll的优化。为了达到更高的性能,iScroll分为了多个版本。你可以选择最适合你的版本。
目前我们有以下版本:
iscroll.js,这个版本是常规应用的脚本。它包含大多数常用的功能,有很高的性能和很小的体积。
iscroll-lite.js,精简版本。它不支持快速跳跃,滚动条,鼠标滚轮,快捷键绑定。但如果你所需要的是滚动(特别是在移
动平台) iScroll 精简版 是又小又快的解决方案。
iscroll-probe.js,探查当前滚动位置是一个要求很高的任务,这就是为什么我决定建立一个专门的版本。如果你需要知道
滚动位置在任何给定的时间,这是iScroll给你的。(我正在做更多的测试,这可能最终在常规iscroll.js脚本,请留意)。
iscroll-zoom.js,在标准滚动功能上增加缩放功能。
iscroll-infinite.js,可以做无限缓存的滚动。处理很长的列表的元素为移动设备并非易事。 iScroll infinite版本使用缓存
机制,允许你滚动一个潜在的无限数量的元素。
iScroll的版本
你想成为iScroll大师。行,这就是我写以下内容的目的。
最好的学习iScroll的方法是看示例。在存档文件中你会发现一个叫做 demo 的文件夹示例。这里有大多数脚本功能的概述。
IScroll 是一个类,每个需要使用滚动功能的区域均要进行初始化。每个页面上的iScroll实例数目在设备的CPU和内存能承受
的范围内是没有限制的。
尽可能保持DOM结构的简洁。iScroll使用硬件合成层但是有一个限制硬件可以处理的元素。
最佳的HTML结构如下:
<div id="wrapper">
<ul>
<li>...</li>
<li>...</li>
...
</ul>
</div>
iScroll作用于滚动区域的外层。在上面的例子中, UL 元素能进行滚动。只有容器元素的第一个子元素能进行滚动,其他子元
素完全被忽略。
box-shadow , opacity , text-shadow and alpha channels are all properties that don't go very well together with hardware
acceleration. Scrolling might look good with few elements but as soon as your DOM becomes more complex you'll start
experiencing lag and jerkiness.
Sometimes a background image to simulate the shadow performs better than box-shadow . The bottom line is: experiment
with CSS properties, you'll be surprised by the difference in performance a small CSS change can do.
最基本的脚本初始化的方式如下:
<script type="text/javascript">
var myScroll = new IScroll('#wrapper');
</script>
第一个参数可以是滚动容器元素的DOM选择器字符串,也可以是滚动容器元素的引用对象。下面是一个有效的语法:
var wrapper = document.getElementById('wrapper');
var myScroll = new IScroll(wrapper);
所以基本上你要么直接传递元素,要么传递一个 querySelector 字符串。因此可以使用css名称代替ID去选择一个滚动器容器,
如下:
var myScroll = new IScroll('.wrapper');
注意,iScroll使用的是 querySelector 而不是 querySelectorAll ,所以iScroll只会作用到选择器选中元素的第一个。如果你需要
对多个对象使用iScroll,你需要构建自己的循环机制。
You don't strictly need to assign the instance to a variable ( myScroll ), but it is handy to keep a reference to the iScroll.
For example you could later check the scroller position or unload unnecessary events when you don't need the iScroll
anymore.
入门
剩余27页未读,继续阅读
import retext = """
期号 | 开奖号码 | 总和 | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
2023058 | 10 17 22 26 30 33 + 11 | × | × | × | × | × | × | × | × | × | × | 0 |
2023059 | 24 | 10 | 26 | 31 | 12 | 33 | 24 | 08 | 31 | 24 | ||
正确次数 | 4 | 3 | 7 | 2 | 9 | 3 | 4 | 5 | 3 | 6 | ||
错误次数 | 16 | 17 | 13 | 18 | 11 | 17 | 16 | 15 | 17 | 14 | ||
当前连对 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | ||
当前连错 | 1 | 4 | 2 | 4 | 1 | 7 | 1 | 2 | 13 | 3 | ||
最大连对 | 2 | 1 | 3 | 1 | 2 | 1 | 2 | 2 | 2 | 2 | ||
最大连错 | 9 | 7 | 4 | 12 | 3 | 7 | 7 | 4 | 13 | 3 |
评论1