手机页面开发总结_ - 狐狸不会飞

标签: 手机 页面 开发 | 发表时间:2014-06-18 16:45 | 作者:狐狸不会飞
出处:

1,图片像素不要用具体px,要用% px

2,左右边距也用%px

3,字体上,如果太小的px 手机上和电脑上是有区别的最好的情况是用em

4,对于get请求所带参数,参数之间不要留空格,不然读取数据时会取不到值

   (面对如果名称没有错,值也有的情况,那么就观察你的url 看参数名称之后是否出现奇怪的字符)

5,面对多个单选框取值,首先为他们取同一个name 值(这样能保证它只能单选,不会出现多选)->给他们赋value值->循环单选框判断他们的checked 属性,在取值

6, 面对不同手机的不同系统可能会出现宽度不同的情况,

    (

//  actionInfo   myButton 样式

var buttonWidth = $(".actionInfo").width() + 44;
$(".myButton").width(buttonWidth);

)

7,前提页面获取系统当前时间与你所定义时间对比 

 ( new Date().getTime() < new Date(endtime).getTime()  转化成同一串数字 )

8,判断距离结束时间的方法 

1 // endTime 定义的结束时间
2 function D_Time(endTime) {
3 var obj = $("#lbl_Time");
4 var endtime = new Date(endTime).getTime();
5 var nowtime = new Date().getTime();
6 var youtime = endtime - nowtime;
7 var seconds = youtime / 1000;
8 var minutes = Math.floor(seconds / 60);
9 var hours = Math.floor(minutes / 60);
10 var days = Math.floor(hours / 24);
11 var CDay = days;
12 var CHour = hours % 24;
13 var CMinute = minutes % 60;
14 var CSecond = Math.floor(seconds % 60);
15 if (endtime <= nowtime) {
16 obj.html("已过期");
17
18 } else {
19 if (days > 0) {
20 obj.append("" + days + "天" + CHour + "时" + CMinute + "分" + CSecond + "秒");
21 }
22 else if (CHour > 0) {
23 obj.append("" + CHour + "时" + CMinute + "分" + CSecond + "秒");
24 }
25 else if (CMinute > 0) {
26 obj.append("" + CMinute + "分" + CSecond + "秒");
27 }
28 else if (CSecond > 0) {
29 obj.append("" + CSecond + "秒");
30 }
31 }
32 setTimeout("D_Time()", 1000);
33 }

 

 


本文链接: 手机页面开发总结_,转载请注明。

相关 [手机 页面 开发] 推荐:

手机页面开发总结_ - 狐狸不会飞

- - 博客园_首页
1,图片像素不要用具体px,要用% px. 3,字体上,如果太小的px 手机上和电脑上是有区别的最好的情况是用em. 4,对于get请求所带参数,参数之间不要留空格,不然读取数据时会取不到值.    (面对如果名称没有错,值也有的情况,那么就观察你的url 看参数名称之后是否出现奇怪的字符). 5,面对多个单选框取值,首先为他们取同一个name 值(这样能保证它只能单选,不会出现多选)->给他们赋value值->循环单选框判断他们的checked 属性,在取值.

构建自适应的手机页面

- - SegmentFault 最新的文章
从事PC Web开发好多年,但是手机页面开发较晚,所以最开始的时候,为了做微信应用的开发,各种饿补,但是为了将设计稿精准的适配在各种尺寸的手机上还是太坑,所以找了些资料后,借鉴了一些成熟的网站,自己整合了一个简便的方法,分享出来,欢迎拍砖. 首先需要你对viewport有一个了解,建议看 Apple官方文档,虽然啰嗦,但是啃一遍,基本该明白的就全明白了.

手机wap页面前端的一点体会

- Clatin - BlogJava-首页技术区
手机端的html页面就像回到了最早的纯文本时代~~. 没有JS,只有单纯的div+css~容易上手,但是也有很多限制. 不在技术上,更多的是一些适合手机屏幕的适配~. 移动平台有多种,iOS, Android, WP7, Sybian …. 移动浏览器就更多,我的Android手机中装了10款浏览器,分别是:原生google的,qq,UC,海豚,firefox,opera,天天,go,skyfire和x浏览器GL.

通过.htaccess对手机与PC终端分流呈现页面

- - 傻子-王跸西的blog-WangBiXi.com
对于使用手机终端访问PC版页面的,跳转到手机版网页. 对于PC终端访问手机版页面的,跳转到PC版网页. .htaccess文件中内容:. #上面的例子就是如果访问终端为Iphone,则跳转到http://www.yoursite.com/monile/这个页面. #.htaccess对所在文件夹下的页面文件及其子目录下的页面文件皆有效.

书写手机移动页面时的一些坑

- - CSDN博客推荐文章
今天总结一下在写手机移动端页面时的一些注意事项. 在写手机移动端页面时,我们有时候会稀里糊涂的遇到一些坑. 同时手机页面的一些展示和我们pc端页面的展示是有一些区别的. 一、书写移动端时需注意的 meta 标签. width=(number || device-width) -设置文档的宽度,device-width表示文档宽度等于设备宽度, 在安卓下对number 值得设置支持不是太好.

构建初级前端页面重构开发环境

- - 我爱水煮鱼
本文主要面对前端初级新手,是我从事前端项目外包这一年多时间里积累的经验,提供一系列的工具和资料来帮助新手更高效的从事前端开发. 但是由于本人水平有限,所以只能写一些初级的方法和工具. 没有添加诸如 grunt 这类的更高级的工具,因为我对这块目前还没有很多实战经验. 此外,关于移动端的调试开发,也很少做过,所以本文没有很多相关信息,有待进一步补充.

9 个单页面网站开发必备的 jQuery 插件

- - ITeye资讯频道
单页面网站作为简单快捷、易于维护的页面设计方案,越来越受到工作室、作品集或者个人博客类网站用户的青睐,我们可以使用不同的特效来使得页面更加的丰富和炫动. 今天我们将介绍几款可以作为单页面开发的jQuery插件,帮助大家快速简便的实现一个单页面的网站设计,希望大家喜欢. 使用这个插件,可以帮助你快速搭建一个滚动的页面导航,如果你需要比较简单直接的方式开发一个单页面的网站,这个插件是一个不错的选择.

还在找工作吗?不如来开发手机应用吧

- dwfeng - 爱范儿 · Beats of Bits
Freelancer 最近做了一个调查,分析了 10 万份人力外包市场数据,发现与手机应用程序开发有关的工作机会增长强劲, 2011 年第二季度比第一季度增长了 12%. Android 工作机会增长 20%,从 1419 个增长到 1702 个;. iPad 工作机会增长 11%,从 1174 个增长 1305 个;.

开发者如何免费获得MeeGo手机N9/N950

- jimmy54 - cnBeta.COM
感谢liufengruohan的投递. 对于Meego手机的发布,业界褒贬不一,一切得看正式发布后的市场反应. 无论如何Nokia的渠道优势还是在的,正所谓“瘦死的骆驼比马大”,对于那些摩拳擦掌要开发应用的码衣们,或许你们最关心的是如何免费获得测试手机,以下给大家带来的官方的消息:.

微软向webOS开发者免费提供WP手机

- ArmadilloCommander - Solidot
惠普宣布停止运营WebOS硬件业务,放弃TouchPad平板和webOS手机. 惠普的战略转移出人意料,微软正视其为一种机遇. Windows Phone 7开发高级主管Brandon Watson在twitter上表示,将向任何webOS开发者免费提供Windows Phone手机、开发工具和训练.