这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
重点内容
- 介绍了前端的概念
- 前端的技术栈
- 前端的关注点
- 前端的一些方向
- HTML的概念
- HTML语义化
详细介绍
前端
- 解决GUI人机交互问题
- 跨终端
- web技术栈
即利用web技术栈解决多端GUI人机交互的问题
前端技术栈
主要是以传统三件套为基础:HTML(内容),CSS(样式),JavaScript(行为)
前端关注点
其实在我学习前端的过程中,我也不知道自己具体需要关注什么方面,只是自己在与学习,与他人协作的过程中会比较关注的是功能的完整性,页面的美观性,以及代码的可维护性,这堂课老师还提到了许多平时自己忽略的关注点,感觉受益匪浅
具体如下:
- 功能
- 美观
- 无障碍
- 安全
- 性能
- 兼容
- 体验
前端的边界
前端涉及的概念,技术,应用非常广泛,nodejs,electron,WebRTC,WebGL等这些都在前端的范畴内
HTML
概念
全称Hyper Markup Language
语法
- 标签和属性不区分大小写,习惯小写
- 空标签可以不闭合
- 属性值推荐双引号包裹
- 部分属性可省略
语义化
HTML中的元素、属性、及属性值都拥有某些含义,作为开发者我们应该遵循语义来编写HTML,这样可以维护代码的可读性,增强可维护性,便于搜索引擎优化及无障碍化提升
<p style="font-size:32px">前端工程师的自我修养</p>
<h1>前端工程师的自我修养</h1>
以上两段代码的实现效果是一样的,但遵循语义化的原则,我们会选择使用第二种
个人总结
本堂课主要是讲了前端最基础的部分,引导大家对前端有最基本的认识并遵循好的规范