xml地图|网站地图|网站标签 [设为首页] [加入收藏]
10个出色的HTML5画布示例澳门新葡亰手机版,因此
分类:web前端

PhoneGap开采不可缺少的五件器械

2012/04/13 · HTML5 · HTML5

来源:陈理捷

0 轻量级的JQUEQashqaiY宽容库

JQuery已经成长的得不行有力了,但在活动设备上有一点肥胖。假若您的接受只运营在Web基特内核的机器上,那么本身猛烈提出你换用移动版本的JQuery包容库。

Zepto和JQ.mobi皆以非常为移动道具优化后的JQ包容库。

澳门新葡亰手机版 1

澳门新葡亰手机版 2

Zepto小编不是非常熟识,JQ.mobi小编用得相当多,官方提供的数量称,JQ.mobi比JQueryMobile快3倍以上。

相比较之下于JQueryMobile悲催的定导航底导航定位功能,JQ.mobi也提供了自己的UI。尽管和JQM大致丑,但不会冒出万恶的导航栏闪动难题。假设您协和不想创设UI框架,那么依然引入用JQ.mobi的UI库,换换配色和背景,也能看起来蛮专门的学问的。

其他JQ.mobi还提供了一文山会海的插件,然则都未有提供文档。里边的scroll插件比不上iScroll4给力,模板插件还是能用。这里讲下用法。

要使用JQMobi的插件,只必要轻松的用script载入对应的文书就行。

澳门新葡亰手机版 3

JQ.Mobi的沙盘来自这里(这些链接要从源代码中工夫翻出来,藏那么好干嘛啊…)是一个使用%号实行标志的系统。

模板部分行使script标签包括:

澳门新葡亰手机版 4

从上面包车型客车事例中得以看出,那套模板能够轻巧协助if/for/else等语法;数组和指标也从未什么样难点,能够满足绝大多数供给。

澳门新葡亰手机版 5

它利用$.tmpl函数将数据传入模板,获得渲染后的html。必要专心的地方是传数据时要以对象的法子来传,同有时间为流传的多寡内定变量名。

1 滚动作效果应行家:ISCROLL4

澳门新葡亰手机版 6

尽管今后JQ.mobi已经缓慢解决了导航栏固定和滚动的难点,可是iScroll4仍是十一分值得使用的。

在行使iScroll时有多少个供给在乎的地点。

首先,iScroll选拔css的top和bottom值固定了顶导航条和底导航条的高度,能够修改css来调动。

附带,iScroll是静态的,就是说,它并从未随即查看scroll里边的内容是或不是扩大,那将要求我们在动态参加内容后,呈现调用scroll对象的refresh方法。

澳门新葡亰手机版 7

谈起底,iScroll4能很好的兑现iOS用得比很多的下拉刷新效率,这几个页面上有整机的代码。

澳门新葡亰手机版 8

2 今世浏览器:SAFAEnclaveI/CHROME

澳门新葡亰手机版 9

在四哥伦比亚大学浏览器上调整以前,先在Computer浏览器上支付会快比非常多,提议用safari或许Chrome。这东西就算大家都有,但有个别细节照旧潜藏很深的。

举个例子用Chrome调节和测量试验的时候你或然会遇上跨域的难题,只要在运营Chrome.exe时增添多少个参数就足以了。

chrome.exe –disable-web-security

别的有个别同学恐怕不驾驭,PhoneGap API页面上的LocalStorage和Indexed DB 其实是Html5的规范接口,所以Chrome和Safari中的自带的调护医治工具就会很好的军管。

澳门新葡亰手机版 10

张开Developer tools,采取 Resources Tab页就能够见到数据库,本地存款和储蓄等选项 。( 当初自己找了好久Chrome的Sqlite管理插件…)

3 PHONEGAP实时调节和测验工具:云窗调节和测量检验器

澳门新葡亰手机版 11

虽说有一点夸张,但不菲网上朋友是用PhoneGap神器来形容它的。

本质上来讲,云窗调试器正是三个支撑PhoneGap Javascript接口的运动浏览器。

它和天涯论坛SAE的云平台紧凑结合,须要用SAE账号登入,那样当您在SAE上成立二个移动使用后,就会直接在云窗调节和测验器的运用列表页面看到。

澳门新葡亰手机版 12

点击应用名称后,就可以初阶调理应用了。由于代码放置在SAE平台上,笔者日常用浏览器上的在线编辑器修改代码,Ctrl+S后直接在手提式有线电话机上看功效。

叁次变动两秒见到最终结出,比起本地编写翻译,大约一遍能省掉半分钟的时间。

云窗调节和测量试验器iOS版本协理中兴和平板电脑,然而还未有公布到App Store,借让你的器材已经越狱,能够直接在设施的safari里 点这一个链接进行安装。

4 在线打包工具:PHONEGAP:BUILD

澳门新葡亰手机版 13

作为八个跨平台方案,PhoneGap也提供了三个云打包器,利用它大家得以不用安装别的付出境遇,直接将HTML打包成iOS,Android,Windows Phone,WebOS,塞班和三星6个手提式有线电话机系统的安装包。

