移动开发 相关 备忘

.game {

position: absolute;

top: 0;

bottom: 0;

left: 0;

right: 0;

overflow: hidden;

}

使游戏容器绝对定位之后,上下左右四边都与手机屏幕贴紧

http://isux.tencent.com/html5-game-development-cheats.html

在Photoshop中,如果需要看似0.5px的边框,常见的方法就是对1px边框加上阴影模糊1px。同理,我们在retina屏下需要做到真实的1px边框,可利用box-shadow属性模拟:

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {

button {

border:none;

padding:0 16px;

box-shadow: inset 0 0 1px #000,

inset 0 1px 0 #75c2f8,

0 1px 1px -1px rgba(0, 0, 0, .5);

}

}

http://isux.tencent.com/responsive-web-design.html

body {

font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;

}

iOS 4.0+ 使用英文字体 Helvetica Neue,之前的iOS版本降级使用 Helvetica。中文字体设置为华文黑体STHeiTi。 需补充说明,华文黑体并不存在iOS的字体库中(http://support.apple.com/kb/HT5878), 但系统会自动将华文黑体 STHeiTi 兼容命中系统默认中文字体黑体-简或黑体-繁。原生Android下中文字体与英文字体都选择默认的无衬线字体

http://alloyteam.github.io/Spirit/modules/Standard/index.html

移动端常见这种布局:

.wrapper{display: -webkit-box;}  //父容器

img{不要求}

.right-wrap{display: -webkit-box;-webkit-box-orient: vertical;-webkit-box-pack: justify;}   //图片右侧内容的容器

浏览器的页面在切换时,由于其页面加载机制,在跳转到下一个页面时,先要请求联网、载入页面代码、构建dom、渲染,最后才显示出来。在最终结果渲染完毕前,会出现几十毫秒甚至数秒的白屏。原生App是没有这个问题的。虽然使用SPA单页应用模型,即ajax+div切换也可以避免白屏,但把所有页面写在一个SPA页面里,页面多了手机上也跑不起来,而且工程大了代码那个乱。。。被坑过的人自然知道。

解决方案:

1、预加载,即后台预载新页面的HTML文件及资源,使用时直接调出这个已经创建好的webview

2、即点击前页的链接开始走waiting转圈,同时后台开始加载完整的新页面,加载完再用js控制显示到前台。

3、head和body分开两个webview来弄

http://ask.dcloud.net.cn/article/25

时间: 2024-11-07 20:08:41

移动开发 相关 备忘的相关文章

ubuntu 下anroid开发--工作备忘

1 使用命令 查询字符串(搜索所有文件)grep mobile_provisioning * -r 2 删除一些没有git add 的文件即 git rm Untracked filesgit clean -f 3 全编anroid源码时,编译加速 export USE_CCACHE=1 ubuntu 下anroid开发--工作备忘,布布扣,bubuko.com

MVC5+Easyui1.3.6+EF6 开发部分备忘笔记

一点一点增加,后面继续. 1.Row Editing in DataGrid 编辑,总是绑定不了checkbox的问题 Status第一次的状态,如果是true, 无论如果都绑定不了checkbox,意思是checkbox的勾一直没有打上,手点之后,下一次编辑,就可以打上了.通过firebug,查看到原因: 如果返回的Json是{"productid":"FI-SW-01","productname":"Koi","

java平台解协议相关备忘

来自森大科技官方博客http://www.cnsendblog.com/index.php/?p=276GPS平台.网站建设.软件开发.系统运维,找森大网络科技!http://cnsendnet.taobao.com 1.将数组编码成字符串2.2个字节转化成整形,4个字节转化成整形BitConverter.ToUInt16()3.Byte字节转化成二进制字符串 来自森大科技官方博客http://www.cnsendblog.com/index.php/?p=276GPS平台.网站建设.软件开发.

移动端开发备忘

这是一些移动端开发的备忘记录. <meta> 元素 <meta name=“viewport” content=“width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no”/> width:宽度(数值 / device-width)(范围从200 到10,000,默认为980 像素) height:高度(数值 / device-height)(范围从223 到10,000) initial-s

基于Prism.Windows的UWP开发备忘

以前做UWP开发都是使用MvvmLight,主要是简单易上手,同时也写了很多MvvmLight的开发系列文章: UWP开发必备以及常用知识点总结 UWP开发之Mvvmlight实践九:基于MVVM的项目架构分享 UWP开发之Mvvmlight实践八:为什么事件注销处理要写在OnNavigatingFrom中 UWP开发之Mvvmlight实践七:如何查找设备(Mobile模拟器.实体手机.PC)中应用的Log等文件 UWP开发之Mvvmlight实践六:MissingMetadataExcept

JqGrid相关操作备忘 方法列表

JqGrid相关操作备忘 方法列表 1.获得当前列表行数:$("#gridid").getGridParam("reccount"); 2.获取选中行数据(json):$("#gridid").jqGrid('getRowData', id); 3.刷新列表:$(refreshSelector).jqGrid('setGridParam', { url: ''), postData: ''}).trigger('reloadGrid'); 4.选

java开发微信公众平台备忘

简单记录下前段时间开发的电子书的 公众平台的一些备忘及开发心得经验等 eclipse的一些技巧: 1.ctrl+shift+o 自动添加必要import空间及移除无用import 项目备忘+说明 1.struts配置 :resources->struts.xml 经验心得: 1.struts在前台显示后台属性:${属性名称},

RxJava & RxAndroid备忘

"你问我要去向何方,我指着大海的方向" 今天在刷G+的时候看到Dave Smith推荐了一个视频 <Learning RxJava (for Android) by example> 点进去看了一下,原来是位熟悉的"阿三哥",视频封面如下:(没有歧视的意思,不要喷我啊~,为什么感到熟悉?接着往下看) 几乎同时也看到了JetBrains在G+也推荐了篇在Medium上的博文 <RxAndroid And Kotlin (Part 1)> ,然后

Objective-C教程备忘单

终极版本的Objective-C教程备忘单帮助你进行iOS开发. 想开始创建你的第一个iOS应用程序么?那么看一下这篇很棒的教程吧:Create your first iOS 7 Hello World Application 注:这篇文章我写了三天,可能在一些必要的地方使用了编辑和说明,所以如果有任何疑问和修改建议请在下方评论. 这不是一个初学者指南,也不是关于Objective-C的详细讨论,这是关于常见的和高水平的论题的快速索引. 如果这里有些问题没有涉及到,你也可以查阅以下文章: Obj