移动web简介

什么是移动web

用于展示在移动设备上的网页(web),称之为移动端页面。
移动设备泛指手机、平板等设备。

如何调试移动web页面

一些浏览器为前端开发者提供了真机调试模拟环境。例如:chrome。
打开开发者工具,点击手机图标即可切换到模拟环境。

移动web发展历程

  • 从2014年10月HTML5标准规范最终发布后,移动web就迎来了飞速的发展。因为使用HTML5技术可以更方便 更快捷的开发现代web应用程序
  • 而移动端的手机浏览器都是比较新的 HTML5在移动端的浏览器支持情况都比较好
  • 所以HTML5主要应用就是在移动端 移动web开发中。
  • 至今 移动web已经发展了很多年 各方面的技术都比较成熟稳定 网上的教程也比较完整成熟 所以现在的web已经到全民移动web的时代了
  • 移动互联网商业模式多样化,移动互联网超越PC互联网,引领发展新潮流。

移动端布局特点

  1. 移动端页面与pc端页面的区别

a. 多机型适配

pc端页面不需要考虑机型适配的问题

但是移动端的设备机型尺寸特别多,需要考虑不同的机型尺寸


b. 页面结构简单

由于移动设备的屏幕远小于pc端,不采用很花哨的页面结构。

由于移动端的性能远不如pc端,所以网页不会很复杂。

常见的移动web页面结构:

广告栏

搜索栏

轮播图

导航栏

商品列表

底部

  1. 移动web知识总结(超详细)附带思维导图相关推荐

    1. 1. sqlmap超详细笔记+思维导图

      sqlmap思维导图: 基本操作笔记: -u #注入点 -f #指纹判别数据库类型 -b #获取数据库版本信息 -p #指定可测试的参数(?page=1&id=2 -p "page, ...

    2. Javascipt超详细版思维导图+基础语法导航

      JS思维导图 JS基础导航 JavaScript(一)--变量,数据类型及转换.运算符和逻辑结构 Javascript(二)--函数与作用域 JavaScript(三)--对象与数组及API Java ...

    3. 计算机网络复习总结(超详细加思维导图)

      目录 一.计算机层次结构概略 计算机网络层次结构 1.OSI七层参考模型.五层模型.TCP/IP模型他们到底有何关联? 2.为什么要分层呢? 3.那这些01比特流在传递的过程中都经过了传输媒体? 二. ...

    4. 当初我要是这么学习「进程和线程」就好了(附带思维导图)

      作者 | cxuan 来源 | Java建设者 本文思维导图 我们平常说的进程和线程更多的是基于编程语言的角度来说的,那么你真的了解什么是线程和进程吗?那么我们就从操作系统的角度来了解一下什么是进程和 ...

    5. C++来了,详细知识点思维导图!

      昨天提供了关于C语言的思维导图: 一文带你学C语言,详细知识点思维导图! 被一些朋友威胁. 我太难了,这不,求生欲极强的我,还是被迫再次营业. 思维导图原文地址: https://www.csdn.n ...

    6. 计算机组成(超详细)+附带思维导图

      计算机的组成 运算器,进行运算,算术运算和逻辑运算 控制器,控制指令的执行 存储器,包括内存和外存,外存有硬盘,u盘等形式 输入设备,鼠标,键盘等 输出设备,比如显示器 运算器和控制器组成中央处理单元 ...

    7. 超干货!当初我要是这么学习操作系统就好了(附带思维导图)

      点击蓝色"小詹学Python"关注我哟 加个"星标",一起走向人生巅峰! 1 下面是本文的思维导图 我们平常说的进程和线程更多的是基于编程语言的角度来说的,那么 ...

    8. 大学python教材思维导图_Python核心知识体系的14张思维导图

      本文主要涵盖了 Python 编程的核心知识(暂不包括标准库及第三方库). 按顺序依次展示了以下内容的一系列思维导图:基础知识,数据类型(数字,字符串,列表,元组,字典,集合),条件&循环,文 ...

    9. 【文献学习】海上信道系统知识体系详解--附思维导图

      目录 思维导图 1 海上信道环境分类 2 在海上信道建模的关键概念 2.1 重要定义和参数 2.2 传播损耗的测量与建模 3 海上信道模型分类 4 海上微波传播的信道模型 4.1 基于宽带海上信道建模 ...

    10. 无监控、不运维。运维系统架构设计附带思维导图

      无监控.不运维 运维行业有句话:"无监控.不运维". 是的,一点也不夸张,监控俗称"第三只眼".没了监控,什么基础运维,业务运维都是"瞎子" ...

    最新文章

    1. 基于C#的UDP协议的同步实现
    2. CUDA Study ---- Hardware Architecture
    3. canvas做的图片查看器1
    4. linux pandas教程_竞赛中的Docker使用教程
    5. java asin_Java asin()方法
    6. python时间差怎么转换为数字_pandas进行时间数据的转换和计算时间差并提取年月日...
    7. 2021年一月文章导读
    8. 2-7 StatusStrip 控件
    9. xps15u盘装linux,戴尔xps15系统重装图文教程
    10. google gflags使用指南
    11. 13.6.1 PDF 偏执狂
    12. 人力资源管理系统如何促进业务增长
    13. python之生产者消费者模型
    14. 【基于MAX78000的智能边缘应用设计大赛】
    15. 里奥机器人控制app_Cruzr(机器人控制软件)
    16. 问题事件名称: APPCRASH 应用程序名: xxx.EXE 应用程序版本:
    17. 总结一些网站加密和混淆技术
    18. 为什么ES不适合做数据存储
    19. 电子计算机的清除,计算器的清除键是什么
    20. webgl-原生纹理贴图

    热门文章

    1. 《逻辑哲学论》 (最后部分节选)
    2. 收益率:信用卡、余额宝和货基
    3. 微信小程序录音 第一篇 (基于微信小程序及百度AI的 人员语音识别转文字显示小程序)
    4. 第九章 keyhookdll windows程序设计王艳平版
    5. Android网络通讯之OkHttp
    6. 视频教程-清华-尹成老师-java基础-Day18-Java
    7. 微信企业号通讯录套件安装失败
    8. 【数据结构】【c】关于malloc和realloc
    9. qt 设置标题栏图标、任务栏图标和启动图标
    10. python分类预测_《Python机器学习——预测分析核心算法》——2.6 多类别分类问题:它属于哪种玻璃...