这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
一、前端总览
1.什么是前端
三个要点:解决GUI人机交互问题、跨终端、web技术栈
前端就是使用web技术栈解决多端图形用户界面交互问题
2.前端技术栈
HTML(内容)、CSS(样式)、JavaScript(行为)
3.前端关注哪些方面?
功能、美观、安全、无障碍、兼容、体验、性能。
注重用户的体验
4.前端的边界
随着技术的发展,前端能够解决的问题也在逐渐广泛
上手简单
二、HTML
1.HTML标题含义
HypterText Markup Language
超文本(不止文档) 标记 语言
通过一系列标签使网络上的文档格式统一
2.HTML语法
浏览器使用DOM树的方式来识别HTML
几种常用标签
标题标签、文本标签、链接、多媒体、输入、内容划 分
3.语义化
是什么?
元素、属性、属性值都拥有各自的含义
每一个超文本都有规定的格式,必须一个萝卜一个坑,规范书写。
为什么?
利于别人理解、浏览器理解和展示、搜索引擎让 用户更容易找到你、方便更多人使用,
比如盲人。总之百利无一害,就是经过时间检验的真理。
怎么做?
了解每个标签与属性的含义
思考每个内容适合什么样的标签
用可视化工具生成代码
三、课后
1.HTML标签还有个很多,熟能生巧,可以看MDN文档
2.HTML只是格式化工具,确保网页内容格式正确不需要去考虑样式。
3.后端都干些啥?
找了一下百度一开始其实没有前后端,后来发现做一个网站工作量太大,视觉和交互要求越来越高,
“套模板”的方式渐渐无法满足要求,所以决定分为两个部分。为了让服务器、应用、数据库能够彼
此交互,一个登陆页面: 前端开发只要做好静态页面部分 ,加上鼠标移入输入框、移出输入框
的颜色变化;但是输入用户名、密码 后登录系统的话要连接数据库,这个就需要后台开发做逻辑
处理了!用户看到的是前端,但是用户看不到的是隐藏在冰山下面的后端。