- 博客(22)
- 收藏
- 关注
RSS订阅原创 DOM模型
一、DOM模型概述HTML文档只有一个根节点，而其他节点以根节点子节点或孙子节点的形式存在。最终形成一个结构化文档。DOM模型则用于导航、访问结构化文档的节点，并提供新增，修改，删除结构化本档的能力。 DOM并不是一种技术，它只是访问结构化文档（主要是XML文档和HTML文档）的一种思想。DOM解析器的作用就是完成结构化文档和DOM树之间的转换关系。通常来说，DOM解析器解析结构化文档就是将磁盘...
2020-02-09 18:56:20
1586
原创 JS创建对象
一、使用new关键字调用构造器创建对象JavaScript中所有的函数都可以作为构造器使用，使用new调用函数后总可以返回一个对象；例：二、使用Object直接创建对象JavaScript的对象都是Object类的子类，所以可以用如下方法：动态的增加两个属性：<script type="text/javascript"> var myObj = new Object()...
2020-02-06 23:24:13
198
原创 JS面向对象
一、面向对象的概念JavaScript中的每个函数都可以用来创建对象，返回的对象即是该类的实例，也是Object的实例；二、对象和关联数组就是对象也可以看成一个数组，对象的值相当于数组里的数，中间用逗号隔开，对象的值可以是属性值，也可是方法。三、继承和prototype每个JavaScript对象都是相同基类（Object类）的实例，所以所有的JavaScript对象之间没有明显的继承...
2020-02-06 19:38:50
195
原创 JS函数的参数处理
一、基本类型和复合类型的参数传递对于基本类型参数，JavaScript采用值传递方式，当通过实参调用函数时，传入函数里的并不是实参本身，而是实参的副本，因此在函数中修改参数值并不会度实参有任何影响。复合类型参数的值传递方式：例：<script type="text/javascript"> function changeAge(person) {...
2020-02-06 18:59:46
447
原创 JS函数
一、定义函数的3种方式1、定义命名函数的语法格式如下：function functionName(parmeter-list){ statements}函数可以有返回值，也可以没有返回值。函数的返回值使用return语句返回，在函数的允许过程中，一旦遇到第一条return语句，函数就返回返回值，函数运行结束。2、定义匿名函数创建匿名函数的语法格式如下：function (par...
2020-02-05 23:00:27
350
原创 JS流程控制
一、分支分支语句主要有if语句和switch语句。if语句有如下三种形式：第一种形式if( logic expression){ sataement...}第二种形式if( logic expression){ sataement...}else{ sataement...}第三种形式if( logic expression){ sataement......
2020-02-05 21:48:45
186
原创 JS语句
一、语句块语句块就是用花括号包含的多个语句，语句块是一个整体的执行体，就是在花括号里的语句都是一个整体（虽然JavaScript支持使用语句块，但是JavaScript的语句块不能作为变量的作用域）二、空语句最简单的空语句仅有一个分号（;），空语句主要用于没有循环体的循环。例：<script type="text/javascript"> var a=[];...
2020-02-05 20:45:40
278
原创 JS运算符
一、赋值运算符赋值运算符用于为变量指定变量值，与Java、C类似，Javascript用“=”作为赋值运算符。赋值运算符将“=”左边的值赋给“=”右边；赋值运算符可以将一个常量值赋给变量，也可以将一个变量的值赋给另一个变量，还可以将表达式的值赋给变量；赋值语句本身也有值，值就是“=”右边的值，所以赋值运算符支持连续赋值，通过使用多个赋值运算符，可以一次为多个变量赋值。二、算数运算符Java...
2020-02-05 20:12:49
190
原创 JS复合类型
Javascript中的复合类型大致有三种：Object：对象Array：数组Function：函数一、对象对象是一系列命名变量、函数的集合。Javascript还提供了许多内置类：Array：数组类Function：函数类Date：日期类Error：错误类Math：数学类Number：数值类Object：对象类String：字符串类二、数组数组是一系列的变量。定...
2020-02-04 23:46:59
391
原创 JS基本数据类型
基本数据类型有如下五个：1、数值类型：包含整数或浮点数2、布尔类型：只有true或false两个值3、字符串类型：字符串变量必须用引号括起来，单、双引号都可以4、undefined类型：专门用来确定一个已经创建但是没有初值的变量5、null类型：用于表明某个变量的值为空一、数值类型支持科学计数法：E2代表10的2次方；e-3代表10的-3次方；E不区分大小写；如果数值只有小数部分，...
2020-02-04 23:05:00
1858
原创 JS数据类型和变量
一、定义变量的方式1、隐式定义： <script type="text/javascript"> a = "Hello JavaScript"; alert(a); </script>2、显式定义：<script type="text/javascript"> var a; a = "true"; alert(a); </scrip...
2020-02-04 21:50:33
144
原创 CSS3提供的Animation动画
animation:这是一个复合属性animation-name:指定动画名称。animation-duration:指定动画的持续时间。animation-timing-function：指定动画的变化速度。animation-delay:指定动画延迟多长时间才开始执行。animation-iteration-count:指定动画的循环执行次数。不同帧的变化：<!DOCTYP...
2020-02-03 22:41:23
149
原创 CSS3提供的Transition动画
transition-property:指定对HTML元素的哪个CSS属性进行平滑渐变处理。transition-duration:指定属性平滑渐变的持续时间。transition-timing-function:指定渐变的速度:ease:动画开始时较慢，然后速度加快，到达最大速度后在减速。linear:线性速度。ease-in:动画开始时速度较慢，然后速度加快。ease-out:动画...
2020-02-03 22:31:56
157
原创 CSS3提供的变形支持
transform该属性用于设置变形：translate(tx[,ty]):该函数设置HTML元素沿X轴移动tx距离，沿Y轴移动ty距离。其中ty参数可以省略，如果省略ty参数，则ty默认为0，表明沿Y轴没有位移。translate3d(tx,ty,tz):该函数设置HTML元素沿X轴移动tx距离，沿Y轴移动ty距离，沿Z轴移动tz距离。translateX(tx):该函数设置HTML元素沿...
2020-02-03 22:17:59
226
原创 使用filter属性应用滤镜
blur：设置模糊滤镜brightness（百分比）：设置高亮滤镜contrast（百分比）：设置对比度滤镜drop-shadow（xofffset,yoffset, radius, color）：设置阴影滤镜。第一个参数设置阴影的水平偏移；第二个参数设置阴影的垂直偏移；第三个参数设置阴影的模糊半径，模糊半径越大，阴影越模糊；第四个参数设置阴影的颜色。grayscale（百分比）：设置灰度...
2020-02-03 21:40:26
210
原创 CSS3新增的box-sizing属性
content-box：设置内容区的宽和高border-box：设置内容区加填充区加边框区的宽和高<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ...
2020-02-03 21:21:07
263
原创 linear-gradient设置线性渐变
背景颜色。八个按钮，不同方向的线性渐变<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...
2020-02-03 21:16:56
201
原创 madia query和响应式布局
media screen and (设备特性）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
2020-02-03 21:06:55
209
原创 CSS选择器
一、基本选择器E可以说任意有效的HTML元素名Selecctor：选择器1、元素选择器：E{…}、* {…}、" * "可匹配HTML文档中任意的元素2、属性选择器：（1）元素选择器（2）E[attr]{…} 对具有attr属性的元素起作用（3）E[attr=value]{…} 对所有包含attr的属性且attr属性为value的E元素起作用（4）E[attr*=value]{...
2020-01-14 20:18:27
439
原创 列表
列表： 图书 书名 作者 java 疯狂 作者 轻量 作者 ios 疯狂 作者 疯狂 作者zongji <ul:无序列表<ol:有序列表两者都只能包含<li…/>子元素<li:定义列...
2020-01-08 19:57:50
99
原创 盒子模型
盒子模型：分为四个区域：填充区、内容区、边框区、外边距填充区： paddingpadding：1px 2px 3px 4px（顺序由上开始，顺时针：上、右、左、下）padding：1px 2px 3px (上为1px，左右对称为2px，下为3px）padding：1px 2px （上下为1px，左右为2px）padding：1px （上下左右都为1px）边框区： border只对下...
2020-01-08 19:56:56
103
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人