前端工程师是什么?
> 使用Web技术栈解决多端图形用户交互界面问题的工程师 >前端技术栈?
+ HTML(内容) + CSS(样式) + JS(行为) + 浏览器通过http协议与服务器进行通信,将以上代码从服务器端获取渲染到页面,也可将用户行为和信息提交到服务器端前端应该关注哪些方面?
+ 产品的功能与用户需求的对接 + 界面美观 + 对全用户无障碍 + 保证数据安全 + 网页性能与用户体验 + 网页的兼容性前端的边界?
:::info + Node.js对于服务器端应用的开发 + Electron对于客户端应用的开发 + WebRTC对于P2P在线传输,实现多人会议 + WebGL对于3D游戏的开发 + WebASSEMBLY将其他语言代码转换为直接在浏览器中呈现【发展更新极快,技术更迭极快】
:::
开发环境?
编辑器+浏览器HTML是什么?
> HyperText Markup Language(超文本标记语言) >超文本:图片、链接、表格、标题
标记语言:用成对标签来表示格式
中的各串代码:
:::info :标记当前html文件的版本信息,决定了浏览器的渲染模式 双标签:根标签 双标签:放置页面的源数据(页面标题,编码格式等等) 双标签:呈现给用户的的内容:::
DOM树?
> 浏览器把HTML代码解析为包含文档根节点的树形结构 >HTML语法?
页面划分:
:::info header标签可放LOGO、导航(放在nav标签中)等
main标签是主体部分
aside标签是内容相关(热点推荐,广告推送等)
article标签是正文部分
footer标签是页尾部分(版权备案,参考链接,引用来源等等)
:::