- 博客(40)
- 收藏
- 关注
RSS订阅转载 Jquery Mobile插件的使用-页面的预加载和缓存
通常，把不同的page存储在多个html文档是要比用一个大的保存多个page容器的文档要好。这样每个页面的dom会少一些。 当使用单一page的文档时，你可以把page预加载到dom中，这样用户在访问时可以立即打开。要预加载一个页面，给指向这个页面的链接添加data-prefetch属性。jQueryMobile会在加载完当前页面之后在后台自动加载目标页面，pagecreate事件
2013-06-24 10:30:15
1663
原创 json的增删改查
//直接声明json数据结构 var myJSONObject = {"bindings": [ {"ircEvent": "PRIVMSG", "method": "newURI", "regex": "^http://.*"}, {"ircEvent": "PRIVMSG", "method": "deleteURI", "regex": "^delete.*"}, {"irc
2013-05-23 16:13:26
916
转载 jQuery Mobile开发进阶：API扩展介绍
目前,jQuery Mobile是在HTML5 移动开发中的一个很不错的框架,它为熟悉Jquery的开发者进行移动开发提供了很大方便。jQuery Mobile使用的是HTML5和CSS3，除了能提供很多基础的移动页面元素开发功能外，框架自身还提供了很多可供扩展的API,以供开发者扩展jQuery Mobile框架本身的功能。在本文中，将以例子的形式讲解jQuery Mobile开发中常用的API
2013-05-15 15:31:53
1485
转载 jQuery mobile 开发问题记录
一、动态加载页面问题 1.存在这样一个页面布局： main.html 为主界面A,B为该页面中的三个page，其中A为splitview左部分页面，B为右半部页面 a1.html 为一个独立的页面 a2.html为一个独立的页面2.在main.html中有这样一段script $("#A1").live("page
2013-05-14 11:35:43
826
转载 如何减少浏览器的repaint和reflow?
文本内容主要包括以下几点：什么是repaint/reflow?什么情况下会触发浏览器的repaint/reflow?浏览器自身所作的优化如何优化你的脚本来减少repaint/reflow?一、什么是repaint/reflow?页面在加载的过程中，需要对文档结构进行解析，同时需要结合各种各样的样式来计算这个页面长什么样子，最后再经过浏览器的渲染页面就出现了。这整个过程细说起
2013-05-08 10:43:44
621
转载 webapp mobile 开辟进阶
http://developer.51cto.com/art/200906/131335.htmmeta 标签 苹果ios 体系从4.2开端就支撑 apple-touch-icon 属性，在meta 标签中指定它的值可以使得你的网页在保存至主屏时，显示为自定义的icon，而不是网页的缩略图。 苹果供给了sizes这个属性，为了便利适应多设备。而若是你不指定这个属性，默认si
2013-05-08 10:28:39
662
转载 jqueryMobile footer/header问题 显示隐藏的问题
jqueryMobile footer 和 header 能不能一直设置显示状态，我发现每次点击页面都会隐藏再点击又显示出来，这个很烦人，有没有方法设置一直保持屏幕底部 不会跑到程序最下面……我已经设置了 data-position="fixed" 但是没有固定位置的效果！或者这个有没有更好的方式 固定？data-tap-toggle="fal
2013-05-07 14:52:25
2184
原创 js 判断是否为 Android IOS IPAD IPHONE 等移动设备访问
var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return { trident: u.indexOf('Trident') > -1, //IE内核
2013-04-22 13:38:50
2244
转载 JS 判断浏览器客户端类型(ipad,iphone,android)
如何判断是否是 iPad 浏览器呢，关键是看它的 User Agent 中是否有 iPad。iPad 使用的是 Safari Mobile 浏览器，他的的 User Agent 是：Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.
2013-04-22 13:36:56
994
转载 jquerymobile页面跳转和参数传递
页面跳转：页面跳转时pagebeforechange事件会被触发两次，通过$(document).bind("pagebeforechange", handleChangePage);来绑定pagebeforechange事件的触发函数handleChangePage(e,data),第一次触发时data.toPage是到达页面的url，类型是string。第二次触发时data.toPag
2013-04-19 10:01:00
924
转载 Android--自定义标题栏之显示网页加载进度
这阵子在做Lephone的适配，测试组提交一个bug：标题栏的文字较长时没有显示完全，其实这并不能算个bug，并且这个问题在以前其他机器也没有出现，只是说在Lephone的这个平台上显示得不怎么美观，因为联想将原生的标题栏UI进行了修改。修改的过程中遇到了一个难题，系统自带的那个标题栏进度总能够到达100%后渐退，但是我每次最后到100%那一段显示不全，尝试了用线程程序死了卡主了不说，还是一样的效
2013-04-18 23:47:50
497
转载 jquery获取input表单值的代码
jquery取radio单选按钮的值$("input[name='items']:checked").val();jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关 获取一组radio被选中项的值 var item = $('input[name=items][checked]').val();
2013-04-18 11:20:22
738
转载 Android 打包签名 从生成keystore到完成签名
首先,我们需要一个keystore,当然已经有了的话就不用这一步了:cmd下:进入到jdk的bin目录,这样的话,android.keystore文件就会生成在这个目录下,签名的时候我们需要这个文件C:\Program Files\Java\jdk1.6.0_10\bin>keytool -genkey -alias android.keystore -keyalg RSA -vali
2013-04-15 23:33:26
683
转载 JQuery语法总结和注意事项
1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom
2013-04-15 17:06:16
611
转载 jquery mobile入门
组件页面jQuery Mobile 应用了 HTML5 标准的特性，在结构化的页面中完整的页面结构分为 header、content、footer 这三个主要区域。在 body 中插入内容块： ... ... ... data-role="page”代表这个 div 是一个 Page，在一个屏幕中只会显示一个 pag
2013-04-15 10:23:17
1151
转载 jQuery Mobile 自定义按钮图标
jQuery Mobile 自带很多按钮小图标，如下图所示：有时候这些图标无法满足你的要求的时候，jQuery Mobile 允许你进行自定义图标。一般我们在 jQuery Mobile 中定义个按钮的方法如下：返回首页data-icon 的值是 jQuery Mobile 预设好的，完整的列表请看这里。如果我们想使用自己的图标，那么可以
2013-04-11 16:25:25
2008
转载 jquery mobile页面整体架构
一、页面整体架构1、必须用HTML5的文档类型头2、包含viewport的meta标签3、包含jquerymobile的css和js文件4、使用data-role="page"结构 Page Title data-role="page"> data-role="header">... dat
2013-04-10 17:41:04
1206
转载 jquerymobile页面跳转和参数传递
页面跳转：页面跳转时pagebeforechange事件会被触发两次，通过$(document).bind("pagebeforechange", handleChangePage);来绑定pagebeforechange事件的触发函数handleChangePage(e,data),第一次触发时data.toPage是到达页面的url，类型是string。第二次触发时data.toPag
2013-04-10 17:38:24
1533
原创 js post 提交表单
jQuery(document).ready(function() { //输入事件 $("input[id]").bind("focus",function () { if($(this).attr("id")=='username'||$(this).attr("id")=='password') $(this)
2013-04-10 17:35:58
1125
转载 jQuery Mobile 1.2 弹出框(Popups)预览(
jQuery Mobile 1.2 弹出框(Popups)预览(1) 作者:eddy 日期:2012-07-21字体大小: 小 中 大 在待发布的1.2版本中正如在官方博客中提到的增加了弹出框部件(Popups)，这个部件和对话框（Dialog）部件的不同之处就是在当前页面来创建一个真正的弹出层来展示不同形态的信息，而不是通过跳转到一个新的页面来模拟弹出窗口
2013-04-10 17:19:07
4110
转载 PHP正则表达式的快速学习方法
1、入门简介简单的说，正则表达式是一种可以用于模式匹配和替换的强有力的工具。我们可以在几乎所有的基于UNIX系统的工具中找到正则表达式的身影，例如，vi编辑器，Perl或PHP脚本语言，以及awk或sed shell程序等。此外，象JavaScript这种客户端的脚本语言也提供了对正则表达式的支持。由此可见，正则表达式已经超出了某种语言或某个系统的局限，成为人们广为接受的概念和功能。正则表
2013-04-02 12:23:13
643
转载 Jquery mobile div常用属性
data-role参数表：page 页面容器，其内部的mobile元素将会继承这个容器上所设置的属性 header 页面标题容器，这个容器内部可以包含文字、返回按钮、功能按钮等元素footer 页面页脚容器，这个容器内部也可以包含文字、返回按钮、功能按钮等元素content 页面内容容器，这是一个很宽容的容器，内部可以包含标
2013-03-14 16:21:23
764
转载 11个处理触摸事件和多点触摸的JS库
触摸屏是现在所有智能手机的标配，还包括各种平板设备，而且很多桌面也慢慢在开始支持触摸操作。要开发支持触摸屏设备的Web应用，我们需要借助浏览器的触摸事件来实现。下图是各种触摸事件说明：本文我们介绍11个用来处理触摸事件以及支持多点触摸的JS库：1.QUO JSQuoJS是一个小型、模块化、面向对象的JavaScript库，用于移动Web开发中简化HTML文档遍历、事件处理和Ajax交互等功能。Ev
2013-03-08 13:00:52
923
转载 经典收藏 50个jQuery Mobile开发技巧集萃
1、Backbone移动实例这是在Safari中运行的一款Backbone移动应用程序。想开始体验移动开发，一个好的出发点就是关注这个应用程序的构建方式。先不妨在你的浏览器中查看该应用程序。相关链接：http://bennolan.com/2010/11/24/backbone-jquery-demo.html2、使用媒体查询来锁定设备你可能会问如何
2013-03-08 12:34:58
876
转载 Sencha touch 开发系列:容器组件:dataview,list
dataview就是数据展现组件list是由dataview派生过来的, 美观了一些多些也多了一些功能，如分组显示，索引导航，disclose按钮...下面我们就来学习下dataview的用法及list的用法，学习他们之后你需要了解啥时后用dataview啥时后用list就像上一篇一样，你需要知道你啥时用panel啥时用formpanel一样。dataview最重要的两个配
2013-03-08 08:59:40
1854
1
原创 去掉Android 加载的页面上的超链接 黄色边框
当点击一个连接的时候，为了表示你所点击的连接，他们会在这个标签上面圈上个边框，自带的那个浏览器就是黄色，是否能通过CSS来取消呢这个边框呢？需要修改超链接样式，加上 -webkit-tap-highlight-color:rgba(0,0,0,0); a { -webkit-tap-highlight-color:rgba(0,0,0,0);
2013-03-06 12:58:30
1970
转载 快速在CentOS下搭建LAMP（Apache、MySQL、PHP）环境
LAMP（Linux、Apache、MySQL、PHP）是一套用于提供php架构网站服务的完美组合的简称，LAMP组合有着极高的性能，完善的支持体系，灵活的配置方法，但是Lamp架构其本身也越来越臃肿，在Lamp安装完成后最好进行针对硬件的优化，以获得更好的性能。 LAMP可以在很多平台（Linux、Windows、Unix、MacOS X）中搭建，本文以CentOS系统安装LAMP套件进行举
2013-02-22 14:08:59
480
转载 CommonJS简介
老实说，之前我对CommonJS也是一无所知，直到不久前Node.js火起来，我去研究它，才了解到Node.js其实是CommonJS的一个部分实现，我才关注起CommonJS来。 以前我们说起HTML，我们说起JavaScript，大家的印象似乎都停留在了“网页”上面，从2005年开始，因为Ajax的缘故，有一种叫做“前端程序员”的新型物种诞生了。 可是现在，前端程序员不甘心
2013-02-03 07:01:20
370
转载 开源中最好的Web开发的资源
学习HTML 5编程和设计★ HTML5 Rocks : Major Feature Groups 的学习 HTML5 的资源 (HTML5 演示, 教程 ). 源码很不错的 HTML5 Dashboard – Mozilla，效果很炫。WhatWG Developers, 一个清楚的 HTML5 技术规格说明书。★ StackOverflow : 大名鼎鼎的技术问答式论坛。
2013-02-02 22:54:44
2652
转载 Phonegap + HTML5 开发经验小结
去年曾对Phonegap做过一次调研，当时还是1.1版本，印象也一般。对他的性能以及真实的跨平台能力都不太确定。今年过完春节至今正好有机会参与了一个纯Phonegap + HTML5开发的项目，项目至今已经完成了一期的App Store提交，所以也正好能抽时间来小结一下。一个月左右的开发过程让我对这种开发模式有了更深的认识，这对于前端开发人员而言绝对是一个大的机会。Phonegap Nativ
2013-02-02 22:49:31
1302
1
转载 Sencha Touch与PhoneGap，响应android返回按钮
使用Sencha Touch开发Html5应用时，在iPhone上还好，因为没有物理返回按钮，所以可以使用NavigationView的Back Button来实现Pop页面， 但是在Android手机上，用户习惯使用Android自带的物理Back Button，但是按下去之后，却是直接退出应用了，因为目前在系统中只有一个Webview Activity。这种情况该如何处理呢：
2013-01-31 13:25:17
814
转载 Sencha Touch 2 官方文档翻译之 History Support（访问历史支持）
前言： SenchaTouch 2的访问历史和路由支持堪称独有特色，也让它的用户体验向Native应用更加靠近了一步。通俗的讲，访问历史和路由这两个功能（深链接只是路由功能的一个应用）就是在浏览器环境中，把单页面应用程序模拟成多页面交互的效果，而且还无需刷新页面。 这篇文章的英文原址是http://docs.sencha.com/touch/2-0/#!/guide/history
2013-01-31 13:06:56
420
原创 android 利用ImagevView加载本地图片并实现等比缩放
/** * 利用ImagevView加载本地图片并实现等比缩放 * * @param url * @param maxX * @param maxY * @return */ public static Bitmap zoomLocalBitmap(String url, int maxX, int maxY) { float scale; try {
2013-01-31 10:55:43
627
转载 图片等比缩放及截取的java实现
这个是在参考网上一些代码基础上进行编写的，主要是首先实现图片的等比缩放，然后在进行截取，比如一张1024*768的图要截成263*150的，首先是等比缩放后变成263*197的，然后在对这个图片的高度进行截取，变成163*150的。java 代码:import java.awt.Graphics2D;import java.awt.Rectangle;import ja
2013-01-31 10:32:59
596
转载 webkit webApp 开发技术要点总结
如果你是一名前端er,又想在移动设备上开发出自己的应用，那怎么实现呢？幸好，webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了，现把一些技巧分享给大家 ：1. viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。由于移
2013-01-31 10:04:45
420
转载 Android读写文件
一、 从resource中的raw文件夹中获取文件并读取数据（资源文件只能读不能写）String res = ""; try{ InputStream in = getResources().openRawResource(R.raw.bbi); //在\Test\res\raw\bbi.txt, int length =
2013-01-30 16:17:26
349
转载 Pomelo：网易开源基于 Node.js 的游戏服务端框架
Pomelo 是基于 Node.js 的高性能、分布式游戏服务器框架。它包括基础的开发框架和相关的扩展组件（库和工具包），可以帮助你省去游戏开发枯燥中的重复劳动和底层逻辑的开发。Pomelo 不但适用于游戏服务器开发， 也可用于开发高实时 Web 应用，它的分布式架构可以使 Pomelo 比普通的实时 Web 框架扩展性更好。 Pomelo 特性快
2013-01-29 08:55:50
651
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人