2016年12月_泠泠在路上

转载 javascript内置函数是什么

js内置函数是浏览器内核自带的，不用任何函数库引入就可以直接使用的函数。javascript内置函数一共可分为五类： 1、常规函数 2、数组函数 3、日期函数 4、数学函数 5、字符串函数第一类：常规函数包括以下9个函数： (1)alert函数：显示一个警告对话框，包括一个OK按钮。 (2)confirm函数：显示一个确认对话框，包括OK、Cancel按钮。 (3)

2016-12-30 12:46:04 4375 2

原创简要描述对闭包的理解

函数对象可以通过作用域链相互关联起来，函数体内部的变量都可以保存在函数作用域内，这种特性称为闭包。这意味着函数变量可以隐藏于作用域链之内，看起来好像是函数将变量包裹了起来。这种方式常用于共享函数内的私有变量。闭包有如下应用特征：1、局部变量：在函数中定义有共享意义（如：缓存、计数器等）的局部变量（注：定义成全局变量会对外造成污染）；2、内嵌函数：在函数中声明有内嵌函数，内嵌函数对函数中的局部变量

2016-12-29 17:28:41 827

任何一段JavaScript代码都对应一个作用域链，作用域链中存放一系列对象，代码中声明的变量将作为对象的属性存放。在JavaScript的顶层代码中，作用域链由一个全局对象组成；当定义一个函数时，它保存一个作用域链，作用域链上有两个对象，一个是函数对象，一个是全局对象。每当一个函数被调用时，会创建一个活动对象（也叫上下文对象），函数中的局部变量将作为该对象的属性存放。当需要使用一个变量时，将从作用

2016-12-29 17:18:35 745

原创简要描述 JavaScript 中的匿名函数

匿名函数是指在定义时没有指定名字的函数，且定义后往往直接调用。如：function(num1, num2){ console.log( num1 + num2 );}这种方式所定义的匿名函数，往往需要直接调用，如： (function (num1, num2) { console.log(num1 + num2); })(10,20);匿名函数常用于定义不需要重复使

2016-12-29 17:14:01 339

原创什么是正则表达式？在JavaScript中，如何应用正则表达式？

正则表达式(Regular Expression) 本身就是一个字符串，由一些普通字符和特殊字符组成的，用以描述一种特定的字符规则的表达式。正则表达式常用于在一段文本中搜索、匹配或替换特定形式的文本。如：词语出现频率统计、验证字符串是否符合邮箱格式、屏蔽一篇帖子中的限制性词语等。许多程序设计语言都支持利用正则表达式进行字符串操作。在 JavaScript 中，正则表达式的应用分为两种： 1、结合

2016-12-29 17:09:59 980

原创什么是栈？在 JavaScript 中，如何模拟栈操作？

栈（stack）是一种运算受限的线性表，其限制是仅允许在表的一端进行插入和删除运算。这一端被称为栈顶，相对的把另一端称为栈底。向一个栈插入新元素又称作进栈、入栈或压栈，它是把新元素放到栈顶元素的上面，使之成为新的栈顶元素；从一个栈删除元素又称作出栈或退栈，它是把栈顶元素删除掉，使其相邻的元素成为新的栈顶元素。在 JavaScript 中，可以使用数组及其相关操作来模拟栈操作。首先，使用数组存储一列元

2016-12-29 17:05:38 991

原创读代码，写结果

写出下列代码的输出结果： var arr1 = [10, 20]; arr1.push(30); arr1.push([40, 50]); var data = arr1.pop(); console.log(data); 上述代码的输出结果为 [40, 50]。数组的方法 push() 表示入栈，即在栈顶（数组尾端）添加指定的元素；方法 pop() 表示出栈，删

2016-12-29 16:59:56 416

原创编写函数，实现对身份证号码最后一位的验证

二代身份证号码为18位，其最后一位（第18位）的计算方法为： 1、将前面的身份证号码17位数分别乘以不同的系数。从第一位到第十七位的系数分别为： 7－9－10－5－8－4－2－1－6－3－7－9－10－5－8－4－2 2、将这17位数字和系数相乘的结果相加 3、用加出来和除以11，看余数是多少？ 4、余数只可能有0－1－2－3－4－5－6－7－8－9－10这11个数字。每

2016-12-29 16:56:03 3491

原创编写函数，实现插入排序

