①前端语言的基本能力 HTML主要作用都见框架结构，包含控制内容布局，为设计师提供层次结构 CSS用来给网站添加样式，是网站外表和体现最重要的工具 JS增加交互体验，处理复杂函数，保证高效率和可用性
其次就是浏览器引擎一般包含两种引擎：渲染引擎和JS引擎。其中渲染引擎主要负责渲染页面。绘制页面。JS引擎以V8举例。
②前端语言的协作 CSS in HTML一般有三种 Inline CSS < p style =" color : blue :"> This is a paragraph .</ p >
Internal CSS < head > < style type = text / css > body ( background - color : blue :) p { color : yellow :} </ style > </ head >
External CSS < head > < link rel =" stylesheet " type =" text / css " href =" style . csS "> </ head >
JS in HTML
HTML in JS 1.执行顺序：在JavaScript中，通常会将脚本放置在HTML文档的底部，以确保在操作HTML元素之前，这些元素已经加载完毕。如果在页面加载完成之前尝试访问尚不存在的元素，会导致错误。 2.获取元素：要通过JavaScript获取HTML元素，通常会使用document.getElementById()、document.querySelector()等方法。但是需要确保在执行这些操作之前，文档已经加载完毕，否则可能会找不到相应的元素。 3.安全性：当将用户提供的数据直接插入HTML中时，需要注意安全性。如果用户能够控制插入的内容，可能存在跨站脚本攻击（XSS）的风险。为了防止XSS攻击，应该对用户输入进行适当的验证和转义。 4.性能：频繁的DOM操作可能会影响页面的性能。每次修改DOM都会触发浏览器的重排和重绘操作，而这些操作开销较大。为了提高性能，可以尽量减少DOM操作次数，可以考虑使用文档片段（DocumentFragment）进行批量操作，或者使用虚拟DOM库（如React、Vue等）来进行更有效的DOM更新。
Css in HTML 1.分离关注点：在开发中，最好将HTML、CSS和JavaScript的职责明确分离。HTML用于结构，CSS用于样式，而JavaScript主要用于添加交互和行为。尽量避免直接在JavaScript中操纵大量的CSS样式，并将样式的定义和控制尽可能保留在CSS文件中。 2.使用类名：更改元素的样式时，推荐使用类名而不是直接操作元素的行内样式。通过在CSS中定义类名，然后在JavaScript中使用element.classList.add()、element.classList.remove() 或 element.classList.toggle()等方法来控制类名的添加和移除，可以更好地维护样式和行为之间的关联，并提供更好的可维护性和可重用性。 3.选择器的灵活性：JavaScript提供了多种方式来选择和操作元素，如document.querySelector()、document.querySelectorAll()、element.getElementsByTagName()等。选择器的灵活性使你可以根据需要选择特定的元素或一组元素，但在使用选择器时需要谨慎，以避免处理过多的元素或引入性能问题。
③HTML 该处内容较为基础 首先是标签里head和body元素 后面讲解到HTML5的语义化，存储，浏览器API和可视化相关
④拓展交流 web的风靡，大前端，MVC&MVVM&MVP了解即可
