随笔分类 -  Javascript

摘要:BOM是browser object model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性 BOM缺乏标准,JavaScri 阅读全文
posted @ 2016-07-01 16:10 灬東歌℡ 阅读(197) 评论(0) 推荐(0)
摘要:1.Date属性(1):constructor 所建立对象的函数参考prototype 能够为对象加入的属性和方法 方法(43):getDay() 返回一周中的第几天(0-6)getYear() 返回年份.2000年以前为2位,2000(包含)以后为4位getFullYear() 返回完整的4位年份 阅读全文
posted @ 2016-07-01 16:09 灬東歌℡ 阅读(445) 评论(0) 推荐(0)
摘要:这个例子与上一篇类似,唯一的区别是排序的方式有差别。上一篇是在高度最小的列里插入内容,这个案例是按顺序放置内容。 两种方法各有优缺点。第一种需要在图片内容加载完成的情况下有效,各个列的图高度差异不大。这个例子不需要在window.onload之后执行,直接计算每列的索引,按照顺序一列一列的放置,在图 阅读全文
posted @ 2016-07-01 16:08 灬東歌℡ 阅读(134) 评论(0) 推荐(0)
摘要:在实际的项目中,偶尔会用到一种布局——瀑布流布局。瀑布流布局的特点是,在多列布局时,可以保证内容区块在水平方向上不产生大的空隙,类似瀑布的效果。简单的说,在垂直列表里,内容区块是一个挨着一个的。当内容较多且不固定时,就依赖于html结构的顺序,非常受限制。这里给了一个简单的例子,只要传入列表的数量和 阅读全文
posted @ 2016-07-01 16:07 灬東歌℡ 阅读(183) 评论(0) 推荐(0)
摘要:移动端触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成。但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。 以下是四种touch事件 touchstart: //手指放到屏幕上时 阅读全文
posted @ 2016-07-01 16:06 灬東歌℡ 阅读(127) 评论(0) 推荐(0)
摘要:一、变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部变量。 Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。 var n=999; function f1(){ alert(n); } f1(); // 9 阅读全文
posted @ 2016-07-01 16:04 灬東歌℡ 阅读(132) 评论(0) 推荐(0)
摘要:说明 写这个主要是为了锻炼自己,并无实际意义。 每个浏览器测试得出的数据会不一样。比如我用chrome 测试 一般快速排序都会最快,IE 则根据数组长度有可能希尔最快。 不要用太大数据去测试冒泡排序(浏览器崩溃了我不管) 如果有兴趣可以 在线排序动画 下载测试页面 个人理解 冒泡排序:最简单,也最慢 阅读全文
posted @ 2016-07-01 16:04 灬東歌℡ 阅读(137) 评论(0) 推荐(0)
摘要:最近在做网页的时候有个需求,就是浏览器窗口改变的时候需要改一些页面元素大小,于是乎很自然的想到了window的resize事件,于是乎我是这么写的 DOCTYPE html> <</span>html> <</span>head> <</span>title>Throttle</</span>tit 阅读全文
posted @ 2016-07-01 16:03 灬東歌℡ 阅读(113) 评论(0) 推荐(0)
摘要:1.图片预读取 图片的预先读取-加快下载速度 本章主要讨论Cache和Preload 图片的预先调用。 为什么要对图片进行预先的调用?答案非常简单:为了速度。 你是否已经注意到了,一个以前曾经访问过的页面再次进入时速度会比以前快许多?这是因为页面中所有的图片都已经被“cached”了。 对于IE,在 阅读全文
posted @ 2016-07-01 16:02 灬東歌℡ 阅读(507) 评论(0) 推荐(0)
摘要:大家都知道JQuerry有animate方法来给DOM元素进行运动,CSS3中也有transition、transform来进行运动。而使用原生的Javascript来控制元素运动,需要写很多运动的细节以及兼容。 然而,当你的BOSS不让你使用庞大的JQ框架,而且你开发的产品也需要在一些不兼容CSS 阅读全文
posted @ 2016-07-01 16:02 灬東歌℡ 阅读(171) 评论(0) 推荐(0)
摘要:一、从内存角度理解js的面向对象 1.基于类的面向对象,2.基于原型(prototype)的面向对象 但是,ECMAScript(javascript是基于ECMAScript的标准)没有类的概念,因此它的对象也与基于类的语言中的对象有所不同 (一).创建对象 创建一个对象,然后给这个对象新建属性和 阅读全文
posted @ 2016-07-01 16:01 灬東歌℡ 阅读(149) 评论(0) 推荐(0)
摘要:javascript事件模型框架-eventutil.js var EventUtil = new Object;EventUtil.formatEvent = function (oEvent) { //isIE和isWin引用到一个js文件,判断浏览器和操作系统类型 if (isIE && is 阅读全文
posted @ 2016-07-01 16:00 灬東歌℡ 阅读(154) 评论(0) 推荐(0)
摘要:1 (function(win) { 2 //string展 3 String.prototype.trim = function() { 4 return this.replace(/(^\s*)|(\s*$)/g, ""); 5 } 6 String.prototype.LTrim = func 阅读全文
posted @ 2016-07-01 15:59 灬東歌℡ 阅读(170) 评论(0) 推荐(0)
摘要:一、原始写法 function m1(){ //... } function m2(){ //... } 上面的函数m1()和m2(),组成一个模块。使用的时候,直接调用就行了 这种做法的缺点很明显:"污染"了全局变量,无法保证不与其他模块发生变量名冲突,而且模块成员之间看不出直接关系 二、对象写法 阅读全文
posted @ 2016-07-01 15:57 灬東歌℡ 阅读(225) 评论(0) 推荐(0)
摘要:向组件是在面向对象基础上发展而来的,两种技术存在一些共性。“一个组件是一个.NET类,一个对象是一个组件的实例。”这类定义会模糊我们对面向组件概念的认识。面向对象与面向组件的区别在于,面向对象编程着眼于程序集或模块中类之间的关系,而面向组件着眼于独立工作的可替换的程序集或模块,并且无需了解其内部工作 阅读全文
posted @ 2016-07-01 15:57 灬東歌℡ 阅读(831) 评论(0) 推荐(0)
摘要:JavaSript模块化 在了解AMD,CMD规范前,还是需要先来简单地了解下什么是模块化,模块化开发? JavaSript模块化 模块化是指在解决某一个复杂问题或者一系列的杂糅问题时,依照一种分类的思维把问题进行系统性的分解以之处理。模块化是一种处理复杂系统分解为代码结构更合理,可维护性更高的可管 阅读全文
posted @ 2016-07-01 15:56 灬東歌℡ 阅读(115) 评论(0) 推荐(0)
摘要:JavaScript跨域总结与解决办法 什么是跨域 1、document.domain+iframe的设置 2、动态创建script 3、利用iframe和location.hash 4、window.name实现的跨域数据传输 5、使用HTML5 postMessage 6、利用flash 本文来 阅读全文
posted @ 2016-07-01 15:54 灬東歌℡ 阅读(91) 评论(0) 推荐(0)
摘要:CMD 与 seaJS CMD 在CMD中,一个模块就是一个文件,格式为: define( factory ); 全局函数define,用来定义模块。 参数 factory 可以是一个函数,也可以为对象或者字符串。 当 factory 为对象、字符串时,表示模块的接口就是该对象、字符串。 定义JSO 阅读全文
posted @ 2016-07-01 15:54 灬東歌℡ 阅读(187) 评论(0) 推荐(0)
摘要:什么?你还不会写JQuery 插件 前言 如今做web开发,jquery 几乎是必不可少的,就连vs神器在2010版本开始将Jquery 及ui 内置web项目里了。至于使用jquery好处这里就不再赘述了,用过的都知道。今天我们来讨论下jquery的插件机制,jquery有着成千上万的第三方插件, 阅读全文
posted @ 2016-07-01 15:53 灬東歌℡ 阅读(127) 评论(0) 推荐(0)