前端知识点|青训营

84 阅读3分钟

HTML(超文本标记语言):

  1. 基本结构: HTML文档的基本结构包括<!DOCTYPE>, <html>, <head>, 和<body>标签。

  2. 标签和元素: HTML使用标签来定义文档的结构和内容。标签通常成对出现,包括开标签和闭标签。标签之间的内容称为元素。

  3. 常见标签:

    • <h1> - <h6>:标题标签,表示不同级别的标题。
    • <p>:段落标签,用于文本段落。
    • <a>:超链接标签,创建链接到其他页面或资源。
    • <img>:图像标签,用于插入图片。
    • <ul>:无序列表标签。
    • <ol>:有序列表标签。
    • <li>:列表项标签。
    • <div>:块级容器标签,用于组织和布局内容。
    • <span>:内联容器标签,通常用于样式化文本的一部分。
  4. 表单和输入元素: 使用<form>标签创建表单,可以包含文本输入、复选框、单选按钮等输入元素。

  5. HTML5新特性: 包括语义化标签(如<header>, <nav>, <article>, <footer>等),多媒体元素(如<audio><video>),本地存储(localStoragesessionStorage),Canvas绘图等。

CSS(层叠样式表):

  1. 选择器: 用于选择HTML元素并为其应用样式。常见选择器包括类选择器(.class)、ID选择器(#id)、标签选择器(tag)等。

  2. 样式属性: 通过属性设置元素的样式,如color(文字颜色)、font-size(字体大小)、background(背景颜色)等。

  3. 盒模型: 描述了元素如何在页面上占用空间,包括内容、内边距、边框和外边距。

  4. 布局: CSS可以控制页面布局,如使用position属性进行定位,使用display属性控制元素的显示类型,使用float进行浮动布局等。

  5. 响应式设计: 使用媒体查询(@media)根据不同的屏幕大小和设备类型应用不同的样式,实现响应式页面设计。

JavaScript:

  1. 变量和数据类型: JavaScript中的变量用于存储数据。常见的数据类型包括数字、字符串、布尔值、数组、对象等。

  2. 操作符和表达式: JavaScript支持各种操作符,如算术操作符、比较操作符、逻辑操作符等。表达式由操作数和操作符组成。

  3. 条件语句: 使用ifelse ifelse来执行基于条件的不同操作。

  4. 循环结构: 使用forwhile等循环来重复执行代码块,实现迭代操作。

  5. 函数: 使用function关键字定义函数,函数可以接受参数并返回值。

  6. DOM操作: 使用Document Object Model(DOM)可以通过JavaScript操作和修改网页的结构和内容。

  7. 事件处理: JavaScript可以响应用户交互,如点击、输入等事件,通过添加事件监听器来执行相应的代码。

  8. AJAX: 异步JavaScript和XML(AJAX)允许在不重新加载整个页面的情况下与服务器进行数据交换。

  9. ES6和模块化: ECMAScript 6(ES6)引入了许多新特性,如箭头函数、模板字符串、letconst关键字、模块化等。