`
文章列表
public class Singleton {         /**          * 类级的内部类,也就是静态的成员式内部类,该内部类的实例与外部类的实例没有绑定关系,          * 而且只有被调用到才会装载,从而实现了延迟加载          */         private static class SingletonHolder{             /**              * 静态初始化器,由JVM来保证线程安全              */             private static Singleton instanc ...

15个javascript web ui

    博客分类:
  • js
<p>几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架,这些 UI 库与框架极大地简化了开发进程,并带来一致,可靠,以及高度交互性的用户界面。本文介绍了 15 个非常强大的 JavaScript Web UI 库,非常适合各种各种规模的富 Web 应用的开发。</p> <h2 class="subtitle">LivePipe</h2> <p><a href="http://livepipe.net/">LivePipe UI</a> 基于 < ...
<select name="quantity" id="quantity" data-native-menu="true" >                             <option value="1" data-placeholder="true">1</option>                             <option value="2">2</option>           ...
iscroll是什么? iscroll.js是Matteo Spinelli开发的一个js文件,使用原生js编写,不依赖与任何js框架。旨在解决移动webkit系浏览器的区域滚动问题,兼容mobile safari、android默认浏览器、safari、chrome、firefox5+、opera11+、IE9+及其他webkit核心 ...
在使用phonegap的navigator.app.exitApp()退出应用的时候,应用总是会退出到一个白屏页面,感觉并没有退出。在网上找了很久,有人说1.1的版本修复了这个问题,如是将jar包和js都换成1.1版本的,但是navigator.app.exitApp();这段代码好像不执行了,最后将AndroidManifest.xml中<uses-sdk android:minSdkVersion="7" />的值改成4就可以了。
WebKit 页面缓存 I: http://webkit.org/blog/427/webkit-page-cache-i-the-basics/ 样式滚动条: http://webkit.org/blog/363/styling-scrollbars/ 3D 变换 : http://webkit.org/blog/386/3d-transforms/ CSS 单元:http://webkit.org/blog/57/css-units/ CSS 动画I :http://webkit.org/blog/138/css-animation/ CSS 动画II:http://we ...

js 资源整理

    博客分类:
  • js
1.优化js的加载 http://betterexplained.com/articles/speed-up-your-javascript-load-time/
在jqm开发中遇到了listview第一个li默认获取焦点,第一个li被加上ui-btn-hover-a/b/c/d/e样式,这种情况导致其他的li显示模糊。 解决方法:查看了js源码,找到reFocus方法 function reFocus( page ) { var lastClicked = page.jqmData( "lastClicked" ); if( lastClicked && lastClicked.length ) { lastClicked.focus(); } else { var pageTitle = ...
1.触摸屏事件—— Touch events tap Triggers after a quick, complete touch event. 本人实际测试效果:轻轻点击,效果和按普通按钮差不多。 taphold Triggers after a held complete touch event (close to one second). 本人实际测试效果:按住一会儿,大约1秒,即触发。很顶用。 swipe Triggers when a horizontal drag of 30px or more (and less than 20px vertically) occu ...
http://zh-cn.w3support.net/index.php?db=so&id=1164132
用phonegap的同学可能会发现,在app被启动起来之前会有一段时间的空白界面。空白界面出现是因为web view里面的东西还没有被载入。这时如果能加入splash screen,用户体验会好很多。 用splash andriod phonegap 这样的关键词能搜到很多解决这个问题的文章。比如说http://blog.assortedgarbage.com/2011/02/adding-a-splash-screen-for-android-using-phonegap/ 但是经过试验,我发现那些文章提到的方法都不好用。。。splash screen确实会出现,但是它出现以后界面会黑一下,然 ...
1.jQuery Mobile优秀网站及资源汇总贴   http://www.jqmobile.org/thread-80-1-1.html 2.jquery mobile 样式修改 很好玩 http://www.mobjectify.com/theme/ 3.新发现的一个webapp。可以借鉴首尾固定 http://demo.qooxdoo.org/current/mobileshowcase/
var xhr =window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject("Microsoft.XMLHTTP"); if(xhr){    xhr.onreadystatechange = function(){        if (this.readyState == 4 && this.status == 200){            //对返回数据的处理,下例为json类型            var objJson = eval("(" + this.re ...
最近在做jqm开发过程中需要做一个地址选择器,做成异步加载形式。在web浏览器下一切正常,可是一放到手机上需要异步加载的数据总是获取不到,急呀。 html部分代码 <div data-role="fieldcontain">    <label for="province" class="select">省</label>    <select name="stateProvinceGeoId" id="province" data-native-men ...
在Jquerymoblie的使用过程中,动态添加元素后css丢失。       这个问题在之前JqueryMobile使用心得(3)中我已经说明了其原因(因为页面标签首先经过jquery.mobile-1.0a2.min.js的处理,添加了许多标签,然后再用css布局),并且给出了一种解决方法:动态加载jquery.mobile-1.0a2.min.js。       但是经过测试,上面这种方法并不好。首先异步加载造成用户可以看到没有加载JS的页面,并且JS加载过一次后,如果再要动态添加新元素的话,就意味着多次加载JS文件,显示问题先不说,这效率也堪忧。       因此必须提出新方法。 ...
Global site tag (gtag.js) - Google Analytics