标签: 学习笔记

记录点滴,修炼自己。
0

CSS3的pointer-events属性及典型应用

概念  pointer-events是CSS3中的属性,最常用的有以下两个取值:1pointer-events:none|auto   设置“pointer-events:none”后元素永远不会成为鼠标事件的target。但是,当其后代元素的pointer-events属性指定其他值时,鼠标事件可以指向后代元素,在这种情况下,鼠标事件将在捕获或冒泡阶触发父元素的事件侦听器。 应用1  当已经

0

JavaScript的call()、apply()、bind()方法对比总结

前言  JavaScript中的函数其实就是一种对象。函数对象也有自己的很多方法。其中,call()方法和apply()方法就是两个用来间接调用函数的方法。两个方法都允许显式地指明调用时的上下文环境(即this的值)。也就是说,这给我们提供了一种自由—任何函数可以作为任何对象的方法来进行调用。并且,两个方法也都允许显式地指明调用时需要用到的实参。函数经call()或apply()调用后会立即执行

0

使用HTML5的FileAPI完成图片预览上传

前言  html5提供了File API,可以很好用于图片上传和本地预览的使用场景。 html结构以下html片段表示了图片上传组件的文档结构,依赖Amaze UI样式框架。123456789101112131415161718192021222324252627282930313233343536<div class="am-g"> <div class="am-for

0

jQuery中$.when()方法和deferred对象相关总结

概述jQuery.when( deferreds )1.提供一种方法来执行零个或多个对象的回调函数, Deferred(延迟)对象通常表示异步事件。 2.如果没有参数传递给 jQuery.when(),它会返回一个resolved状态的Promise。 3.如果传递一个非Deferred或Promise对象给jQuery.when(),那么它会被当作是一个被解决(resolved)的延迟对象,并

0

使用JavaScript实现三级联动和实时搜索

前言  本篇仅对三级联动和实时搜索的核心给出说明,对于页面设计、整个工程结构等不做说明。 三级联动根据交互操作异步触发获取第一列数据12345678910111213141516171819202122232425262728293031323334353637383940//异步请求第一列数据-可选指标名称 $.ajax({ type: "POST", async:

0

CSS的颜色空间-Color Name、HEX、RGB、RGBA、HSL、HSLA

前言  通过CSS指定元素颜色是经常遇到的操作。在CSS中有多种表示颜色的方式。其中,RGBA、HSL、HSLA这三个是CSS3中新增的颜色表示方法。CSS提供了很多和color相关的属性,常用的主要有color、background-color、border-color、text-decoration-color等。下面的说明,均以对background-color的赋值为例。 Color

0

JavaScript的caller属性和callee属性对比总结

背景  要说这两个方法,必须先说另一个东西—实参对象(arguments)。标识符arguments是指向实参对象的引用。当传入某个函数的参数个数超过函数定义时指定的形参个数时,默认的处理方法是自动忽略多出来的参数。也就是说,默认这不会引起错误。但是这会有另一个问题:无法获取多出来的参数的引用了(无法知道多出来的参数具体值是什么)。这也正是实参对象arguments可以解决的问题。通过argum

0

【转】HTTPS与SSL(下篇)

原文链接:http://www.jianshu.com/p/c03f47e7b9de#感谢原作者!(学长这个系列的文章已被“开发者头条APP”收录为头条文章)

0

【转】HTTPS与SSL(上篇)

原文链接:http://www.jianshu.com/p/eafa5f19cb0b#感谢原作者!(学长这个系列的文章已被“开发者头条APP”收录为头条文章)

0

JavaScript数组方法对比总结

前言  本文对JavaScript中数组类型(Array)的常用方法进行总结,主要包括其API,使用示例和是否直接操作/修改原数组的分析。文章最后会对ECMAScript5中提供的数组方法进行小结。 join()作用  将数组元素衔接为字符串。参数  array.join()  array.join(separator)  separator: 在返回的拼接字符串中,用以连接原来数组元素的分隔

0

Cookie相关总结

