web开发基础-第一讲
- 前端包含:
- H5 CSS5 JavaScript JQuery Ajax等等
工具 | 作用 |
---|---|
H5 | 网页内容。内容与仰视的绝对分离。HTML5 API(面广、功能强大):Canvas WebSockets Communication Geolocation等。 |
CSS3 | 网页样式。(选择器,元素定位,CSS动画等。 |
JavaScript | 常用来为网页添加各式各样的动态功能。1.对浏览器事件作出响应。2.读写HTML元素。3.在数据被提交到服务器之前验证数据。4.检测访客的浏览器信息。5.基于Node.js技术进行服务器端编程等等。 |
jQuery | 快速、简洁的JavaScript库。写更少的代码,做更多的事情。封装JavaScript常用的功能代码。 |
Ajax | 在不重新加载整个网页的情况下,对某部分进行更新。 |
- 扩展:页面性能
- 页面加载时间
- 例如:如何减少HTTP请求
- 浏览器性能
- 浏览器提供的便利功能:JS引擎、CSS动画处理等方面的性能优化和加速。
- 网络性能
- 如何有效节省带宽
- 开发效率
- 代码重用,例如响应式设计:让网页在不同的是设备上适应,例如手机、平板电脑。
sublime安装插件:Emmet
html>head+body 点击Tab键
“> ”:子元素符号,表示嵌套的元素
“+ ”:同级标签符号
“* ”:定义多个元素 例如ul>li*3
连续输入元素名称和ID,Emmet会自动补全
例如 P#abc
ctrl+/ 注释
ctrl+alt+h|c|j 新建页面
Fn+ctrl
- 浏览器安装
- Firefox
- Opera
- Chrome
- Safari
- IE
- 2345浏览器 搜狗浏览器 QQ浏览器。。。
- 内核,浏览器解析效果
- 渲染出的效果不同,浏览器的兼容性
网站开发分为:
- 客户端开发,又称为静态网页开发
- 服务器端开发,又称为动态网页开发
静态网页与动态网页
- 静态网页的共同特点是网页内的代码是在客户端的浏览器执行。一般以.htm或.html为扩展名
- 动态网页的共同特点是网页内的代码在服务器上执行,完成数据库操作后,生成的HTML/XHTML等代码页面发送给客户端的浏览器执行。一般以aspx、php 、jsp等等为扩展名
常识补充
- HTTP请求:浏览器地址栏或者超链接
- 应用程序映射列表。确定与文件相关的应用程序(例如.aspx),将请求传递到特定的应用程序。
- 浏览器:页面渲染 、交互。
- 其他 B/S C/S
- URL:统一资源标识符
- http协议:超文本传输协议,一组在web上交换文件的规则。B/S
- www:web服务器计算机名
- baidu.com:域名
- http://210.44.176.11
- 域名到IP地址,IP到域名的解析,DNS
- http://210.44.176.11:8080
netstat -a -o
127.0.0.1:回送地址,指本地机,一般用来测试使用
搭建Web服务器
A