课堂笔记一：前端语言串讲 | 青训营

sherrylove
93 阅读2分钟

课堂笔记：前端语言串讲

  1. HTML（超文本标记语言）：

    • HTML是网页的骨架，用于定义网页的结构和内容。
    • 标签（tag）是HTML的基本单位，包裹在尖括号内，如<tag>。
    • 常见标签有<head>、<body>和<html>等，分别表示头部、主体和整个HTML文档。
    • HTML5引入了语义化标签，如<header>、<nav>、<article>等，使结构更清晰。

  2. CSS（层叠样式表）：

    • CSS用于为网页添加样式和布局。
    • 通过选择器选择HTML元素，并定义其样式规则。
    • 可以通过CSS文件外部引入，也可以通过<style>标签内嵌到HTML文件中。

  3. JavaScript（JS）：

    • JS是一种脚本语言，用于为网页添加交互和动态效果。
    • 可以直接在HTML文件中嵌入JS代码，也可以将JS代码单独放在.js文件中并通过<script>标签引入。
    • JS具有强大的浏览器API，如DOM操作、事件处理、AJAX请求等。

  4. 浏览器引擎：

    • 浏览器引擎负责解析和渲染网页。
    • 常见的浏览器引擎有WebKit（Chrome、Safari）、Gecko（Firefox）和Trident（IE）等。
    • 不同的浏览器引擎对HTML、CSS和JS的解析和处理方式有所不同。

  5. 协作：

    • 多人协作开发可以使用版本控制系统（如Git）管理代码。
    • 团队成员可以通过分工合作，共同开发一个项目。

  6. CSS/JS in HTML：

    • 可以直接在HTML文件中使用<style>标签嵌入CSS样式，使用<script>标签嵌入JS脚本。

  7. HTML/CSS in JS：

    • 可以在JS代码中创建HTML元素（如document.createElement()）并设置其属性，然后插入到页面中。
    • 可以通过JS动态修改元素的CSS样式。

  8. HTML5：

    • HTML5是HTML的最新版本，增加了许多新的特性和API。
    • 语义化标签使结构更明确，有助于搜索引擎优化和可访问性。
    • 存储技术（localStorage、sessionStorage）可以在浏览器本地存储数据。
    • 支持音视频标签（<audio>、<video>）方便在网页中嵌入音视频内容。
    • 强大的浏览器API，如地理位置、Canvas绘图、Web Workers、WebSocket等。
    • 可视化相关技术（SVG、CSS动画、Canvas）可以实现丰富的可视化效果。

  9. 拓展交流：

    • 回顾分析项目可以总结经验教训，优化开发流程。
    • UI和数据之间的交互可以通过前端框架（如React、Vue）实现，实现数据驱动UI的开发模式。

一些最基础的，仅供自己看看，其他人谨慎观看（捂脸）

PS: 第一节课的视频链接：点击这里

avatar
文章
阅读
粉丝