前端与HTML | 青训营笔记

344 阅读2分钟

这是我参与[第五届青训营]伴学笔记创作活动的第1天。

*想要成为前端工程师,首先要明白这个岗位的主要职责, 一句话概括:前端工程师就是使用web技术栈解决多端用户界面人机交互问题的工程师

广义上讲所有用户终端参评与视觉和交互有关的部分都是前端工程师的专业领域

前端主要的技术分为三层:
  1. HTML(内容)
  2. CSS(样式)
  3. javascript(行为)
浏览页面的实现:浏览器通过http协议从服务端得到代码从而渲染成我们所看到的页面。

前端工程师需要关注的内容:

  • 功能:满足客户需求
  • 美观:符合客户审美要求
  • 性能:软件速度快体验好动画流畅
  • 无障碍:满足所有客户的使用
  • 安全:保证没有bug会使客户信息泄露
  • 兼容:使所开发软件能在多种系统运行
前端技术的多种应用场景:

1. nodejs 开发服务器端应用

2. Electron开发客户端应用

3. react native 多人跨平台应用开发框架

4. web RTC建立浏览器点对点连接实现文件传输

5. WebGL开发流畅3D维度游戏

6. webASSEMBLY可以使c++等编程语言变成浏览器可以运行的

开发环境推荐: IE,chrome,firefox,safari

HTML语言

全称:hypertext markup language(超文本标签语言) head标签内写页面需要但是不需要呈现的代码

例如: js和css的外联代码地址

部分html代码解读:

多媒体标签:

图片
img src
alt表示图片未加载所呈现的文字
视频,音频
audio标签插入音频
video插入视频
control标签提供进度条和播放键可控制

引用代码: blockquote标签快捷引用

缺点是:必须有引用来源地址

code是代码引用,precode为长段代码引用

短引用:q,cite

强调标签:

strong强调事情重要

em为读音强调

html的面向对象:

image.png 总的来说:html是为了结构化逻辑化的表达内容

第一天附言:种一棵树的时间是现在,坚持!!