HTML5教程

【学习打卡】第13天 前端工程师2022版 移动web开发入门第一讲

本文主要是介绍【学习打卡】第13天 前端工程师2022版 移动web开发入门第一讲,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

课程名称:前端工程师2022版

课程章节: 移动web开发入门

主讲老师:alex

课程内容:

今天学习的内容包括:

移动web开发入门

课程收获:

移动web开发入门:移动Web,PC Web和APP开发

一:什么是Web开发

    1.代码主要是HTML,CSS,JavaScript

    2.代码在浏览器中运行

符合上面两条就是web开发

二:什么是移动Web和PC Web开发?

    共同点:都用HTML,CSS和JavaScript来写

    不同:代码在移动端(手机,平板等)浏览器中运行        这是移动Web开发

               代码在PC端浏览器中运行          这是PC Web开发


三:移动Web和PC Web开发的关系

    1.基本知识体系没有太大的区别

        代码:HTML,CSS,JavaScript

        不同:不同的终端设备具有不同的特性

                1.屏幕大小不同

                2.交互方式不同(PC是鼠标键盘        移动端主要是手指)

                3.网络环境和设备性能不同  (下载速度,流量,性能PC均比移动端强)

                4.兼容性不同(移动端的开发兼容性要好的多,pc端的一些有兼容性的可用于移动端)

四:APP开发

        Application应用程序:Native APP(原生开发,例子:java开发安卓程序,oc,swift开发ios程序)    Web APP(web方面的开发,例子:博客,在线工具,在线网站等)   Hybird APP(混合式APP开发,原生和web开发相结合)  

  

五:为什么要进行移动Web开发

    1.PC端开发的页面不能直接在移动端使用吗?(不能)      

    PC端转到移动端字体太小等问题,不方便查看

 六:移动web基本概念
 1、分辨率---纵向*横向点阵个数
2、物理像素(设备像素)---一个个点就是物理像素。
3、CSS像素(逻辑像素、设备独立像素、)----实际开发中使用的像素。css像素会自动换算成物理像素
4、设备像素比--在一个方向上:设备像素/css像素
5、标清屏/高清屏:dpr=1/dpr>1
6、缩放---改变css像素的大小
7、ppi---每英寸的物理像素点

































这篇关于【学习打卡】第13天 前端工程师2022版 移动web开发入门第一讲的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!