当前位置:三九宝宝网 → 宝宝教育 → 智力培养 → 正文

pc端和移动端的页面应该怎么开发

更新:01-06 整理:39baobao.com
字体:

[照片房产的人才招聘信息应该怎么写]这个行业就是这样,人员一直有变动,因为是靠业绩说话,没业绩,或者业绩不佳的,或者经纪人不适应的就会离开,这时候就得需要新鲜的人员组补充。无论大小公司,都是希望招到真的有能力的...+阅读

展开全部应该说,移动端的开发是伴随着HTML5的兴起而出现的,2007年第一款iPhone诞生,2009年HTML5这个名词第一次登上“舞台”。当时的移动互联网开始逐渐兴起,发展到今,移动互联网已经和人们的日常生活密切相关。作为开发者,对于一个崭新的事物,一直在尝试的“路上”,到底最好的开发方式是什么?本文介绍了从移动端诞生到现在,自己探索到的开发方法,并配以相应知识点,欢迎跟大家沟通、分享。

初次接触移动端,绝对单位的使用自己接触移动端开发是在2012年,那时候比较新潮的是制作WEBAPP。什么是WEBAPP呢?所谓的WEBAPP就是用网页模拟出原生语言(如iOS)开发的APP交互效果。虽然在表现层面上,HTML5表现突出,但不得不承认的是,在系统性能层面,WEBAPP明显要差于原生应用(即NativeAPP)。这也就使得WEBAPP这条路暂时性的被堵住了。

于是,移动端的开发方向逐渐向移动端网页倾斜。对于PC端,我们一直使用的是px(像素)进行代码的书写,但是到了移动端,需要面临不同的分辨率。在2012年的时候,自己和团队成员在写移动端的时候,由于是初次接触,还是在使用px(像素)作为单位。因为在2012年的时候,绝大多数的手机的屏幕大小都是320*480分辨率,所以,即便是使用像素作为单位进行移动端网页开发也是完全可以的。

关于视口的知识,可点击查看——移动端H5知识-视口viewport横向百分比,纵向像素值随着移动端的继续发展,在2012年9月,iPhone5上市,开始引领“特殊分辨率”的发展,于是,320*480分辨率的手机屏幕在整个手机市场当中占有的份额越来越少,各种各样的分辨率如雨后春笋般冒了出来。此时我们再进行固定像素进行开发明显是不明智的。于是,我们开始采用百分比(相对度量单位)进行盒模型横向属性(width、左右内边距、左右外边距)的制作,使用em(相对度量单位)实现文字的处理。

但盒模型纵向上还是使用固定像素作为单位。但是,这种操作导致了一个问题——主要表现在img标签的处理上。成都软件开发公司标签进行计算的。相比之下,rem的计算起来要简单很多。于是,自己尝试用rem解决横向以及纵向的设置,舍弃掉了百分比,发现还是挺不错的,算是兼容了绝大多数机型和浏览器。之后,在使用一款华为手机进行测试的时候,发现并不支持横向的rem。

于是,又需要想法啦~~~正解——横向百分比,纵向rem针对华为手机,我尝试了横向百分比,发现还是能够支持的,于是就折中了一下,横向使用百分比进行控制,纵向使用rem作为单位。此时能够实现所有浏览器的兼容。优化正解——横向百分比,纵向rem在横向使用百分比,纵向使用rem时,会由于计算产生一定的误差,于是,运用学习过的一些HTML5技术,进行移动端页面的优化,例如,使用CSS3的盒阴影替换掉边框。

而对于rem,在计算中通常是存在一定的字体误差的(会计算出小数点),此时正好接触了一下淘宝的移动端页面,看到了一个不错的JS框架——flexible.js,通过这个框架对页面进行处理,能够防止小数点的出现。关于flexible.js框架的具体用法,可点击查看——移动端H5知识-处理rem小数点flexible.js优化正解2——任性的使用固定像素来实现上个月月初,发现网易移动端的制作方法有些特殊,查看代码时发现,网易采用了固定像素进行书写,而通过MetaHandler.js进行了页面的控制。

最近尝试了一下,感觉还是挺不错的,兼容也是比较好的,不失为一种好方法。关于MetaHandler.js框架的具体用法,可点击查看——移动端H5知识-固定像素的实现方法

本文地址:https://www.39baobao.com/show/32_34190.html

以上内容来自互联网,请自行判断内容的正确性。若本站收录的信息无意侵犯了贵司版权,请联系我们,我们会及时处理和回复,谢谢.

以下为关联文档:

房地产公司工程部的规章制度应该写哪些内容工程部应制定哪些规章制度? 详细内容根据自己实际添: 1. 工程部各岗位人员的岗位责任制; 2. 设备维修器材的采购、保管和领用制度; 3. 工程部机房制度; 4. 工作间清理制度; 5. 锅...

公路路基施工中旁站监理应该做些什么以我在道路上施工的经验,你应该注意的几点: 1、费用控制方面:熟悉合同、《公路工程国内招标文件范本(2003)》、公路工程工程量计算规则、监理大纲等文件,每期施工单位会报计量支付...

美术教育在一个人成长中应该发挥什么样的作用美术教育学生整体素质全面发展过程中的组成部分,究其范围而言,它是包容性的,与美术并非是一个完全重合的概念。在这里教育是作为美术的一个功能之一发挥其作用。 诚然美术教育...

优秀财务工作总结范文应该包括什么一、费用成本方面的管理 规范了库存材料的核算管理,严格控制材料库存的合理储备,减少资金占用。建立了材料领用制度,改变了原来不论是否需要、不论那个部门使用、也不论购进的...

工程项目管理应该掌握什早期的项目管理主要关注的是成本、进度(时间),后来又扩展到质量。最近十几年间,项目管理逐渐发展成为一个涵盖9大知识体系、5个具体阶段的单独的学科分支。9大知识体系包括: 集成...

办公室人员应该如何做好接待这方面工作接待工作是各级机关的一项常规性工作。接待工作水平高低能够集中反映一个地方一个部门的整体形象,能够展示出接待人员的素质和能力,同时对于推动工作开展也具有十分重要的作用...

面对现在的就业岗位大学生简历应该怎么写大家好我是金语梁言5566。欢迎关注很多大学生初入职场,简历写得大多不尽如人意。 很多人能力出众,但在不会在简历中体现出自身的优势,白白错过好的工作机遇。这就好比同一个学...

一个公司的经营状况应该包含什么为什么不让财务做呢,财务更加专业呀 从财务口径来做试试 1、整体情况:利润总额,对外含税销售、应收账款控制率、各板块销售完成率、毛利额完成率,人员 2、财务指标:费用率、资金...

应聘建筑专业项目管理应该掌握哪些知识最主要的是有相关的经验,一般得3年!最好有建造师证! 项目经理的职责 1.确保项目目标实现,保证业主满意 这一项基本职责是检查和衡量项目经理管理成败、水平高低的基本标志。 2....