DAY 1

写在前面

cs本科大二在读，一直跟着学校的课程学，已经学习了C、数据结构、算法设计、计组、计网、操作系统目前在学sql和java。学的都是基础，感觉这个专业可以学的无穷无尽。我觉得我应该给自己设置一个学习方向，不拘束于学校的课程，想额外学习更多的专业知识。前端好上手，所以我的发展规划先从前端入手，从最li基础的三大件html、css、javascript开始，然后vue、react，Axios。。。能学一点是一点。当然不论想得有多丰满美好，真正做了才是自己的东西。从今年寒假就开始慢吞吞的入门学习...现在就是一边写笔记复习之前学过的内容一边学新的。。。 看了一眼课程安排，计网和linux都是学过的，就不花时间去写了。我的笔记按照我自己学习的进度，毕竟我都已经学到css了。。好了废话不多说开始做笔记了，就从web前端开发开始吧。

Web前端开发

web前端开发是指利用HTML、CSS、JavaScricpt、DOM等web技术进行产品的界面开发。

web怎么工作？

不得不提三样东西：网页，网站，浏览器

什么是网页？ 网页是构成网站的基本要素，实际上是一个纯文本文件，采用超文本编辑语言格式，也就是html。

什么是网站？ 可以理解为网页的集合。

浏览器？ 网页显示运行的平台。主要功能将用户选择的web资源呈现出来，从服务器请求资源，并将其显示在浏览器窗口中，资源的格式通常为html。用户从url来指定所请求资源的位置。

web前端开发能做什么？

• 写出漂亮的web界面，优化网页代码并保持良好兼容性。
• 搭建产品整体前端框架。
• 与后端工程师协同合作，完成高质得数据交互、动态信息展现。
• 使用JS或AS编写封装良好得前端组件。

你要学什么？

web标准提倡结构、表现、行为相分离，这三要素分别对应老三样：HTML，CSS，JavaScript

结构--HTML（网页元素整理和分类）

html也就是超文本标记语言，是网页的骨架，无论多高级的网页，都必须离不开html。不过html只是一门标记语言，用来识别和描述一个文件中各个组件的系统，比如标题，段落和列表，表示文档的底层结构。

表现--CSS（设置网页元素的外观样式）

css，层叠样式表，是一种用来为结构化文档（如 HTML 文档或 XML 应用）添加样式（字体、间距和颜色等）的计算机语言。

行为--JavaScript（网页模型得定义及交互得编写）

JavaScript是一门轻量级的语言，也是使用最为广泛的脚本语言，可以操作网页元素或者某些浏览器窗口功能。JavaScript 是可插入 HTML 页面进行编程，插入 HTML 页面后，可由所有的现代浏览器执行。