CSS3的pointer-events属性及典型应用
概念 pointer-events是CSS3中的属性,最常用的有以下两个取值:1pointer-events:none|auto 设置“pointer-events:none”后元素永远不会成为鼠标事件的target。但是,当其后代元素的pointer-events属性指定其他值时,鼠标事件可以指向后代元素,在这种情况下,鼠标事件将在捕获或冒泡阶触发父元素的事件侦听器。 应用1 当已经
概念 pointer-events是CSS3中的属性,最常用的有以下两个取值:1pointer-events:none|auto 设置“pointer-events:none”后元素永远不会成为鼠标事件的target。但是,当其后代元素的pointer-events属性指定其他值时,鼠标事件可以指向后代元素,在这种情况下,鼠标事件将在捕获或冒泡阶触发父元素的事件侦听器。 应用1 当已经
前言 JavaScript中的函数其实就是一种对象。函数对象也有自己的很多方法。其中,call()方法和apply()方法就是两个用来间接调用函数的方法。两个方法都允许显式地指明调用时的上下文环境(即this的值)。也就是说,这给我们提供了一种自由—任何函数可以作为任何对象的方法来进行调用。并且,两个方法也都允许显式地指明调用时需要用到的实参。函数经call()或apply()调用后会立即执行
前言 html5提供了File API,可以很好用于图片上传和本地预览的使用场景。 html结构以下html片段表示了图片上传组件的文档结构,依赖Amaze UI样式框架。123456789101112131415161718192021222324252627282930313233343536<div class="am-g"> <div class="am-for
概述jQuery.when( deferreds )1.提供一种方法来执行零个或多个对象的回调函数, Deferred(延迟)对象通常表示异步事件。 2.如果没有参数传递给 jQuery.when(),它会返回一个resolved状态的Promise。 3.如果传递一个非Deferred或Promise对象给jQuery.when(),那么它会被当作是一个被解决(resolved)的延迟对象,并
前言 本篇仅对三级联动和实时搜索的核心给出说明,对于页面设计、整个工程结构等不做说明。 三级联动根据交互操作异步触发获取第一列数据12345678910111213141516171819202122232425262728293031323334353637383940//异步请求第一列数据-可选指标名称 $.ajax({ type: "POST", async:
前言 通过CSS指定元素颜色是经常遇到的操作。在CSS中有多种表示颜色的方式。其中,RGBA、HSL、HSLA这三个是CSS3中新增的颜色表示方法。CSS提供了很多和color相关的属性,常用的主要有color、background-color、border-color、text-decoration-color等。下面的说明,均以对background-color的赋值为例。 Color
背景 要说这两个方法,必须先说另一个东西—实参对象(arguments)。标识符arguments是指向实参对象的引用。当传入某个函数的参数个数超过函数定义时指定的形参个数时,默认的处理方法是自动忽略多出来的参数。也就是说,默认这不会引起错误。但是这会有另一个问题:无法获取多出来的参数的引用了(无法知道多出来的参数具体值是什么)。这也正是实参对象arguments可以解决的问题。通过argum
前言 本文对JavaScript中数组类型(Array)的常用方法进行总结,主要包括其API,使用示例和是否直接操作/修改原数组的分析。文章最后会对ECMAScript5中提供的数组方法进行小结。 join()作用 将数组元素衔接为字符串。参数 array.join() array.join(separator) separator: 在返回的拼接字符串中,用以连接原来数组元素的分隔
前言 本篇简单总结cookie的概念,作用,应用,实现案例等要点,关于大段的介绍,就不再重复了,网上有很多可以参考。而且cookie相关是一个很大的话题,这里只是简单小结,主要包括: 1.cookie相关介绍 2.cookie安全性问题 3.javascript对cookie的操作与使用 4.cookie与session的对比分析 5.cookie在实际开发中的使用 直观感受 c
前言 轮播图组件是一种网站中常见的表现形式。常用于广告位,头条新闻等重要信息的展示而且将图片和信息结合起来,引人注意。轮播图最重要的自然是“轮播”,也就是要让页面中的DOM元素“动”起来。这就自然需要先简单提一下JavaScript的运动框架。 JavaScript运动框架简介 JavaScript运动框架就是指利用js和DOM元素配合,利用js的相关函数以一定的频率操作改变DOM元素的位置
关于restful API的设计是一个很重要的问题,这里给出3篇高质量的文章以供参考。RESTful 架构风格概述 RESTful API 编写指南 阮一峰 理解RESTful架构
作用 一句话来讲,这是一种将类数组对象转换为真正数组的方法。很多时候我们会遇到“类数组对象”,比如在操作DOM元素的时候,查询符合某种class的DOM节点会返回一个NodeList,它就是一个类数组对象。真正数组的很多成员方法不能直接用于类数组对象,因此就需要将其转换为真正的数组。 示例123456789Function.prototype.bind = function(context)
前言 双向选择器是网站中经常使用的一种组件,适合于要求用户输入固定的一个或多个标签内容的场景,这种格式比普通input输入框的交互方式更加友好,而且可以防止因用户输入的随意性而导致的其他多余工作(比如表单验证)甚至错误。 效果 在说具体细节之前,可以先看一下效果,下图中就实现了一个最基本的双向选择器。 注意事项1.以上组件的编写没有基于原生的CSS,而是引入了AmazeUI框架,利用了
盒模型概述 盒模型是CSS中的一个重要概念和组成部分,直接决定了页面的基本布局。下图是一张网上常见的关于CSS盒模型的立体图,很好的解释了盒模型中的基本概念。 不同种类和版本的浏览器对于width, height, padding, border, margin的解析有所不同,导致同样的CSS代码在不同浏览器上有不相同的效果。本文对此进行小结。 所有HTML元素可以看作盒子,在CSS中,”
前言 本篇简单总结session的概念,作用,应用,实现案例等要点,关于大段的介绍,就不再重复了,网上有很多可以参考。而且session相关是一个很大的话题,这里只是简单小结,主要包括以下几个大的方面: 1.直观感受 2.session相关介绍 3.session安全性问题 4.session的不同实现方式 5.cookie与session的对比分析 6.session在PHP开发
前言 HTTP本身是匿名/无状态的请求/响应协议,为了能够进行客户端识别,发展出了很多种解决方案,胖URL就是其中一种用户识别机制,它是一种在URL中嵌入识别信息的技术。 定义 服务端可以通过为每个用户生成特定版本的URL来追踪用户身份。通常的做法是在URL开始或结束的地方增加一些状态信息。用户浏览站点时,web服务器会动态生成一些超链,继续维护URL中的状态信息。这种改动后的URL就被称
前言 这是javascript对象中两个十分重要的概念。对象包含了多个属性(property)。每个属性有若干个特性(attribute)。具体而言,有数据属性和访问器属性两种。 数据属性 访问器属性
中文版《JavaScript权威指南》第六版P204中,讲到使用构造函数定义类时,提到“Range()构造函数是通过new关键字调用的(在示例代码的末尾)”,如下图: 找了半天没看出来示例代码中到底是怎么通过new关键字调用的,于是,查看了一下原书第六版,如下图: 好吧,原来中文版这里出现了一点小错误,直接将前一页P203示例代码“用原型对象定义方法”中的代码粘贴过来了,怪不得