Web前端开发(基础学习+坑)

时间:2022-07-15 19:26:07

0.基本说明

0.内容为课堂所学基本知识,加自己踩过的坑

1.web基本框架:html+css+JavaScript,html为网页骨架,css为网页美化,JavaScript负责页面动态交互,脚本等

2.web开发的IDE:visual studio code+Chrome

1.HTML

0.html在web前端负责网页的基本骨架

1.html主要是各种标签(tag)的用法,标签后有可能跟着属性(attribute),各标签用法可参考http://www.w3school.com.cn和https://html-css-js.com

Web前端开发(基础学习+坑)

2.CSS

0.css则主要负责网页的美化,也就是皮肤

1.css是cascading style sheet(层叠样式表),他是层叠堆上去的格式,很坑的就是他后面代码描述的样式会覆盖前面代码的格式,改代码的深坑,debug必须全面看代码

Web前端开发(基础学习+坑)

2.css的箱模型,调整布局时候有用

Web前端开发(基础学习+坑)Web前端开发(基础学习+坑)

3.一般的css开发用bootstrap框架,可以解决响应式设计问题(即在各种设备上可以自动适应布局,不至于移动端网页显示混乱)

4.html引入css的三种方式:内部引用>嵌套引用>外部引用,注意叠加的优先级,对比1

3.JavaScript

1.js中操作数除了二元的加号(+)外,其他的操作符作用在数字和其他的数据类型中的时候,全都把其他的数据类型转换成数字类型,包括一元的加号(+),如果结果不是数字类型,那就是NAN