【学习打卡】第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---每英寸的物理像素点