课程名称:前端工程师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---每英寸的物理像素点