- 博客(74)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 DOM-5
正课:1. *****定时器 动画2. screen3. history4. ***location5. ***navigator6. ****event1. *****定时器 动画: 练习: 获取长度属性值时: 获得都是带单位的字符串，不能直接计算 都要
2018-02-01 14:29:23
149
原创 DOM-4
正课: 1. ***HTML DOM常用对象: Form2. BOM1. ***HTML DOM常用对象: Form: 代表一个 获取: var form=document.forms[i/id/name]; 属性: .length: 相当于form.elements.length 方法: .submit() : 专用于手动提交表单
2018-02-01 14:26:39
133
原创 DOM-3
正课:1. 添加/删除元素2. ***HTML DOM常用对象 select/option table/行分组/tr/td form1. 添加/删除元素: 添加: 3步: 1. 创建新的空元素: var a=document.createElement("a"); 相当于: 2. 设
2018-02-01 14:25:31
178
原创 DOM-2
正课: 1. ***查找 按选择器查找2. 修改: 1. ***查找: 按选择器查找: 1. 如果只找一个: var elem=parent.querySelector("selector"); 2. 如果找多个: var elems=parent.querySelectorAll("selec
2018-02-01 14:24:08
149
原创 DOM-1
正课:1. DOM 什么是***DOM Tree 查找 按节点间关系查找 遍历 查找API 按HTML查找(了解) 按Selector查找1. 什么是: Document Object Model 专门操作HTML内容的API 原生js: ES(核心语法)
2018-02-01 14:12:46
118
原创 JavaScript-13
正课:1. *****ES5 对对象的保护: 对单个属性的保护: 数据属性: 访问器属性:对对象的保护: 问题: 属性可随时直接用=赋值任何值 属性可随时被访问 可随时添加和删除属性 ——不严格！ 解决: 对对象提供保护:
2018-01-31 12:14:45
117
原创 JavaScript-12
正课: 1. *****OOP 内置对象的原型对象 共有属性和自有属性 原型链 原型相关API*****自定义继承1. 内置对象的原型对象: 所有内置对象都是一个构造函数(除Math外) 每类内置对象都有自己的原型对象(prototype) 所有内置对象的API都保存在类型.prototype对象中 何时: 解决
2018-01-31 12:13:28
136
原创 JavaScript-11
正课: 1. *****作用域和作用域链2. *****闭包1. *****作用域和作用域链 作用域scope: 什么是: 一个变量的使用范围——使用 本质上作用域是一个对象——存储 作用域中的变量都是对象的成员 程序/函数的执行过程: 1. 开
2018-01-31 12:11:47
146
原创 JavaScript-10
正课: 1. ***日期API2. ***Error1. ***日期API 单位: FullYear Month Date Day Hours Minutes Seconds Milliseconds API: 1. 每个单位都有一个对儿get/set方法
2018-01-31 12:09:55
138
原创 JavaScript-9
1. 正则: 指定匹配位置2. ***String API: 替换: 衍生: 删除和格式化 切割3. ***RegExp对象1. 正则: 指定匹配位置: 三个位置: 字符串的开头 ^ 字符串的结尾 $ 比如: 开头的空字符: ^\s+ 结尾的空字符:
2018-01-31 12:08:13
151
原创 JavaScript-8
1. ***String 什么是:***内置对象:***包装类型: 字符串API1. 什么是: 多个字符组成的只读字符数组 vs 数组: 下标i length slice() concat 不同: 数组中凡是直接修改原数组的API，字符串都不能用！
2018-01-31 12:06:58
130
原创 JavaScript-7
1. ***数组: API: 拼接和选取 修改 翻转****排序: 自定义排序算法: 冒泡排序 sort()1. 拼接和选取: 拼接: 将其它元素或其它数组拼接到当前数组末尾,返回新数组 var newArr=arr1.concat(值1,值2,arr2,......)
2018-01-31 12:05:32
275
原创 JavaScript-6
1. ***数组: 什么是: 内存中连续存储多个数据的一块存储空间 vs 变量: 内存中存储一个数据的存储空间 为什么: 连续存储的多个数据便于维护和查找 ***程序=数据结构+算法 算法: 解决问题的步骤 数据结构: 数据在内存中的存储结构
2018-01-31 12:03:31
130
原创 JavaScript-5
1、循环结构-for1、while在控制台上输出1-100之间所有的数字//1、声明条件:从1开始var i=1;//2、循环结构-循环条件while(iconsole.log(i);//3、操作i++;//4、更新循环变量}2、for语法for(表达式1;表达式2;表达式3){//循环操作} 表达式1：声明条件表达式2：循环条件判断
2018-01-31 12:01:34
303
原创 JavaScript-4
1、分支结构2、循环结构=============================1、分支结构1、else...if语句(多重if结构)1、问题根据考试成绩，给出 A-E 等级成绩为100分，则输出A成绩在90分以上 则输出B成绩在80分以上 则输出C成绩在60分以上 则输出D否则 输出E 标题
2018-01-30 11:02:29
138
原创 JavaScript-3
1、运算符1、赋值运算符1、使用"="进行赋值注意：赋值符号的左边，必须是变量const PI=3.14;(特殊)2、扩展赋值表达式+=,-=,*=,/=,%=,&=,|=,^=ex:var num = 5 ;num+=3; ==> num=num+3;num-=5; ==> num=num-5;语法：a+=b;==> a=a+b;2、字
2018-01-30 10:55:38
184
原创 JavaScript-2
1、数据类型的转换2、运算符和表达式==========================================1、数据类型转换1、弱类型由数据来决定数据类型var num;//undefinednum=12;//numbernum="你好";//stringnum=false;//boolean强数据类型：由数据类型来决定数据1
2018-01-30 10:53:53
150
原创 JavaScript-1
1、Javascript概述2、Javascript基础语法3、变量和常量(重点)4、数据类型*******************************************1、JS概述1、什么是JSJS是一种运行于JS解释器/引擎中的解释型脚本语言编译型语言：程序在运行前会进行编译解释型语言：运行之前不会编译，直接执行，出错则停止JS解释器/
2018-01-30 09:12:38
330
原创 CSS3-7
1、转换2、过渡3、动画4、CSS 优化******************************1、转换1、转换简介1、什么是转换改变元素在页面中的大小，位置，角度和形状的一种方式2、转换分类1、2D转换使元素在x轴和y轴上发生变化效果2、3D转换在2D转换基础上，增加 z轴的变化效果3、转换属性属性：transform取
2018-01-30 09:12:19
520
1
原创 CSS3-6
1、复杂选择器2、内容生成3、多列4、CSS Hack(浏览器兼容性)*******************************1、复杂选择器1、兄弟选择器1、作用通过元素的平级关系来匹配其他元素只能向后不能向前2、分类1、相邻兄弟选择器匹配指定元素的相邻兄弟相邻：紧紧挨在指定元素的后面语法：选择器1+选择器2ex:1
2018-01-30 09:11:51
103
原创 CSS3-5
1、定位1、定位属性1、定位属性属性：position取值：1、static默认值，默认定位方式2、relative相对定位3、absolute绝对定位4、fixed固定定位注意：position取值为 relative，absolute，fixed 的元素被称为 已定位元素2、偏移属性作用：移动已定位元素属性：top:值;b
2018-01-30 09:11:30
469
原创 CSS3-4
1、浮动(重难点)2、显示3、列表4、定位(重难点)*****************************1、浮动1、定位1、什么是定位元素该出现在网页的哪个位置处2、定位方式1、普通流定位2、浮动定位3、相对定位4、绝对定位5、固定定位3、普通流定位又称为 文档流定位网页元素默认定位方式页面元素块级元素-从上到下的方
2018-01-30 09:11:04
482
原创 CSS3-3
1、渐变1、什么是渐变多种颜色变化的一个过程分类：1、线性渐变2、径向渐变3、重复渐变(线性,径向)特点：1、渐变都有填充方向(线性渐变)2、色标(颜色，位置)2、语法属性：background-image取值：1、linear-gradient():线性渐变2、radial-gradient():径向渐变3、repeating-
2018-01-30 09:10:39
457
原创 CSS3-2
************************************1、边框2、框模型3、背景属性4、渐变****************************1、边框1、边框倒角属性：border-radius该属性为简写属性，可以设置四个角的倒角半径取值：以px为单位 或 以 % 为单位单角定义:border-top-left-ra
2018-01-30 09:10:04
487
原创 CSS3-1
1、CSS概述1、问题1、设置页面中所有的文本颜色为红色2、页面中所有的div里面的文本的颜色变为 蓝色3、页面中所有的div里面的文本的颜色变为 绿色HTML元素属性的弊端：1、想完成相同效果，却要使用不同属性2、HTML元素改变的样式可重用性不高2、CSSCSS:Cascading Style Sheets层叠样式表，级联样式表，样式表特点：
2018-01-29 17:23:32
217
原创 HTML5-9
1.如何得知localStorage中数据的修改？ localStorage中任何数据的修改，都会触发一个事件： window.onstorage = function(){ } 2. HTML5新特性之十——WebSocket 提示：重在概念的理解 HTTP协议：是基于“请求-响应”模型的协议，客户端发起一个请求，服务器就要返回一个响应，
2018-01-29 17:12:16
139
原创 HTML5-8
(1)扩展：如何在网页中拖拽显示客户端的图片(2)WebWorker(3)WebStorage 1.面试题：如何在服务器端下载的网页中显示客户端图片？ 一般情况下，网页只能显示服务器上的图片； HTML5中，可以实现用户拖拽一张本地的图片显示在服务器端下载的网页中。 container.ondrop = function(e)
2018-01-29 17:11:03
121
原创 HTML5-7
1.SVG中定义特效对象——渐变特效 2.SVG中定义特效对象——滤镜(filter)——高斯模糊路径 更多滤镜效果及使用方法：https://developer.mozilla.org/en-US/docs/Web/SVG/Element
2018-01-29 17:08:50
125
原创 HTML5-6
1.如何等待所有图片加载完成后，才开始绘图？ 多张图片绘制需要按照特定的顺序，而加载完成顺序是完全无法预测，只能等待所有图片加载完成，才能开始绘制。 /*************************** //典型的错误代码 var img1 = new Image(); img1.src = ""; img1.onload = fun
2018-01-29 17:06:23
140
原创 HTML5-5
1.使用Canvas绘制路径(Path) 提示：Canvas中的路径概念与Photoshop中钢笔工具类似的。路径本身是不可见的，有三个用途：描边、填充(闭合)、裁剪(闭合) Canavs中与路径绘制相关方法： ctx.beginPath() //开始一条新路径 ctx.closePath() //闭合路径，让最后一个锚点自动连接到第一个锚点
2018-01-29 17:04:12
178
原创 HTML5-4
今日目标：(1)视频和音频 —— 简单必须掌握(2)Canvas绘图 —— 重点&难点 1.面试题：Flash被HTML5取代在哪些方面？ 音频和视频 —— 和 绘图 —— 动画/游戏 —— +定时器 统计图表 —— 、 客户端数据存储 —— WebStorage
2018-01-29 17:01:24
138
原创 HTML5-3
1.常用的前端开发软件 (1)小型软件：小巧启动快，功能简单 Editplus、Notepad++、VIM、Emacs (2)中型软件： SublimeText (3)中型软件：体积大启动慢，功能强大 Eclipse-Aptana、IntejIEDA-WebStorm、Dreamweaver
2018-01-29 16:57:40
166
原创 HTML5-2
1、图像和链接1、URL地址1、分类1、绝对路径1、引用互联网资源协议名主机名(IP地址，域名)目录路径文件名2、本机文件从文件所在的最高目录处(盘符)开始2、相对路径通过 文件间的位置关系 找到资源文件1、同目录，直接用2、子目录，先进入3、父目录，先返回(../)3、根相对路径永远都是从WEB站点所在的根目录处开始查找
2018-01-29 16:50:45
391
原创 HTML5 -1
1、WEB基础知识(了解) 1、WEB与Internet 1、Internet 全球性计算机互联网络 因特网、国际互联网、网际网 2、Intenet提供的服务 Email:电子邮件 WWW:万维网 www.baidu.co
2018-01-29 16:28:49
333
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人