摘要: //封装StringBuilder function StringBuilder() { this._string_ = new Array(); } StringBuilder.prototype.Append = function (str) { this._string_.push(str); 阅读全文
posted @ 2016-04-24 11:08 susanws 阅读(424) 评论(0) 推荐(0) 编辑
摘要: 1、JS封装就是尽量把使用的方式简单化,内部逻辑和使用解耦。通俗的说就是使用的时候只需要知道参数和返回值,其他条件尽量不要使用人员进行设置。 2、JS封装的方法有函数方式、对象的方式、闭包的方式。 举例 阅读全文
posted @ 2016-04-24 11:06 susanws 阅读(465) 评论(0) 推荐(0) 编辑
摘要: 为了避免变量之间的覆盖与冲突,可以生成命名空间,命名空间是一种特殊的前缀,在js中,通过{ }对象实现。 在不同的匿名函数中,根据功能声明一个不同的命名空间,每个匿名函数中GLOBAL对象的属性都不直接挂在GLOBAL上,而是挂在次匿名函数的命名空间下,如: <script type="text/j 阅读全文
posted @ 2016-04-22 16:47 susanws 阅读(189) 评论(0) 推荐(0) 编辑
摘要: 外部JS的阻塞下载 所有浏览器在下载JS的时候,会阻止一切其他活动,比如其他资源的下载,内容的呈现等等。至到JS下载、解析、执行完毕后才开始继续并行下载其他资源并呈现内容。 有人会问:为什么JS不能像CSS、image一样并行下载了?这里需要简单介绍一下浏览器构造页面的原理,当浏览器从服务器接收到了 阅读全文
posted @ 2016-04-22 16:43 susanws 阅读(403) 评论(0) 推荐(0) 编辑
摘要: 什么是html5呢? html5最先由WHATWG(Web 超文本应用技术工作组)命名的一种超文本标记语言,随后和W3C的xhtml2.0(标准)相结合,产生现在最新一代的超文本标记语言。可以简单点理解成:HTML 5 ≈ HTML+CSS 3+JS+API。 hmtl5于html的区别 我们现在w 阅读全文
posted @ 2016-04-22 14:36 susanws 阅读(1413) 评论(0) 推荐(0) 编辑
摘要: webview加载时有3个事件。触发顺序为loading、titleUpdate、loaded。webview开始载入页面时触发loading,载入过程中如果title已经解析并赋予新值,则触发titleUpdate,载入完毕触发loaded。 如果页面加载足够快,那么titleUpdate和loa 阅读全文
posted @ 2016-04-22 11:53 susanws 阅读(753) 评论(0) 推荐(0) 编辑
摘要: 原生UI即nativeUI的设计目的 HTML和css有一个优势就是灵活的样式设计。在大多数情况下,我们都应该使用HTML+css来负责UI。但是有些情况下,我们发现HTML+css的UI不满足需求。1. 绝对置顶HTML的video等元素,以及5+的map等原生元素,这些原生控件的层级高于div。 阅读全文
posted @ 2016-04-22 11:52 susanws 阅读(346) 评论(0) 推荐(0) 编辑
摘要: 下拉刷新 为实现下拉刷新功能,大多H5框架都是通过DIV模拟下拉回弹动画,在低端android手机(Android4.4以下)上,DIV动画经常出现卡顿现象(特别是图文列表的情况)。解决方案还是webview。 既然拉div卡,那就不拉div,改拉webview。webview的拉动是原生的,回弹效 阅读全文
posted @ 2016-04-22 11:51 susanws 阅读(796) 评论(0) 推荐(0) 编辑
摘要: App的顶部一般有titlebar,下面是list。常见的一个需求是要在list滚动时,titlebar不动。这个简单的需求,实现起来其实并不简单。 在普通web上的做法是使用div的滚动条,把list放到div里。但是很不幸的是,div滚动条在Android4.4以下的手机上非常非常卡,滚动完全无 阅读全文
posted @ 2016-04-22 11:50 susanws 阅读(1402) 评论(0) 推荐(0) 编辑
摘要: 窗体切换白屏的现实问题 HTML5的性能比原生差很多,比如切页时白屏、列表滚动不流畅、下拉刷新和上拉翻页卡顿。在低端Android手机上,很多原生App常用的功能和体验效果都很难使用HTML5技术模拟。我们首先来看第一个问题,如何避免切页白屏。 浏览器的页面在切换时,由于其页面加载机制,在跳转到下一 阅读全文
posted @ 2016-04-22 11:49 susanws 阅读(2113) 评论(0) 推荐(0) 编辑