前言

• 根据视频和PPT整理
• 视频及对应资料：
• HTML CSS

• 老师笔记： https://gitee.com/xiaoqiang001/html_css_material.git
• 视频：黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移动端前端视频教程
• 视频对应资源
• 链接：【https://pan.baidu.com/s/1k1dpC6iGA93c6gVsUvPqYw】
• 提取码：1234
• 【GitHub 仓库链接】

• JS

• 视频：JavaScript基础语法-dom-bom-js-es6新语法-jQuery-数据可视化echarts黑马pink老师前端入门基础视频教程
• 视频对应资源(在视频简介里面)
• 链接：【https://gitee.com/xiaoqiang001/java-script.git】
• 视频对应资源(百度网盘)
• 链接：【https://pan.baidu.com/s/1q952v5mnFGR9IFjHlyn7Wg】
• 提取码：1234

HTML

• HTML
• [HTML]HTML5新增标签

HTML 知识整理与补充

CSS

• CSS 简介及代码书写规范
• CSS 基础选择器
• CSS 字体属性
• CSS 文本属性
• CSS 的三种写法
• 浏览器调试工具 & Emmet 语法 & 快速格式化代码
• CSS 的复合选择器
• CSS 的元素显示模式
• 截图工具 – snipaste
• CSS 的背景
• [CSS]CSS三大特性
• [CSS]盒子模型
• [CSS]圆角边框与阴影
• [CSS]浮动
• 学成在线项目
• [CSS]定位
• [CSS]元素的显示与隐藏
• [CSS]精灵图与字体图标
• [CSS]画三角 & 鼠标样式 & 输入框轮廓线 & 防止文本域拖拽
• [CSS]文字垂直居中对齐 & 解决图片底部默认空白缝隙 & 文字溢出省略号显示
• [CSS]常见布局技巧
• [CSS]CSS3新增选择器、盒子模型box-sizing、calc函数

CSS 知识整理与补充

JS

• [JS]JavaScript 简介
• [JS]JavaScript 的书写位置
• [JS]JavaScript 注释 & 输入输出语句
• [JS]变量
• [JS]数据类型
• [JS]运算符
• [JS]流程控制
• [JS]数组
• [JS]函数
• [JS]作用域
• [JS]预解析

ES6

• [JS] let & const
• [JS]解构赋值
• [JS]模板字符串

JS Web API

• [JS]元素的获取
• [JS]事件

JQuery

• [JS]JQuery 引入、入口函数、JQuery 对象

JS 知识整理与补充