前端三剑客
HTML
HTML结构
-
HTML
-
head
- title
- link
-
body
- lable1
- lable2
-
常见标签(结构相关)
- 标题系列
- 段落
- 无语义系列
多媒体标签
- img标签
超链接标签
- a标签
列表标签
- ol标签
- ul标签
输入标签
-
url的组成
-
常见输入标签
- text标签
- radio和checkbox标签
- 子主题 3
-
提交输入内容的含义
其他标签
CSS
原理
和HTML的关联方式
- 内部关联
- 外部关联
- 内部内联
选择器
- 基础选择器
- 复合选择器
常见属性
-
文字
-
文本
-
背景
-
盒模型
- margin-外边距
- border-边框
- padding-内边距
- content-内容
JS
编写JS的方式
- 内联html
- 外部引入
- 浏览器的控制台
基础语法
-
数据类型(8)
- number
- string
- boolean
- undefiend
- null
- array
- fuction
- object
-
变量类型
- 动态类型var
-
常见语句
- alert-弹窗
- prompt-弹输入框
- console.log-控制台打印
事件驱动
-
事件三要素
- 事件源
- 事件类型
- 事件处理程序
-
常见的DOM方法
-
获取元素对象
- document.querySelector(selector);
- document.querySelectorAll(selector);
-
操作元素
-
访问元素内容
- elem.innerText
- elem.innerHTML
-
访问元素属性
-
表单元素属性
- elem.attribute
-
-
增删元素
-
创建结点
- createElement
-
插入dom树
- appendChild
-
删除结点
- removeChild
-
-
-
思维导图
