这是我参与「第五届青训营 」伴学笔记创造活动的第 1 天

什么是前端工程师？

在学习过程中老师用一句话总结就是：前端工程师是运用web技能栈解决多端图形用户页面交互问题的工程师。

前端技能栈

前端最根底的技能栈是由咱们一般所说的前端三件套（HTML（内容）、CSS（款式）、JavaScript（行为））以及服务端构成，经过http等网络协议完成交互，由这些就构成了咱们所说的前端最根底的技能栈。

[ 前端与 HTML | 青训营笔记]

在体系学习前端之前我并不清楚前端真正应该重视哪些方面，目前我所了解并学习的前端的技能栈，给我的感觉就是学习速度跟不上技能栈迭代更新的速度，尽管vue3推出来至今也有两年半的时刻了，尽管目前大部分公司并没有普及，可是尤大大的团队依旧在继续更新，当然这些仅仅是技能栈上的重视点，而实际开发过程中咱们需求考虑到的方面远不止这些。

网页开发的功能、漂亮、是否考虑视觉妨碍、安全、性能、兼容性以及用户的体验，这些都是咱们在开发过程中需求重视的当地。

HTML

说实话在在此之前，我只知道html是咱们俗称的页面文件，网页最根底的部分，可是全称是什么呢？HyperText Markup Language

相信前端工程师大部分比较喜爱运用VSCode编辑器，不仅仅是轻巧快捷，同样有很多大佬发布的实用性很强的插件，相信咱们不少同学在写HTML的页面模板都是！快捷键生成的，那么咱们一般疏忽了的第一行是什么意思呢？

<!doctype html>

其实这行代码是告诉浏览器html的版本根据这行代码去运用哪种烘托模式，假如不加上这一行浏览器会选用比较老旧的方法，会导致实际加载出来的画面可能与你的代码不符合。

[ 前端与 HTML | 青训营笔记]
  • 标签和特点不区别大小写，一般引荐小写（在Vue和React中自定义的组件咱们一般会驼峰，大写开头）
  • 空标签能够不闭合，比方input、meta
  • 特点值引荐用双引号包裹
  • 某些特点值能够疏忽，比方 required、readonly

之前在运用a标签时都只知道当外链运用，可是假如加上target="_blank"这个特点，则会在浏览器新开一个页面翻开这个外链，默认不加的状况是覆盖当时的url，直接在当时页面翻开。

语义化

  • HTNL中的元素、特点及特点值都具有某些含义
  • 开发者应该遵循语义来编写HTML
    • 有序列表用ol；无序列表用ul
    • lang特点表明内容所运用的语言

运用HTML

  • 开发者 – 修正、维护页面
  • 浏览器 – 展现页面
  • 搜索引擎 – 提取关键字、排序
  • 屏幕阅读器 – 给瞎子读页面内容