插入排序是指，先假定将 n 个元素的数列分为已有序和无序两个部分；然后将无序数列的第一个元素与有序数列的元素从后往前逐个进行比较，找出插入位置，将该元素插入到有序数列的合适位置中。使用 JavaScript 编写的插入排序函数如下所示：function insertionSort(arr) { //从第二个元素开始 for (var i = 1; i < arr.

2016-12-29 16:49:13 2787

原创编写函数，实现冒泡排序

使用 JavaScript 编写的冒泡排序函数如下所示： function bubbleSort(arr) { for (var i = 0; i < arr.length; i++) { for (var j = 0; j < arr.length - i - 1; j++) { if (arr[j] > arr[j + 1

2016-12-29 16:46:39 6634

原创列举几个 JavaScript 中常用的全局函数，并描述其作用

JavaScript 中常用的全局函数及其作用如下： 1. parseInt：解析一个字符串并返回一个整数； 2. parseFloat：解析一个字符串并返回一个浮点数； 3. isNaN：检查某个值是否是数字，返回 true 或者 false； 4. encodeURI ：把字符串作为 URI 进行编码； 5. decodeURI ：对 encodeURI() 函数编码过的 URI 进行

2016-12-29 16:41:27 2588

原创简要描述 JavaScript 中定义函数的几种方式

JavaScript 中，有三种定义函数的方式： 1、函数语句：即使用 function 关键字显式定义函数。如：function f(x){return x+1;}2、函数定义表达式：也称为“函数直接量”。形如：var f = function(x){return x+1;};3、使用 Function() 构造函数定义，形如：Var f = new Function(“x”,”return

2016-12-29 16:39:35 3451 1

原创简述 arguments 对象的作用

在函数代码中，使用特殊对象 arguments 可以访问函数的参数。即，开发者在定义函数时，无需明确的为方法声明参数，也可以在方法体中使用 arguments 来访问参数。这是因为， arguments 是一种特殊对象，在函数代码中，表示函数的参数数组。正因为 arguments 表示参数组成的数组，因此，首先可以使用arguments.length检测函数的参数个数，其次，可以通过下标（arg

2016-12-29 16:33:38 4883 1

原创读代码，写结果

写出下列代码的输出结果：function test() { var sum = 0; for (var i = 0; i < 10; i++) { sum += i; } console.log(sum); console.log(i);}test();上述代码中，输出 sum 的值为 45；输出 i 的值为 10。这是因为，在函数 t

2016-12-29 16:30:47 325

原创 JavaScript 中的函数作用域

JavaScript 中的函数作用域是指：变量在声明它的函数体以及这个函数体嵌套的任意函数体内都是有定义的。这意味着，在函数体内声明的所有变量在整个函数体内始终是可见的，这种特性也被称为“声明提前”，即，函数内声明的所有变量（不涉及到赋值）都被提前至函数的顶部声明。比如，查看如下代码： function test() { console.log(x); var

2016-12-29 15:37:55 235

原创 JavaScript 中的局部变量与全局变量的区别

全局变量拥有全局作用域，在 JavaScript 代码的任何地方都可以访问；在函数内声明的变量只在函数体内有定义，即为局部变量，其作用域是局部性的。需要注意的是，在函数体内声明局部变量时，如果不使用 var 关键字，则将声明全局变量。

2016-12-29 14:49:00 626

原创什么是“逻辑短路”

逻辑短路是对于逻辑运算而言，是指，仅计算逻辑表达式中的一部分便能确定结果，而不对整个表达式进行计算的现象。对于“&&”运算符，当第一个操作数为false时，将不会判断第二个操作数，因为此时无论第二个操作数为何，最后的运算结果一定是false；对于“||”运算符，当第一个操作数为true时，将不会判断第二个操作数，因为此时无论第二个操作数为何，最后的运算结果一定是true。

2016-12-29 14:47:53 9563 1

原创描述 null 和 undefined 的区别

null：是 JavaScript 的关键字，用于描述“空值”，对其执行 typeof 操作，返回“object”，即为一个特殊的对象值，可以表示数字、字符串和对象是“无值”的。 undefined：是预定义的全局变量，其值为“未定义”，它是变量的一种取值，表示变量没有初始化。当查询对象属性、数组元素的值时，如果返回 undefined则表示属性或者元素不存在；如果函数没有任何返回值，也返回 un

2016-12-29 14:29:43 660

原创读代码，写结果

var a = []; var b = a; b[0] = 1; console.log(a[0]); console.log(b[0]); console.log(a===b);上述代码的结果分别为： 1 1 true

2016-12-29 14:07:02 500

原创简要描述 JavaScript 的数据类型

JavaScript 的数据类型可以分为原始类型和对象类型。原始类型包括 string、number 和 boolean 三种。其中，字符串是使用一对单引号或者一对双引号括起来的任意文本；而数值类型都采用64 位浮点格式存储，不区分整数和小数；布尔（逻辑）只能有两个值：true 或 false。复杂类型指其他对象，如 Array、Date、Object 等。除此之外，JavaScript

2016-12-29 14:05:56 954

原创谈谈对浏览器兼容性问题的理解

浏览器的类型及版本的不同会造成 CSS 效果不尽相同，因此需要实现浏览器兼容，也可以针对不同的浏览器编写不同的CSS。目前，各主流浏览器的新版本，对于 W3C 的标准支持很好，因此，首先保证代码符合W3C的标准，这是解决浏览器兼容问题的前提。其次，对于某些支持受限的属性，针对不同的浏览器添加相应的前缀，比如-webkit-、-o-、-moz-。第三，对于 IE 的低版本，可以编写带有特定

2016-12-29 14:04:18 3331 1

原创如何清除浮动元素所带来的影响？

浮动定位是指将元素排除在普通流之外，并且将它放置在包含框的左边或者右边，但是依旧位于包含框之内。也就是说，浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以元素浮动之后，其原有位置不再保留，其他元素的位置会受到影响。如果需要清除左侧或者右侧浮动元素带来的影响，则可以使用 clear 属性来设置。另外，包含框内的子元素浮动后，如果包

2016-12-29 14:03:18 2383

原创什么是 CSS reset？

CSS reset，又叫做 CSS 重写或者 CSS 重置，用于改写HTML标签的默认样式。有些HTML标签在浏览器里有默认的样式，例如 p 标签有上下边距，li 标签有列表标识符号等。这些默认样式在不同浏览器之间也会有差别，例如ul默认带有缩进的样式，在IE下，它的缩进是通过margin实现的，而Firefox下，它的缩进是由padding实现的。这必然会带来浏览器兼容问题。因此，在 CS

2016-12-29 14:02:34 1200

原创过渡与动画的区别是什么？

过渡属性transition可以在一定的时间内实现元素的状态过渡为最终状态，用于模拟一种过渡动画效果，但是功能有限，只能用于制作简单的动画效果；而动画属性 animation 可以制作类似Flash动画，通过关键帧控制动画的每一步，控制更为精确，从而可以制作更为复杂的动画。

2016-12-29 14:01:40 7166

原创对 CSS3 有了解吗？列举几个CSS3 的新特性并简要描述

CSS3作为CSS技术的升级版本，着力于模块化发展，将规范分解为一些小的模块，如选择器、盒子模型、列表模块、背景和边框等；并加入了很多新的模块和属性，比如复杂选择器、文字阴影、边框圆角、边框阴影、渐变、过渡、多栏布局、2D/3D 转换、动画等。其中，CSS3提供了一些复杂选择器，用于实现页面复杂情况下的元素选择，如属性选择器、一些伪类和伪元素选择器；渐变用于为元素设置渐变效果的背景；转换可以实现

2016-12-29 14:00:36 2243 2

原创 CSS Sprite是什么，谈谈这个技术的优缺点

CSS Sprites是一种网页图片应用处理方式，就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位。其优点在于：减少网页的http请求，提高性能，这也是CSS Sprites最大的优点，也是其被广泛传播和应用的主要原因；减少图片的字节：多张图

2016-12-29 13:59:14 9901

原创简要描述CSS 中 content 属性的作用。

content 属性与 :before及 :after 伪元素配合使用，来插入生成内容，可以在元素之前或之后放置生成的内容。可以插入文本、图像、引号，并可以结合计数器为页面元素插入编号。比如，查看如下代码：body {counter-reset:chapter;}h1:before {content:“第”counter(chapter) "章 ";}h1 {counter-increme

2016-12-29 13:56:55 1217

原创什么情况下需要额外设置表格的显示规则？

默认情况下（不额外设置表格的显示规则时），表格按照自动表格布局进行显示，即，浏览器在显示表之前查看每一个单元格，然后基于所有单元格的设置计算表的大小，而列的宽度是由列单元格中没有折行的最宽的内容设定的。此时，单元格的大小会适应内容的大小。自动表格布局的算法在表格复杂时会比较慢，这是由于它需要在确定最终的布局之前访问表格中所有的内容。在不能提前确定每一列的大小时，这种方式会非常适用。如果额外设

2016-12-29 13:55:16 311

原创内联元素实现浮动

在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。因此，对于内联元素，如果设置为浮动，会产生和块级框相同的效果。

2016-12-29 13:54:14 2126

原创在设置文本的字体时，为什么建议设置替换字体？

可以使用 font-family 属性来指定文本的字体，代码如下所示：font-family:name/inherit;此时，name为首选字体的名称。如果字体名称有多个单词，即中间有空格，则需要将字体名称用一对单引号或者双引号包围起来。但是，如果用户机器上并没有安装 name 所指定的字体，则会显示默认字体。因此，如果可以指定一种替代字体，替代字体可以和指定字体不完全相同，相似且不会影响页面的

2016-12-29 13:53:17 683

原创如何居中div？如何居中一个浮动元素？

给div设置一个宽度，然后设置元素的左右外边距为 auto，比如，margin:0px auto。则可以实现 div 居中显示。对于浮动元素，设置其左右外边距为关键字 auto 是无效的。此时，如果需要设置其居中显示，可以： 1、精确计算其左外边距并进行设置，实现居中显示； 2、使用一个居中显示的 div 元素包含此浮动元素，代码如：<div style="margin:0px au

2016-12-29 13:51:10 8607

原创为什么建议设置背景图像的同时还设置背景颜色？

一般建议在使用背景图像的同时提供background-color属性，并且将其设置为和图像主要颜色类似的颜色。这样，如果正在加载页面，或者因为各种原因无法显示背景图像时，页面可以使用这种颜色作为背景色。

2016-12-29 13:49:55 1438

原创 CSS3 中的伪类选择器

CSS3 提供了大量伪类选择器，浏览器对于有些伪类选择器的支持还不太好。目前，常用的伪类选择器有：目标为类：即 :target，突出显示活动的 HTML 锚，用于选取当前活动的目标元素；元素状态伪类：比如 :enabled、:disabled、:checked；结构伪类：比如 :first-child、:last-child、:empty、:only-child；否定伪类：即 :no

2016-12-29 13:44:08 338

原创简述对CSS的盒子模型理解？

CSS盒子模型也叫做框模型，具备内容(content)、填充(padding)、边框(border)、边界(margin)这些属性。在CSS中，每一个元素都被视为一个框，而每个框都有三个属性：border:元素的边框（可能不可见），用于将框的边缘与其他框分开；margin：外边距，表示框的边缘与相邻框之间的距离，也称为页边空白； padding:内边距，表示框内容和边框之间的空间。width

2016-12-29 13:42:06 19535

原创 display 属性和 visibility 属性的区别？

可以使用 display 属性定义建立布局时元素生成的显示框类型。 1. 如果将 display 属性设置为 block，可以让行内元素（比如<a>元素）表现得像块级元素一样； 2. 如果将 display 属性设置为inline，可以让块级元素（比如<p>元素）表现得像内联元素一样； 3. 可以通过把 display 属性设置为 none，让生成的元素根本没有框。这样的话，该框及其所有内容就

2016-12-29 13:39:53 794

原创简要描述CSS 中的定位机制。

CSS中，除了默认的流定位方式以外，还有如下几种定位机制：浮动定位、相对定位、绝对定位和固定定位。浮动定位是指将元素排除在普通流之外，并且将它放置在包含框的左边或者右边，但是依旧位于包含框之内。相对定位将元素相对于它在普通流中的位置进行定位。绝对定位是指将元素的内容从普通流中完全移除，并且可以使用偏移属性来固定该元素的位置。固定定位是指将元素的内容固定在页面的某个位置。

2016-12-29 13:38:56 772

原创 CSS 选择器中，元素选择器和类选择器的区别是什么？

元素选择器是最常见的 CSS 选择器，即，文档的元素就是最基本的选择器。选择器通常是某个 HTML 元素，比如<p>、<h1>、<em>、<a>等，甚至可以是<html>元素本身。类选择器用于将样式规则与附带class属性的元素匹配，其中该class属性的值为类选择器中指定的值。使用类选择器时，首先需要定义样式类，其语法为：.className { }所有能够附带class属性的元素都可以使用

2016-12-29 13:37:40 3124

原创 CSS中哪些属性可以继承？

CSS中可以继承的属性如下： 1）文本相关属性：font-family、 font-size、 font-style、font-variant, font-weight、 font、 letter-spacing、line-height、text-align、 text-indent、text-transform、word-spacing、color； 2）列表相关属性：list-style-i

2016-12-29 13:35:26 2603

原创如何理解 CSS 样式表的层叠性？

CSS使用层叠（Cascade）的原则来考虑继承、层叠次序和优先级等重要特征，从而判断相互冲突的规则中哪个规则应该起作用。继承性是指，许多CSS的样式规则不但影响选择器所定义的元素，而且会被这些元素的后代继承。层叠性是指，当一个Web页面使用多个样式表，多个样式表中的样式可层叠为一个。在多个样式表之间所定义的样式没有冲突的时候，浏览器会显示所有的样式。优先级是指，当发生样式定义冲突时，浏

2016-12-28 17:09:03 3484

原创 link和@import都可以为页面引入 CSS 文件，其区别是？

将样式定义在单独的.css的文件里，link和@import都可以在html页面引入css文件。有link和@import两种方式，导入方式如下： link方式：<link rel="stylesheet" type="text/css" href="aa.css">@import方式:<style type="text/css">@import "aa.css";</style>link和@

2016-12-28 16:53:33 405

空空如也

空空如也