跨域操作备忘

什么是同源策略,同源策略最早是由netscape提出的一个网页安全策略。所谓同源是指域名,协议和端口都相同,在这种情况下,开发者可以从其他页面或文件夹相互引用文件和交换数据,因为同属于一个网站,因此不存在安全性的问题。

与同源策略相对是跨域,那么什么情况是跨域。从同源策略的定义我们可以知道,当两个url的域名、协议或者端口,甚至二级域名的某一项或多项不同时,则都属于跨域。

全文»

函数防抖与函数节流

网站开发中经常会遇到一些高频事件操作的需求,比如,通过不停的监听页面滚动事件,来加载可视区的图片,又或者在拖动鼠标时,不断的获取光标的坐标,从而改变模块的位置。

像鼠标滚动、拖动或者键盘输入这些操作,它们都是浏览器的默认行为。这些行为更新的频率取决于各个浏览器生产商,虽然各有差异,但有一点,这些事件操作更新的频率都很高。

全文»

大转盘抽奖的思维过程

关于网页抽奖,在UI方面主要有方框奖品跳动、翻牌抽奖、或者圆盘转动等大体几种形式。曾经在网上看到一个”点击抽奖”直接切换gif动画图的,这会不会有点欺骗用户之嫌,哈哈。

方框类抽奖可以通过不断改变某定位元素的left和top值。翻牌抽奖则可以在点击后给当前牌加相应的class,class设置对应的背景。当然可能你有更好的思路。

全文»

weird javascript

虽然Javascript 的大多语法都是基于传统语言去编写的,但还是有一些设计缺陷,这些缺陷在浏览器的表现怪异,令人费解。在这里,我花了一些时间去整理这些怪异现象,并对相关知识点作相应解释。

该篇文章主要包括了数据类型、变量和作用域、函数、数组和对象五大部分,最后还介绍了其他一些特殊的函数,文章较长:

全文»

javascript中的深拷贝和浅拷贝

JavaScript 包含了多种数据类型,它们大体可以归为两大类,即 基本数据类型(String,Number,Boolean,null,undefined)、引用数据类型(Object)。其中,引用数据类型主要以 对象(Object)、函数(Funciton)、数组(Array)以及 正则(Regexp)这些内置对象为代表。

全文»