摘要：
typora copy images to: media 第02阶段.前端基本功.webAPI 基础语法 学习目标 重点 掌握offset系列属性 掌握clientWidth和clientHeight 掌握scroll系列的属性 掌握如何获取浏览器可视区的大小 掌握如何获取整个页面滚动出去的距离 1 阅读全文
摘要：
typora copy images to: media 第02阶段.前端基本功.webAPI 基础语法 学习目标 理解 什么是BOM 什么是url 重点 掌握页面加载事件 掌握一个完整url的组成部分 掌握location对象常用的方法和属性 掌握history对象常用的方法 掌握navigato 阅读全文
摘要：
typora copy images to: media 第02阶段.前端基本功.webAPI 基础语法 学习目标 理解 什么是事件委托 重点 掌握注册事件的其他方式 掌握移除事件的方法 掌握事件对象的常用的属性和方法 知道事件的三个阶段 1. 注册事件的其他方式 回顾: 刚开始我们给元素注 阅读全文
摘要：
typora copy images to: media 第02阶段.前端基本功.webAPI 基础语法 学习目标 理解 什么是节点 什么是DOM树 重点 掌握创建元素的三种方式 掌握节点的常用属性和方法 1. 节点 1.1 什么是节点： 根据 W3C 的 HTML DOM 标准，HTML 阅读全文
摘要：
typora copy images to: media 第02阶段.前端基本功.webAPI 基础语法 学习目标 重点 掌握DOM中常用的表单元素的属性 掌握DOM中操作元素样式的两种方式 掌握DOM中操作标签的自定义属性方法 1. DOM 中常用的表单元素的属性 value 用于大部分表单元 阅读全文
摘要：
typora copy images to: media 第02阶段.前端基本功.前端基础.入门语法 基础语法 学习目标 理解 了解DOM中常用的操作 了解document对象 重点 掌握DOM中获取元素的常用方法 掌握如何给元素注册事件 掌握DOM中常用的非表单属性 1.认识DOM 概念: 文 阅读全文
摘要：
内置对象 JS内置对象就是指Javascript自带的一些对象，供开发者使用，这些对象提供了一些常用的的功能。 常见的内置对象有Math、String、Array、Date等 内置对象有很多，我们主要是记下这些内置对象的用法即可。但是同学们也不可能一下子记住这么多的方法，因此当同学们忘了某个方法该如 阅读全文
摘要：
对象 对象的基本概念 什么是对象?? 现实生活中 : 万物皆对象, 对象是一个具体的事物 , 一个具体的事物就会有 特征 和 行为 ; JavaScript中: js中的对象就是生活中对象的一个抽象,,,, 没有特征和行为,,取而代之的是有对应的属性和方法 ; 思考 : 对象 : 是一组无序的键值对 阅读全文
摘要：
函数 为什么要有函数? 在写代码的时候，有一些常用的代码需要书写多次，如果直接复制粘贴的话，会造成大量的冗余代码。 如果修改呢?? 多个页面呢?? 函数可以封装一段重复的JavaScript代码，它只需要声明一次，就可以被多次调用。 重复代码、冗余代码的缺点： 1. 代码重复，可阅读性差 2. 不易 阅读全文
摘要：
数组 所谓数组， 就是将多个元素 （通常是同一类型），按一定顺序排列放到一个集合中 ， 那么这个多个元素的集合我们就称之为数组 思考 : 特点 : 有顺序,有长度; 用途 : 存储大量的数据 总结 : 数组 : 多个元素的集合,,这个集合有顺序,有长度。用途是存储大量的数据. 数组初体验 在js 阅读全文
摘要：
流程控制 为什么要学习流程控制 实际项目中, 不可能都是简单的顺序结构(从上往下执行), 会出现不同的条件, 就要根据条件不同做出相应的处理 程序的三种基本结构 顺序结构 从上到下执行的代码就是顺序结构 程序默认就是从上到下,一行一行的顺序执行的 分支结构 分支结构, 也叫 选择结构 , 根据不同的 阅读全文
摘要：
开发工具 工欲善其事，必先利其器 前端开发工具介绍 + sublime text：收费的代码编辑器 ,打开速度快,效率高 + Visual Studio Code（vs code）:微软开发的免费编辑器,集成终端效果好! + atom：github发布的代码编辑器 + webstorm：誉为 , 但 阅读全文
摘要：
第九天笔记 学习目标 1. 品优购项目目录搭建 2. ico图标运用 3. 了解SEO三大优化标签 4. 使用字体图标 5. 完成课堂上的品优购 品优购目录搭建 css文件分类： ico图标的使用 网页SEO三大标签 1. 网页的title标签 2. Description标签 3. Keyword 阅读全文
摘要：
第八天笔记 学习目标 1. 元素的显示隐藏 2. overflow 3. vertical align 4. 精灵图 5. 字体图标 6. 滑动门 7. 其他属性 元素的显示和隐藏 将元素的显示模式设置成none即可让元素隐藏 visibility 控制元素的显示和隐藏 overflow 控制元素溢 阅读全文
摘要：
第七天笔记 学习目标 1. 定位 2. PS切图 3. 学成网 定位 定位的使用包含两个部分： 1. 定位的方式 2. 偏移值 left,right,top,bottom 偏移值准确的理解是“距离什么位置有多大” 如 top:100px; 距离顶部为100像素 （向下走） 静态定位 所有的标准流都是 阅读全文
摘要：
第六天笔记 学习目标 1. 浮动 2. 尚合 + 浮动能干嘛 运用在什么地方 + 浮动会带来什么问题 怎么解决 浮动 布局的三种基本方式： 1. 标准流 按照标签默认的特性摆放盒子即为标准流 2. 浮动流 利用浮动摆放盒子即为浮动流 3. 定位流 利用定位摆放盒子即为定位流 浮动的意义 1. 浮动 阅读全文
摘要：
第五天笔记 学习目标 1. 权重叠加 2. 盒子模型 优先级（权重） 不同的选择器之间会有不同的优先级 权重叠加 CSS特殊性（Specificity） 关于CSS权重，我们需要一套计算公式来去计算，这个就是 CSS Specificity，我们称为CSS 特性或称非凡性，它是一个衡量CSS值优先级 阅读全文
摘要：
第四天的笔记 学习目标 1. 三种样式表的书写位置和优缺点 2. 标签的三种显示模式和转换 3. 复合选择器 4. 背景属性 5. css的三大特性 样式表的书写位置 样式表可以有三种书写方式，分别分为 1. 内嵌式样式表 2. 外链式样式表 3. 行内式样式表 内嵌式样式表 内嵌式样式表是在htm 阅读全文
摘要：
第三天笔记 学习目标 1. css的作用和基本语法 2. css控制字体 3. 基本选择器 4. 伪类选择器 5. 行高和对齐方式 6. css其他属性 7. 首行缩进、字体下划线等 css的概念及其作用 css全称为（Cascading Style Sheets）翻译过来就是层叠样式表 作用：主要 阅读全文
摘要：
第二天笔记 学习目标 1. 表格的创建和使用 2. 常见表单的使用 3. 了解HTML5新增的标签及其表单属性 创建表格 1. 表格至少有三个基本的标签构成 table 代表一个表格 tr代表行 td代表单元格 2. tr必须嵌套在table标签中，td必须嵌套在tr或者th中 3. 有几个单元格就 阅读全文