自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(25)
  • 收藏
  • 关注

原创 CSS3 用户界面

浏览框架:overflow:auto、hidden 或 scroll;

2018-07-24 12:06:19 225

原创 CSS3 多列

column-count:把 div 元素中的文本分隔为三列:div{column-count:3;}column-gap 属性规定列之间的间隔

2018-07-23 16:57:29 219

原创 CSS3 动画

<style> div{width:100px;height:100px;background:red;position:relative;animation-name:myfirst;animation-duration:5s;animation-timing-function:linear;animation-iteration-count:infi...

2018-07-23 16:53:54 249

原创 CSS3 过渡

transition:方向  时间向宽度、高度和转换添加过渡效果:

2018-07-23 15:09:54 269

原创 CSS3 3D 转换

rotateX() 方法通过 rotateX() 方法,元素围绕其 X 轴以给定的度数进行旋转。transform:rotateX(120deg);rotateY() 旋转通过 rotateY() 方法,元素围绕其 Y 轴以给定的度数进行旋转。transform:rotateY(130deg);...

2018-07-23 15:00:58 161

原创 CSS3 2D 转换

translate() 方法通过 translate() 方法,元素从其当前位置移动,根据给定的 left(x 坐标) 和 top(y 坐标) 位置参数:transform:translate(50px,60px)—则元素相对于原来的位置在向右移动了50px,向下移动了60px。rotate() 方法通过 rotate() 方法,元素顺时针旋转给定的角度。允许负值,元素将逆时针旋转...

2018-07-23 14:58:07 142

原创 CSS3背景

background-size:xpx xpx(x% x%)background-origin:1.background-origin 属性规定背景图片的定位区域。背景图片可以放置于 content-box、padding-box 或 border-box 区域。3.多重背景图片:body{ background-image:url( ),url( );...

2018-07-20 16:20:50 156

原创 CSS3边框

圆角边框:border-radius边框阴影:box-shadow使用图形绘制边框:border-image

2018-07-20 16:06:52 331

原创 闭包

如果M想调用B,A包含B,那么B的结果或作用不会输出而是返回给A,那么M就可以调用B了。而A的作用域不能释放,除非当M()=null的时候,A才能释放。

2018-07-18 17:08:32 161

原创 JavaScript高级程序设计-笔记2

检测基本数据类型:typeof()检测引用数据类型:instanceof()作业域 

2018-07-17 15:32:23 156

原创 JS高级程序设计-笔记1

NaN:parseInt()parseFloatobject按位非操作按位与操作按位或操作按为异或左移左移不会影响操作符的符号,如果是-2左移五位,那么结果就是-64.布尔操作符if语句with语句...

2018-07-16 15:46:13 192

原创 关于this.name=name的理解

比如:public Employee(name, age){this.name = name;this.age = age; }  前一个name为Employee或者说类的属性,而后一个name则指的是一个函数的一个参数(变量,比如张三李四),而后面这个函数的参数就是用于给前一个类的属性赋值的,或者说后面的name就是当前对象的name要修改的值比如: ...

2018-07-12 17:44:53 21371 2

转载 原型对象和原型链

在Javascript中,万物皆对象,但对象也有区别,大致可以分为两类,即:普通对象 Object 和 函数对象 Function。一般而言,通过 new Function 产生的对象是函数对象,其他对象都是普通对象。 其实 prototype 的主要作用就是继承。 通俗一点讲,prototype 中定义的属性和方法都是留给自己的 “后代” 用的,因此,子类完全可以访问prototype中的属性和...

2018-07-12 11:39:13 275

原创 判断JS数据类型的四种方法

1、typeoftypeof 是一个操作符,其右侧跟一个一元表达式,并返回这个表达式的数据类型。返回的结果用该类型的字符串(全小写字母)形式表示,包括以下 7 种:number、boolean、symbol、string、object、undefined、function 等。对于基本类型,除 null 以外,均可以返回正确的结果。对于引用类型,除 function 以外,一律返回 object ...

2018-07-12 11:13:47 257

原创 JavaScript数据类型(部分)

1.Stringa.charCodeAt 的作用是获取字符的 Unicode 编码,俗称 “Unicode 码点”。fromCharCode 是 String 对象上的静态方法,作用是根据 Unicode 编码返回对应的字符。 b.substr(start [, length])substring(start [, end])slice(start [, end])...

2018-07-11 18:07:10 201

原创 JavaScript RegExp(正则表达式) 对象

1.什么是 RegExp?RegExp 是正则表达式的缩写。当您检索某个文本时,可以使用一种模式来描述要检索的内容。RegExp 就是这种模式。简单的模式可以是一个单独的字符。更复杂的模式包括了更多的字符,并可用于解析、格式检查、替换等等。您可以规定字符串中的检索位置,以及要检索的字符类型,等等。2.创建 RegExp 对象的语法:new RegExp(pattern, attributes);参...

2018-07-11 15:36:55 201

原创 JavaScript Math(算数)对象

1.返回估算值(四舍五入):document.write(Math.round())2.返回0-1之间的随机数:document.write(Math.random())3.返回两个数间的较大值和较小值:document.write(Math.max(a,b))     document.write(Math.min(a,b))4.JavaScript 提供 8 种可被 Math 对象访问的算数值...

2018-07-11 14:43:25 155

原创 JavaScript Array(数组)对象

1.合并两个数组:document.write(arr(a).concat(arr(b))2.将元素组成字符串:document.write(arr.join(""))3.从字面上对数组进行排序:document.write(arr.sort())4.从数值上对数组进行排序:document.write(arr.sort(number))5.赋值的方法:(1)var myArray=new Arr...

2018-07-11 14:32:33 186

原创 JavaScript Date(日期)对象

1.返回当日日期:document.write(Date())2.返回从 1970 年 1 月 1 日至今的毫秒数:var d=new Date();document.write("从 1970/01/01 至今已过去 " + d.getTime() + " 毫秒");3.在网页上显示钟表:<html><head><script type="text/javascri...

2018-07-11 14:20:12 274

原创 JavaScript String(字符串)对象

计算字符串的长度:document.write(txt.length)为字符添加样式:document.write( txt.big() )【Big可替换】

2018-07-11 11:37:34 112

原创 JS对象

1.<!doctype html><html><body><script>person=new Object();person.firstname="Bill";person.lastname="Gates"person.age=56;document.write(person.firstname +" is "+ person.age

2018-07-11 11:18:30 135

原创 JavaScript for...in 循环

语法:for(对象中的变量){要执行的代码}注释:for...in 循环中的代码块将针对每个属性执行一次。<!DOCTYPE html><html><body><p>点击下面的按钮,循环遍历对象 "person" 的属性。</p><button onclick="myFunction()">点击这里&a

2018-07-11 11:18:07 124

原创 JS对HTML事件作出反应

例如:点击改变网页内容:代码:网页表现:点击以后:onchange事件:代码:输入字母:离开后:onmouseover 和 onmouseout 事件代码:网页表现:放上鼠标:鼠标离开:onmousedown和onmouseup事件代码:点击前:点击后:...

2018-07-09 17:02:22 617

原创 使用JS改变HTML内容

修改 HTML 内容的最简单的方法是使用 innerHTML 属性。1.代码:网页显示:如需改变HTML元素的属性,则应使用:document.getElementById(id).attribute=new value比如:document.getElementById(id).src="xxx.jpg";如需改变HTML元素的样式,则应使用:document.getElementById(id...

2018-07-09 15:47:35 21674

原创 JS的错误和提示

使用Throw、Try、Catch。JavaScript 语句 try 和 catch 是成对出现的。代码如下:该代码下的网页为:1.2.3.4.

2018-07-09 15:32:40 3251

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除