愤怒熊-CSDN博客

原创 ios android webApp 移动开发要点和技术总结

如果你是一名前端er,又想在移动设备上开发出自己的应用，那怎么实现呢？幸好，webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了，现把一些技巧分享给大家： 1. viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。由于移

2013-08-23 12:10:16 2065

IOS 读取 .plist 文件

NSBundle *bundle = [NSBundle mainBundle]; NSURL *plistUrl = [bundle URLForResource:@"Bf2Directory" withExtension:@"plist"]; NSDictionary *dictionary = [NSDictionary dictionaryWithContentsOfURL:plist...

2013-04-26 16:04:13 145

原创使用 dataset 属性驱动 jQuery Mobile 组件

data-role 定义元素在页面中的功能角色 data-title 定义视图页面的标题 data-transition 定义视图切换的动画效果 Slide 从右到左切换 Slideup 从下到上切换 Slidedown 从上到下切换 Pop 以弹出框的方式打开一个视图或页面 Fade 渐变退色方式切换 Flip 旧页面翻转飞出，新页面飞入方式切换 data-re...

2013-03-27 12:14:09 175

原创 jquery mobile 自己收藏的插件

1，photoswipe 网址：http://www.photoswipe.com/ demo: http://www.photoswipe.com/latest/examples/04-jquery-mobile.html 个人描述：在手机上操作很流畅，能自使用屏幕尺寸，竖屏显示效果很好，横屏图片太大了，也就是列数固定的原因。 2，Touch-Gallery 网址：http://neteye...

2013-03-25 17:58:44 285

原创 jQuery Mobile 的.bind()、.live()和.delegate()之间区别

jQuery的.bind()、.live()和.delegate()之间区别来源: 译言网发布时间: 2011-03-20 14:24 阅读: 5964 次推荐: 8 原文链接 [收藏] 摘要：jQuery的.bind()、.live()和.delegate()之间的区别并非总是那么明显的，然而，如果我们对所有的不同之处都有清晰的理解的话，那么这将会有助于我们...

2013-03-25 16:30:21 172

原创 jquery mobile navbar列表appendTo追加选项

第一种 $(function(){ $("#menu").html("Test Styling"); $("#navbar").navbar();}); 第二种 var footer = $("#footer-id");var navBar = $("div",{"data-role":"navbar","html":&qu

2013-03-25 14:57:23 196

原创 jquery mobile Web Socket 聊天应用

http://easywebsocket.org/contrib/chat/?channel=foo&user=bar

2013-03-22 17:14:46 359

原创 jquery mobile 创建自定义的基于CSS的转换

要创建一个自定义的CSS过渡，选择一个类名对应的名字你的过渡，例如“幻灯片”，然后定义转入和转出，利用转换或动画关键帧的CSS规则： .slide.in { -webkit-transform: translateX(0); -moz-transform: translateX(0); -webkit-animation-name: slideinfrom...

2013-03-22 15:54:57 185

jQuery Mobile 页面返回无需重新get 重新请求

最近公司的web app项目，使得我有幸一直接触和学习jQuery Mobile。这确实是一个很不错的移动开发库，有助于擅长web开发的工程师，快速入门并构建自己的移动应用。但是在前两天，我碰到了一个问题，使我查了很多资料都没有找到很好的解决方案，最终只能逼着我读jQuery Mobile的源码，再写了个扩展，才得以解决。下面请让我娓娓道来。问题描述假设在项目中，有三个页面，分别是ma...

2013-03-22 10:43:47 148

原创 jquerymobile 判断手机横竖屏 orientationchange

$( window ).bind("orientationchange", function( event ) { //ResizePageContentHeight($(".ui-page" )); if(event.orientation){ if(event.orientation == 'portrait'){ alert("portrait");//竖屏 ...

2013-03-22 10:18:43 169

原创 CSS 如何使DIV层水平居中

CSS 如何使DIV层水平居中今天用CSS碰到个很棘手的问题,DIV本身没有定义自己居中的属性, 网上很多的方法都是介绍用上级的text-align: center然后嵌套一层DIV来解决问题. 可是事实上这样的方法科学吗? 经过网络搜索和亲自实验得出以下结论: 正确的也是对页面构造没有影响的设置如下: 对需要水平居中的DIV层添加以下属性: margin-left: auto...

2013-03-20 16:20:27 164

原创 jquery mobile 设置 ui-grid-a 宽度和高度

2 3 查询 4 上边默认样式是两个空间各占50%空间，现在想实现的效果是： input 占空间2/3，button占空间的1/3 实现方法： 1 2 div#findBar.ui-grid-a .ui-block-a { width: 65% } 3 div#findBar.ui-grid-a .ui-block-b { width:...

2013-03-15 17:49:46 613

愤怒熊