- 博客(34)
- 收藏
- 关注
RSS订阅原创 font标签的size属性
HTML语言提供了font标记的size属性来设置普通文字的字号。语法：<font size='文字字号'></font>说明：在该语法中，文字字号可以设置为1~7，其中默认值为3，可以在size属性值之前加上“+”、“-”字符，来指定相对于字号初始值的增量或减量。看下面一段代码：<!DOCTYPE html><html lang="en">&l...
2018-05-09 22:47:01
12840
原创 透明处理
对于透明处理，我们都是在得到像素数组后，将该数组中每一个像素的透明度乘以n，然后保存像素数组，最后使用putImageData()方法将图像重新绘制在画布上。语法： for(var i=0;i<data.length;i++){ data[i+3]=data[i+3]*n; }说明：n的取值范围为0.0~1.0看下面一段代码：<!DOCTYPE ...
2018-05-08 22:18:31
274
原创 scale()方法的副作用
在Canvas中，可以使用scale()方法来改变图形大小（即缩放）。不过scale()方法是有一定副作用的，它除了改变图形大小之外，还会改变其他属性如线条宽度（即lineWidth）、左上角坐标等。看下面一段代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" />...
2018-05-07 23:06:01
2491
原创 translate（）方法
在canvas中，可以使用translate()方法来平移图形。所谓的平移，是指图形沿着x轴或y轴进行直线运动。平移不会改变图形的形状和大小。语法： cxt.translate(x,y);说明：x表示图形在x方向上移动的距离，默认单位是px。当x为正时，图形向x轴正方向移动；当x为负时，图形向x轴反方向移动。y表示图形在y方向上移动的距离，默认单位是px。当y为正时，图形向y轴正方向移动；当y为负...
2018-05-06 21:53:39
10749
2
原创 strokeText()方法
在Canvas中，我们可以使用strokeText()方法来绘制“描边文本”。“描边文本”是指空心的文本。语法：strokeText(text,x,y,maxWidth);说明：参数text是一个字符串文本。参数x表示文本的x坐标，也就是文本最左边的坐标。参数y表示文本的y坐标，也就是文本最下边的坐标（注意是最下边，而不是最上边）。参数maxWidth是可选参数，表示允许的最大文本的宽度（单位为p...
2018-05-05 20:58:59
2408
原创 arcTo()画弧线
在Canvas中，可以使用arcTo()方法来画一条弧线。语法： cxt.arcTo(cx,cy,x2,y2,radius);说明：（cx,cy）表示控制点的坐标，（x2,y2）表示结束点的坐标，radius表示圆弧的半径。如果我们想要画一条弧线，需要提供三个点的坐标：开始点、控制点和结束点。其中一般由moveTo()或lineTo()提供开始点，arcTo()提供控制点和结束点。arcTo()方...
2018-05-04 23:19:59
1271
原创 数组迭代要优先使用for循环而不是for...in循环
看下面一段代码： var scores=[98,74,85,77,93,100,89]; var total=0; for(var score in scores){ total+=score; } var mean=total/scores.length; alert...
2018-05-03 17:46:52
213
原创 base和nofollow
base可以设置整体链接的打开方式，例如下面一段代码：nofollow 设置不抓取链接 用法：rel = "nofollow"，例如下面一段代码：
2018-05-02 21:29:23
104
原创 p标签和br标签
用p标签会导致两文字段落之间有一定空隙，而换行标签<br />则不会。<br />标签用来给文字换行，而p标签用来给文字分段。如果内容是两段内容，那就别用<br />换行那么麻烦，用两个p标签即可。换行标签是自封闭标签，其中br指的是“break”（换行）。...
2018-05-01 23:13:57
998
原创 浏览器标题栏小图标
在浏览网页时，我们会发现几乎所有的网站的页面在浏览器标题栏前面都会有一个小图标，要想实现这个效果，只需要在head标签中添加一个link标签即可。语法：<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />说明：rel和type这两个属性的取值是固定形式，无需多讲。href属性取值为小图标的地址，这个地址是...
2018-04-30 20:27:56
942
原创 原型扩展
有两种方式可以扩展原型，不管哪种方式都会对原型所在的原型链产生影响。（1）属性扩展对构造函数的原型进行属性扩展后，扩展结果对继承此原型的对象都有效。通常，用在扩展ECMAScript对象的功能，例如ECMAScript中的字符串类型，都没有trim()（去掉字符串中的空格）方法，而通过原型的扩展功能，就可以给ECMAScript中的字符串都扩展此功能，例如：String.prototype.tri...
2018-04-29 22:25:14
264
原创 时间比较
时间的比较很简单，可以直接使用比较符号，例如时间先后比较：var a=new Date();var b=new Date(1900,1,1);alert(a>b); //结果为true时间相等比较：var a=new Date();var b=new Date();alert(a==b); //结果为false虽然可以直接使用大于或小于号对两个时间对象进行比较，但不能使用=...
2018-04-28 23:08:50
2023
原创 Web性能提升的14条规则
规则1：减少HTTP请求；规则2：使用内容分发网络；规则3：添加Expires头；规则4：采用Gzip压缩组件；规则5：将样式表放在顶部；规则6：将脚本放在底部；规则7：避免CSS表达式；规则8：使用外部的JavaScript和CSS；规则9：减少DNS查询；规则10：精简JavaScript；规则11：避免重定向；规则12：删除重复的脚本；规则13：配置ETag;规则14：使Ajax可缓存。...
2018-04-27 22:04:04
89
原创 v-if和v-show
下面介绍下Vue常见指令v-if和v-show:v-if:作用：判断是否加载固定的内容，如果是真，就加载，否则就不加载语法：v-if="判断表达式"v-show:作用：判断是否显示内容语法：v-show="判断表达式"v-if和v-show的相同点和不同点：1.相同点：都可以实现对于一个元素的显示和隐藏操作。2.不同点：v-if是将元素添加或移除DOM树模型中，v-show只是在这个元素上决定是否...
2018-04-26 21:30:17
108
原创 白屏和无样式内容的闪烁
白屏现象源自于浏览器的行为。要知道我们的样式表在呈现页面时几乎用不到----它只影响发送E-mail消息时的DHTML特性。尽管Internet Explorer已经得到了所需的组件，它依然要等到样式表下载完毕之后再呈现它们。样式表在页面中的位置并不影响下载时间，但是会影响页面的呈现。如果样式表仍在加载，构建呈现树就是一种浪费。因为在所有样式表加载并解析完毕之前无需绘制任何东西。否则，在其准备好之...
2018-04-25 21:53:03
667
原创 text-shadow属性
语法：text-shadow:h-shadow v-shadow blur color;h-shadow表示水平阴影的位置，允许负值，该值必需。v-shadow表示垂直阴影的位置，允许负值，该值必需。blur表示阴影的距离，color表示阴影的颜色，这两个值是可选的。注意：如果没有指定阴影颜色，那么将用元素的color属性值来替代；阴影颜色值可以放在前面，实际上它们的位置是不固定的，但几个数值的顺...
2018-04-24 21:25:43
4770
原创 text-overflow属性
text-overflow属性基本语法语法项目说明值clip|ellipsis|ellipsis-word默认值clip适用于块级元素或行内元素可否继承否取值简单说明：clip属性值表示不显示省略标记，而是简单地剪切。ellipsis属性值表示当对象内文本溢出时显示省略标记，省略标记插入的位置是最后一个字符。ellipsis-word表示当对象内文本溢出时显示省略标记，省略标记插入的位置是最后一个...
2018-04-23 22:12:28
2273
原创 ECMAScript中的执行环境
在ECMAScript中，只有两种执行环境，全局环境和函数环境，每个函数都是一个执行环境，包括嵌套函数。换句话说，其他情况下即使变量声明在一对大括号中，在括号外部仍然可以访问这些变量，例如： for(var i=0;i<5;i++){ var num=20; //在for语句中声明的变量 } alert(num); //在for语句外部调用变量，仍然可以得到num的值对异...
2018-04-22 22:44:21
207
原创 HTML5之具有boolean值的属性
对于具有boolean值的属性，例如disabled与readonly等，但只写属性而不指定属性值时，表示属性值为true；如果想要将属性值设为false，可以不使用该属性。另外，想要将属性值设定为true时，也可以将属性名设定为属性值，或将空字符串设定为属性值。例如：<!DOCTYPE html><html lang="en"><head> <...
2018-04-21 22:07:03
2171
原创 HTMLDocument接口的常用属性之anchors和links
HTMLDocument接口是Document接口下的一个子接口，该接口扩展了Document接口的功能，定义了属于HTML文档的属性和方法。这些属性与方法和BOM中的Document对象中的属性与方法兼容。HTMLDocument接口的属性可以获取HTML 文档中的各类对象。下面介绍下HTMLDocument接口的常用属性之anchors和links。HTMLDocument接口的常用属性anc...
2018-04-20 22:30:04
1232
原创 this指针
this关键字表示对某个对象的引用，可以把它理解为一个引用类型的变量，但它的值是由系统确定的，也就是说，this无法被赋值。在Java或者C++中，this很傻很单纯，只能在类中使用，并且仅是引用类实例化后的对象，这与ECMAScript中描述的通过构造函数实例化对象是一样的。在ECMAScript中，this很强很复杂，任何地方都能使用this，并且根据this出现的位置，它的含义也不同，下面列...
2018-04-19 23:26:25
104
原创 解释型语言
对程序来说，计算机需要一个“翻译”，即把程序代码变成计算机可以理解的语言：由0和1组成的包含信息的序列。目前存在两种翻译类型：一个是编译，一个是解释。两种方式都需要对代码进行翻译，只是翻译的时间不同而已。编译型语言在计算机运行代码前，先把代码翻译成计算机可以理解的文件，比如EXE文件。这样说有些不太准确，实际上在生成EXE文件之前，还要做一个整合的操作。这个EXE文件只需要经过一次编译就可以运行了...
2018-04-18 21:57:11
195
原创 caller/callee属性
caller属性并不是arguments对象的，而是函数对象本身的属性，它显示了函数的调用者，如果函数在全局执行环境被调用，那么它的值为null，如果在另一个函数中被调用，它的值就是那个函数，例如下面代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> ...
2018-04-17 23:40:18
226
原创 堆和栈
堆和栈是C/C++编程中经常遇到的概念，也是计算机的基础知识。简单地说，它们都是存放数据的一种结构。不同的是，栈是由底层系统支持的，CPU直接支持栈结构，这种结构的特点是访问快速，但是能存放的数据类型有限制，一般是浮点型，整数，指针这些基本类型。而堆是由上层系统所支持的。它的特点是使用灵活，可存放的数据类型多。可分配存储空间也比栈多，但效率比栈低。...
2018-04-16 21:58:03
80
原创 jQuery中的hover()方法
jQuery中的hover()方法用于模拟光标悬停事件。当光标移动到元素上时，会触发指定的第一个函数（enter），当光标移出这个元素时，会触发指定的第二个函数（leave）。如下面一段代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <tit
2018-04-15 22:31:37
8647
1
原创 fieldset标签和legend标签
在表单中，我们可以使用fieldset标签来给表单元素进行分组。其中，legend标签用于定义某一组表单的标题。语法： <fieldset> <legend>表单组标题</legend> ...... </fieldset>使用fieldset和legend标签有两个作用：1.增强表单的语义。2.可以定义fields...
2018-04-13 23:36:19
5670
1
原创 Jquery对象和DOM对象的相互转换
1.jQuery对象转换为DOM对象jQuery对象不能使用DOM中的方法，但如果对jQuery对象所提供的方法不熟悉，或者jQuery没有封装想要的方法，不得不使用DOM对象的时候，有以下两种处理方法。jQuery提供了两种方法将一个jQuery对象转换为DOM对象，即[index]和get(index)。(1)jQuery对象是一个类似数组的对象，可以通过[index]的方法得到相应的DOM对...
2018-04-12 19:23:37
154
原创 用新对象替换prototype属性不会更新以前的实例
我们可能会认为在任何时候完全替换prototype属性，并且所有的实例都将更新，这是不正确的。创建一个实例时，该实例将在实例化时被绑定至‘刚完成的’原型。提供一个新对象作为prototype属性不会更新已创建实例和新原型之间的连接。但是要记住，可以更新或添加最初创建的原型对象，这些值仍连接至第一个实例。如下面一段代码：<!DOCTYPE html><html lang="en"...
2018-04-11 19:35:03
613
原创 继承原型属性的实例总是能够获得最新值
实例总是能够从原型获得最新值，不管何时被实例化、更改或附加，在这种意义上，prototype属性是动态的。看下面一段代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>继承原型属性的实例总是能够获得最新值<
2018-04-10 21:22:49
68
原创 Array()参数问题
在js中可以将数组实例的值传递给构造函数，以逗号分隔作为参数，例如：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>Array()参数问题</title></head&
2018-04-09 21:59:25
499
原创 ECMAScript确认变量的值的流程
来看一段代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>ECMAScript确认变量的值的流程</title></head><body&am
2018-04-08 22:17:54
91
原创 同时实现几种不同的text-decoration效果
CSS中的text-decoration 属性规定添加到文本的修饰。我们知道CSS（Cascading Style Sheets层叠样式表）最要义就在于层叠性，而如果要同时实现几种不同的text-decoration效果，如果是以下代码：<!DOCTYPE html><html lang="en"><head> <meta charset="U...
2018-04-07 22:58:44
1141
原创 js和jQuery页面加载方法的对比
window.onload $(document).ready()执行时机 必须等待网页中所有的内容加载完 ...
2018-04-06 22:40:53
196
原创 border-radius:0;和border-radius:none;
CSS属性 border-radius用来设置边框圆角。当使用一个半径时确定一个圆形；当使用两个半径时确定一个椭圆，这个(椭)圆与边框的交集形成圆角效果。border-radius默认值为0，不可继承。如果在CSS中对同一元素先后设置了两条border-radius规则，第二条border-radius规则如果想让元素边框圆角重置，应该设为border-radius:0;而不是border-rad...
2018-04-05 23:31:07
3741
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人