前言  本篇简单总结cookie的概念,作用,应用,实现案例等要点,关于大段的介绍,就不再重复了,网上有很多可以参考。而且cookie相关是一个很大的话题,这里只是简单小结,主要包括:  1.cookie相关介绍  2.cookie安全性问题  3.javascript对cookie的操作与使用  4.cookie与session的对比分析  5.cookie在实际开发中的使用 直观感受  c

0

使用JavaScript实现轮播图效果(JavaScript运动框架案例)

前言  轮播图组件是一种网站中常见的表现形式。常用于广告位,头条新闻等重要信息的展示而且将图片和信息结合起来,引人注意。轮播图最重要的自然是“轮播”,也就是要让页面中的DOM元素“动”起来。这就自然需要先简单提一下JavaScript的运动框架。 JavaScript运动框架简介  JavaScript运动框架就是指利用js和DOM元素配合,利用js的相关函数以一定的频率操作改变DOM元素的位置

0

Restful风格的API

关于restful API的设计是一个很重要的问题,这里给出3篇高质量的文章以供参考。RESTful 架构风格概述 RESTful API 编写指南 阮一峰 理解RESTful架构

0

Array.prototype.slice.call()的典型应用

作用  一句话来讲,这是一种将类数组对象转换为真正数组的方法。很多时候我们会遇到“类数组对象”,比如在操作DOM元素的时候,查询符合某种class的DOM节点会返回一个NodeList,它就是一个类数组对象。真正数组的很多成员方法不能直接用于类数组对象,因此就需要将其转换为真正的数组。 示例123456789Function.prototype.bind = function(context)

0

JavaScript双向选择器的实现

前言  双向选择器是网站中经常使用的一种组件,适合于要求用户输入固定的一个或多个标签内容的场景,这种格式比普通input输入框的交互方式更加友好,而且可以防止因用户输入的随意性而导致的其他多余工作(比如表单验证)甚至错误。 效果  在说具体细节之前,可以先看一下效果,下图中就实现了一个最基本的双向选择器。 注意事项1.以上组件的编写没有基于原生的CSS,而是引入了AmazeUI框架,利用了

0

CSS[内容盒模型]和[边框盒模型]的对比分析

盒模型概述  盒模型是CSS中的一个重要概念和组成部分,直接决定了页面的基本布局。下图是一张网上常见的关于CSS盒模型的立体图,很好的解释了盒模型中的基本概念。  不同种类和版本的浏览器对于width, height, padding, border, margin的解析有所不同,导致同样的CSS代码在不同浏览器上有不相同的效果。本文对此进行小结。  所有HTML元素可以看作盒子,在CSS中,”

0

Session相关总结

前言  本篇简单总结session的概念,作用,应用,实现案例等要点,关于大段的介绍,就不再重复了,网上有很多可以参考。而且session相关是一个很大的话题,这里只是简单小结,主要包括以下几个大的方面:  1.直观感受  2.session相关介绍  3.session安全性问题  4.session的不同实现方式  5.cookie与session的对比分析  6.session在PHP开发

0

胖URL(fat url)

前言  HTTP本身是匿名/无状态的请求/响应协议,为了能够进行客户端识别,发展出了很多种解决方案,胖URL就是其中一种用户识别机制,它是一种在URL中嵌入识别信息的技术。 定义  服务端可以通过为每个用户生成特定版本的URL来追踪用户身份。通常的做法是在URL开始或结束的地方增加一些状态信息。用户浏览站点时,web服务器会动态生成一些超链,继续维护URL中的状态信息。这种改动后的URL就被称

0

《JavaScript权威指南》中文版P204纠错

  中文版《JavaScript权威指南》第六版P204中,讲到使用构造函数定义类时,提到“Range()构造函数是通过new关键字调用的(在示例代码的末尾)”,如下图:   找了半天没看出来示例代码中到底是怎么通过new关键字调用的,于是,查看了一下原书第六版,如下图:   好吧,原来中文版这里出现了一点小错误,直接将前一页P203示例代码“用原型对象定义方法”中的代码粘贴过来了,怪不得