随笔分类 - 前端笔记
平时记录
摘要:typora copy images to: media 第02阶段.前端基本功.前端基础.js进阶 基础语法 学习目标 了解 重点 重点 上下文调用模式 js中的继承 闭包 1. 重新认识instanceof js基础阶段对instanceof作用的描述 : 判断一个对象是否是某个构造函数的实
阅读全文
摘要:typora copy images to: media 第02阶段.前端基本功.前端基础.js进阶 基础语法 学习目标 了解 回顾js基础 构造函数创建对象存在的问题 重点 知道函数有原型对象 构造函数,原型对象和实例三者的关系 原型链 会给内置的对象添加自定义的方法 会使用更简单的原型使用方式
阅读全文
摘要: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
阅读全文

浙公网安备 33010602011771号