归档: 2016/5
JavaScript数组方法对比总结
前言 本文对JavaScript中数组类型（Array）的常用方法进行总结，主要包括其API，使用示例和是否直接操作/修改原数组的分析。文章最后会对ECMAScript5中提供的数组方法进行小结。 join()作用 将数组元素衔接为字符串。参数 array.join() array.join(separator) separator： 在返回的拼接字符串中，用以连接原来数组元素的分隔
Cookie相关总结
前言 本篇简单总结cookie的概念，作用，应用，实现案例等要点，关于大段的介绍，就不再重复了，网上有很多可以参考。而且cookie相关是一个很大的话题，这里只是简单小结，主要包括： 1.cookie相关介绍 2.cookie安全性问题 3.javascript对cookie的操作与使用 4.cookie与session的对比分析 5.cookie在实际开发中的使用 直观感受 c
使用JavaScript实现轮播图效果(JavaScript运动框架案例)
前言 轮播图组件是一种网站中常见的表现形式。常用于广告位，头条新闻等重要信息的展示而且将图片和信息结合起来，引人注意。轮播图最重要的自然是“轮播”，也就是要让页面中的DOM元素“动”起来。这就自然需要先简单提一下JavaScript的运动框架。 JavaScript运动框架简介 JavaScript运动框架就是指利用js和DOM元素配合，利用js的相关函数以一定的频率操作改变DOM元素的位置
Restful风格的API
关于restful API的设计是一个很重要的问题，这里给出3篇高质量的文章以供参考。RESTful 架构风格概述 RESTful API 编写指南 阮一峰 理解RESTful架构
Array.prototype.slice.call()的典型应用
作用 一句话来讲，这是一种将类数组对象转换为真正数组的方法。很多时候我们会遇到“类数组对象”，比如在操作DOM元素的时候，查询符合某种class的DOM节点会返回一个NodeList，它就是一个类数组对象。真正数组的很多成员方法不能直接用于类数组对象，因此就需要将其转换为真正的数组。 示例123456789Function.prototype.bind = function(context)
JavaScript双向选择器的实现
前言 双向选择器是网站中经常使用的一种组件，适合于要求用户输入固定的一个或多个标签内容的场景，这种格式比普通input输入框的交互方式更加友好，而且可以防止因用户输入的随意性而导致的其他多余工作（比如表单验证）甚至错误。 效果 在说具体细节之前，可以先看一下效果，下图中就实现了一个最基本的双向选择器。 注意事项1.以上组件的编写没有基于原生的CSS，而是引入了AmazeUI框架，利用了
CSS[内容盒模型]和[边框盒模型]的对比分析
盒模型概述 盒模型是CSS中的一个重要概念和组成部分，直接决定了页面的基本布局。下图是一张网上常见的关于CSS盒模型的立体图，很好的解释了盒模型中的基本概念。 不同种类和版本的浏览器对于width, height, padding, border, margin的解析有所不同，导致同样的CSS代码在不同浏览器上有不相同的效果。本文对此进行小结。 所有HTML元素可以看作盒子，在CSS中，”
Session相关总结
前言 本篇简单总结session的概念，作用，应用，实现案例等要点，关于大段的介绍，就不再重复了，网上有很多可以参考。而且session相关是一个很大的话题，这里只是简单小结，主要包括以下几个大的方面： 1.直观感受 2.session相关介绍 3.session安全性问题 4.session的不同实现方式 5.cookie与session的对比分析 6.session在PHP开发
胖URL(fat url)
前言 HTTP本身是匿名/无状态的请求/响应协议，为了能够进行客户端识别，发展出了很多种解决方案，胖URL就是其中一种用户识别机制，它是一种在URL中嵌入识别信息的技术。 定义 服务端可以通过为每个用户生成特定版本的URL来追踪用户身份。通常的做法是在URL开始或结束的地方增加一些状态信息。用户浏览站点时，web服务器会动态生成一些超链，继续维护URL中的状态信息。这种改动后的URL就被称
JavaScript中attribute(特性)和property(属性)的对比分析
前言 这是javascript对象中两个十分重要的概念。对象包含了多个属性（property）。每个属性有若干个特性（attribute）。具体而言，有数据属性和访问器属性两种。 数据属性 访问器属性
《JavaScript权威指南》中文版P204纠错
中文版《JavaScript权威指南》第六版P204中，讲到使用构造函数定义类时，提到“Range()构造函数是通过new关键字调用的(在示例代码的末尾)”，如下图： 找了半天没看出来示例代码中到底是怎么通过new关键字调用的，于是，查看了一下原书第六版，如下图： 好吧，原来中文版这里出现了一点小错误，直接将前一页P203示例代码“用原型对象定义方法”中的代码粘贴过来了，怪不得
JavaScript的null和undefined对比总结
前言 说到这两个类型，首先应该从整体上明确一下JavaScript中提供的数据类型。 JavaScript中的数据类型分为两类：原始类型和对象类型。 其中，原始类型又可以细分为如下5类：数字，字符串，布尔值，null，undefined。 null和undefined都表示一种“空缺”的意思，但具体还有很多细节不同。 null类型检测对null使用typeof检测，可得： 说明 由以
《JavaScript 权威指南》P147的一处分析
情景 在《JavaScript权威指南 第六版 中文版》P147，讲到稀疏数组时，书中给出如下的分析和例子： 读完后感觉第一个红框和第二个红框中的表述不是很清楚，有些矛盾。于是在chrome浏览器的控制台进行测试，结果如下： 第一个红框对应结果 第二个红框对应结果 第三个红框对应结果也就是说实测结果与书中第一个红框中的蓝色小框表述相反：0 in a1输出的值是false。 分析 以下
CSS相关单位(pt,px,PPI,DPI,em,rem)
单位介绍 pt:磅（point），绝对单位，印刷行业常用，等于1/72英寸(即0.03526厘米，1英寸 = 2.54厘米)。 px:像素（pixel），相对长度单位，相对于显示器屏幕分辨率而言。 PPI:像素密度（Pixel Per Inch），每英寸所拥有的像素数量。因此PPI数值越高，即代表显示屏能够以越高的密度显示图像。当然，显示的密度越高，拟真度就越高。 DPI:点数密度（Dot
通用的HTML文档DOM树遍历函数
前言 本篇记录《JavaScript权威指南》中提供的通用性的DOM结构遍历函数，这是十分常用的场景，可以获取除了Text节点以外的全部文档节点。 实现parent函数 返回元素e的第n层祖先元素，如果不存在则返回null 如果n===0；返回e本身；n===1，返回父节点，以此类推123456function parent(e, n) { if (n === undefin