这是我参与「第五届青训营 」笔记创作活动的第一天

前端概念

什么是前端

首先他是现在Web2.0的环境下，解决GUI人机交互的最主流的方案。其次前端开发者应该具备跨终端的能力，使用web技术栈，解决多端图形界面交互问题。

前端技术栈

前端技术栈主要分为三层，HTML+CSS+JavaScript 分别对应着 内容+样式+行为，这是构建前端的基础，可以使用HTTP网络协议对服务器发送网络请求进行交互传递数据。

前端需要关注的问题

• 功能：满足用户功能需求
• 美观：页面样式是否满足用户审美
• 无障碍：网站是否对所有人可用
• 安全：保障用户数据安全
• 性能：用户是否使用流畅
• 兼容：是否可以在多种web平台使用
• 体验：用户直观感受

前端的边界

前端除了开发页面，在如今也可以做更多的事情

• node.js：开发服务器端应用
• electron：开发客户端应用
• webRTC：P2P在线传输
• WebGL：开发3D应用
• WebASSEMBLY：将c++等语言在web端上运行

HTML概念

HTML是什么

HyperText Markup Language

• HyperText：超文本
• Markup Language：标签语法

HTMl概念

DOM树

他是由层层嵌套的HTML标签形成的树结构，里面的每个节点称之为DOM节点，这不禁让我们想到Vue底层的虚拟DOM树也是通过HTML类似的结构对页面进行渲染

语义化是什么

html元素、属性、属性值都拥有对应的含义，这个就叫做语义。语义化是指开发者开开发的时候需要遵循语义来进行开发，比如开发的时候不应该贪图方便都是div和span，而应该用已存在的html标签对文章内容进行合理的编写

为什么需要语义化

• 开发者：在开发的时候，可以通过语义化标签快速判断数据的作用
• 搜索引擎：可以提取关键字、排序等
• 屏幕阅读器：给特殊人群带来便利

总结

学习完这节课后对HTML有更深刻的理解了，比如HTML他存在是为了表达，而不是样式，所以在HTML上通过style添加样式是很不提倡的行为，因为样式我们已经有了CSS可以进行表达。然后就是语义化的重要性，这对开发者来说，规范的语义化习惯带给我们的好处是长远的，也为互联网的和谐生态可以贡献出自己微薄的一份力。