移动WEB页面开发

简介: 移动WEB页面开发

一、如今的移动行业:
1.移动互联网的发展
2.智能手机迅速发展
3.移动WEB应用的发展
4.移动端的开发需求逐年增加
二、移动网页开发和pc网页开发的区别:
1.终端设备及浏览器
2.分辨率
3.视口
4.输入特性:
鼠标、键盘
触摸
三、PC端开发浏览器:
Chrome、IE、火狐
四、移动浏览器类型:
内置浏览器、可下载浏览器、代理浏览器、WebView
五、谷歌浏览器测试环境:
1.Emlation:
(1)Device:可以切换设备和型号
(2)Resolution:设备像素
(3)Device pixel ratio:设备像素比
2.NetWork conditions:
(1)Disk cache:磁盘缓冲,默认是不缓冲的
(2)NetWork throttling:网络节流,单击下拉菜单,可以模拟网络测试。
3.Sensors:
(1)Geolocation:模拟地理定位,shanghai,london、莫斯科、东京
lat:经度
lon:纬度
(2)orientation:模拟陀螺仪,这个功能一般用于摇一摇等有重力感应的场景。
α:设备绕Z轴旋转的数值
β:设备绕X轴旋转的数值
γ:设备绕Y轴旋转的数值
六、移动端视口:
1.布局视口:在移动端上,视口与移动浏览器屏幕宽度不在关联,而是完全独立的。(在桌面上浏览器上,浏览器窗口就是约束CSS布局窗口,他决定了用户可以看到什么)
2.视觉视口:在手机上,桌面视口被拆分为两个,布局视口会限制CSS布局,视觉视口会决定用户能看到什么。
3.理想视口:它明确了特定浏览器布局视口的理想尺寸。
七、视口标签:
八、设备像素比:
1.设备像素:是设备屏幕的物理像素,任何设备的物理像素都是固定的。
2.设备像素比:设备像素个数和理想视口的比。
3.DPI:用像素的数量除以屏幕的以英寸为单位的宽度可以得到你的设备每英寸的点数,简称DPI。
九、移动网页开发和PC网页开发的异同:
1.不同点:
(1)适配不同的分辨率和屏幕尺寸
(2)兼容的浏览器
2.相同点:
布局结构
使用的技术
十、使用相对长度单位em来布局网页内容:
1.em的值并不是固定的
2.em会继承父级元素的字体的大小
十一、使用相对长度单位rem来布局网页内容:
1.rem的值并不是固定的
2.rem的值是相对于根节点html而发生变化的(与父节点无关)

相关文章
|
19天前
|
开发框架 缓存 前端开发
基于SqlSugar的开发框架循序渐进介绍(23)-- Winform端管理系统中平滑增加对Web API对接的需求
基于SqlSugar的开发框架循序渐进介绍(23)-- Winform端管理系统中平滑增加对Web API对接的需求
|
21天前
|
安全 IDE 编译器
深入理解PHP 7的新特性及其对现代Web开发的影响
【7月更文挑战第30天】本文将深入探索PHP 7版本中引入的关键新特性,并分析这些改进如何优化现代Web开发实践。通过对比PHP 5和PHP 7的性能差异,我们将揭示PHP 7如何提升应用响应速度和资源利用效率。此外,本文还将讨论PHP 7对开发者工作流程的影响,包括新的语言特性、错误处理机制以及内置函数的增强,旨在为读者提供全面了解PHP 7所带来的变革性影响。
|
4天前
|
开发框架 前端开发 Java
【前端学java】SpringBootWeb极速入门-实现一个简单的web页面01
【8月更文挑战第12天】SpringBootWeb极速入门-实现一个简单的web页面01
16 3
【前端学java】SpringBootWeb极速入门-实现一个简单的web页面01
|
2天前
|
缓存 前端开发 JavaScript
高效开发现代 Web 应用:从前端到后端的最佳实践
在开发现代 Web 应用时,前端和后端技术的选择对项目的性能、可维护性和用户体验至关重要。本文将探讨如何通过现代工具和框架来优化前端和后端开发流程。我们将分析前端技术(如 React 和 Vue.js)与后端技术(如 Node.js 和 Django)的集成,并提供实际案例来展示如何实现高效开发。无论是对新手还是经验丰富的开发者,本指南都提供了宝贵的洞见和实用的技巧,以帮助提高开发效率并构建出色的 Web 应用。
|
6天前
|
开发框架 前端开发 JavaScript
C/S、B/S、Web的介绍(Web应用开发)
这篇文章介绍了C/S(客户端/服务器)和B/S(浏览器/服务器)两种架构,以及Web应用开发的基本原理、客户端和服务器端的应用技术。
C/S、B/S、Web的介绍(Web应用开发)
|
15天前
|
安全 前端开发 JavaScript
PHP在现代Web开发中的角色和挑战
【8月更文挑战第5天】随着技术的不断进步,PHP作为一门经典的服务器端脚本语言,在现代Web开发中扮演着重要角色。本文将探讨PHP的发展历程、它在当前Web开发环境中的地位、面临的主要挑战以及未来可能的发展方向。
|
19天前
|
移动开发 开发框架 小程序
开发H5程序或者小程序的时候,后端Web API项目在IISExpress调试中使用IP地址,便于开发调试
开发H5程序或者小程序的时候,后端Web API项目在IISExpress调试中使用IP地址,便于开发调试
|
5天前
|
移动开发 小程序 前端开发
跨端技术演进问题之Web容器方案在跨端开发中的优势和不足如何解决
跨端技术演进问题之Web容器方案在跨端开发中的优势和不足如何解决
|
15天前
|
安全 前端开发 JavaScript
PHP在现代Web开发中的角色与挑战
【8月更文挑战第5天】PHP,一种广泛使用的开源服务器端脚本语言,因其易用性、灵活性和丰富的功能而受到许多开发者的青睐。然而,随着Web开发技术的不断进步,PHP面临着新的挑战。本文将探讨PHP在现代Web开发中的角色以及它所面临的主要挑战,同时分析PHP如何适应这些变化以保持其在Web开发领域的重要地位。
22 0