澳门新葡亰手机版 14

PhoneGap:Build 的接纳相当的轻易,注册贰个PhoneGap账号然后上传代码的Zip包就能够。当然,你也得以平素从git/svn替代码。

内需小心的是PhoneGap:Build的包装是收取金钱服务,对private app有个数限制(笔者不常还未碰到,然则看官方的表达是有限量的)。别的PhoneGap:Build上iOS的打包须要上传证书,不然无法打包。

万神采飞扬你只是亟需打Apk包的话,也得以选取SAE提供的在线打包器,这些打包器是完全无需付费的。另据厕所音信,iOS无证件打包器已经在调节和测量检验中了,揣度月尾上线。

谈到底提供叁个懒人福利:文章中提到的东东卷入下载。

赞 收藏 评论

澳门新葡亰手机版 15

12个美丽的HTML5画布示例

2012/02/16 · HTML5 · 来源: 伯乐在线     · HTML5

本文搜罗了有个别优质的HTML5 画布演示。前段时间英特网有点不清舒服的HTML5示范作品,我很欢喜能将自家所采摘到的享受给大家。HTML5的作用更坚实大,占用的Computer以致比 Flash 还少。所以,是或不是有一天 Flash 会被 HTML5 完全替代呢?(查看上面示例,请使用支持HTML5的浏览器。)

1. FishBowl

卓绝的鱼缸

澳门新葡亰手机版 16

2. DeviantART muro

轻量级的在线图像编辑器

澳门新葡亰手机版 17

3. 3D Earth

自转的地球

澳门新葡亰手机版 18

4. Asteroid Belt

太空中的小行星带

澳门新葡亰手机版 19

5. Interactive Polaroids

美妙的相册(看上去似乎用偏光板拍戏的)

澳门新葡亰手机版 20

6. Canvas Cycle: True 8-bit Color Cycling with HTML5

其后生可畏小说最为华丽,以至带有了意气风发套演示——各个气象效果的动画化演示

澳门新葡亰手机版 21

7. js cloth

三个维度碰着下的二维图像

澳门新葡亰手机版 22

8. CanvasMol

多种因素的三个维度份子结构

澳门新葡亰手机版 23

9. Or so they say…” by xplsv

科学的高空景观

澳门新葡亰手机版 24

10. 3D Model Viewer

不等预制物体的三维图像

澳门新葡亰手机版 25

结语

盼望您能兴奋新搜罗的HTML5演示。好运!

 

原文:script-tutorials   编译:伯乐在线 – 楼子宜

【如需转发,请标明并保留原来的书文链接、译文链接和翻译等新闻,多谢配合!】

赞 收藏 评论

Adobe:移动版Flash不也许与HTML5正印 由此放任

2011/11/13 · HTML5 · 来源: 搜狐     · HTML5

Adobe 开垦者关系CEOMike·Chambers(迈克钱伯斯)认为公司并未有说元代楚为何要停下开荒移动互连网浏览器上的 Flash,因而他在个人博客上做了更详尽的表达,以下正是多少个最要害的理由:

1、 HTML5 差十分少已经被活动浏览器广泛援助,Adobe 认知到 Flash 根本无法与之比肩

“大家的指标是要让 Flash 播放器在支持度上实现和 HTML5 同样的水准,但提起底这些指标未有达到规定的标准,未来也无从完毕。”

2、 应用使得以浏览器为底蕴的利用不再是必得品

“本质上,客户垂怜通过动用在活动装备上费用拉长的原委,那意味着对 Flash 播放器在移动设备上的须求远非台式机上的那么显著。”

3、 Flash 的碎片化

为了能使 Flash 能在五个移动平台上运营,Adobe 不得不和多个硬件厂家(BlackBerry、Samsung)、平台湾集团业(谷歌(Google)、EnclaveIM)和配件创制商(NVIDIA)合营。那样极其耗费时间。“大家不想再随处下去,再开展扩展。”

Chambers在罗列理由时未尝涉嫌苹果曾因为抱怨 Flash 的安静倒霉并产生都电子通信工程大学池续航时间减弱,而拒绝在团结的移动设备上对其开展扶植。

唯独Chambers也提议,Adobe 未有完全抛弃 Flash。公司还恐怕会三番三遍入股和开采 Flash 桌面浏览器版本,甚至移动设备上的 AI福睿斯。AIGL450 允许开荒者使用 Flash、HTML 等七种本事开荒应用,并打包这一个应用以便在七个阳台上运转,包涵活动和桌面计算机平台。

众多开辟者还对 Flex 提议指斥。Flex 与 AIPRADO类似,但更加多针对公司级应用。Chambers承诺他会表露越来越多关于 Flex 的音信。

赞 收藏 评论

澳门新葡亰手机版 26

本文由澳门新葡亰手机版发布于web前端,转载请注明出处:10个出色的HTML5画布示例澳门新葡亰手机版,因此

上一篇:网页编辑器,入门教程 下一篇:图像旋转与翻转姿势解锁,企业开发
猜你喜欢
热门排行
精彩图文