随笔分类 -  javascript

摘要:// ---------- 一些排序算法var Sort = {}Sort.prototype = { // 利用sort进行排序 systemSort:function(array){ return array.sort(function(a, b){ return a - b; }); }, // 冒泡排序 bubbleSort:function(array){ var i = 0, len = array.length... 阅读全文
posted @ 2013-09-13 09:32 DK亡灵序曲 阅读(211) 评论(0) 推荐(0)
摘要:1、正常情况下的逻辑运算if(a&&b){ //dosomething}if(a||b){ //dosomething}这种情况就不多描述了2、选择性执行语句例如:a()||b() //当执行a()并返回值为真时,表达式返回a的值;当执行a()并返回值为假时,则表达式返回b的值a()&&b() //当执行a()并返回值为真时,表达式返回b的值;当执行a()并返回值为假时,则表达式返回a的值举例:当a==1时b=2;当a==2时b=3;当a==3时b=4;当a==4时b=5;否则,b=0;以往用if...else语句可以这样写var b = 100;if(a==1 阅读全文
posted @ 2013-08-07 11:02 DK亡灵序曲 阅读(262) 评论(0) 推荐(0)
摘要:Backbone提供给客户端程序员的类都是通过构造函数+原型的方式写的,Backbone.Model的代码大致如下// 定义构造器var Model = Backbone.Model = function(attributes, options) { // ... this.set(attrs, options); this.changed = {}; this.initialize.apply(this, arguments);}; // 扩展原型,往原型上添加了很多方法,如Events_.extend(Model.prototype, Events, { //... 阅读全文
posted @ 2013-05-27 13:44 DK亡灵序曲 阅读(161) 评论(0) 推荐(0)
摘要:滚动下拉到页面底部加载数据是很多瀑布流网站的做法,那来看看配合jsonp是如何实现的吧,小菜总结记录之用,高手勿喷。当然本例子采用的是jquery库,后期会做成原生js。本例的数据调用的是锋利的jquery一书提供的一段json。首先要先判断页面怎么样才是滚动到底部,也就是scrollTop+window的height是否大于document的height,jquery如下代码:$(window).scrollTop()+$(window).height()>=$(document).height();再给window绑定scroll事件。所以整个页面demo可以这样做:<!DOC 阅读全文
posted @ 2013-05-13 13:43 DK亡灵序曲 阅读(323) 评论(0) 推荐(0)
摘要:Create Class:var Class = function(parent){ var klass = function(){ this.init.apply(this, arguments); }; if(parent) { var subclass = function(){}; subclass.prototype = parent.prototype; klass.prototype = new subclass; } klass.prototype.init = function(){}; ... 阅读全文
posted @ 2013-05-08 11:54 DK亡灵序曲 阅读(166) 评论(0) 推荐(0)
摘要:前言正则表达式是一个描述字符模式的对象。JavaScript的RegExp对象和String对象定义了使用正则表达式来执行强大的模式匹配和文本检索与替换函数的方法。在JavaScript中,正则表达式是由一个RegExp对象表示的.当然,可以使用一个RegExp()构造函数来创建RegExp对象,也可以用JavaScript 1.2中的新添加的一个特殊语法来创建RegExp对象.就像字符串直接量被定义为包含在引号内的字符一样,正则表达式直接量也被定义为包含在一对斜杠(/)之间的字符.所以,JavaScript可能会包含如下的代码:var pattern = /s$/;这行代码创建一个新的Reg 阅读全文
posted @ 2013-05-08 11:45 DK亡灵序曲 阅读(147) 评论(0) 推荐(0)
摘要:转载自:http://www.cnblogs.com/aehyok/archive/2013/05/07/3064556.html把Jquery插件核心动画功能用原生JS写出来,而且代码非常少,为了方便网友们学习,每个功能都把注释写得非常详细,一共带有10个Demo,此次JavaScript学习笔记一(运动原理)有以下内容:一、基础运动框架1. 需要初始化一个定时器 var timer = null;2. 清除时间轴 clearInterval(timer);3. 设置补间动画(30针/秒) timer = setInterval(function(){},30);4. 设置速度(越大越快,越 阅读全文
posted @ 2013-05-08 11:42 DK亡灵序曲 阅读(306) 评论(0) 推荐(0)
摘要:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>贪吃蛇 作者:记忆中的马肠河</title> <script type="text/javascript&q 阅读全文
posted @ 2013-03-26 12:46 DK亡灵序曲 阅读(184) 评论(0) 推荐(0)
摘要:在做表单页面的时候,想判断2个js对象,是不是所有完全相同。这里是stackoverflow上的解决办法,在这里记录一下。原文地址: http://stackoverflow.com/questions/1068834/object-comparison-in-javascriptObject.prototype.equals = function(x){ var p; for(p in this) { if(typeof(x[p])=='undefined') {return false;} } for(p in this) { if (this[p]) { ... 阅读全文
posted @ 2013-03-19 10:16 DK亡灵序曲 阅读(309) 评论(0) 推荐(0)
摘要:<div class="slider_box"> <div class="slider_nav"> <div class="nav_box"> <a class="active" href="javascript:void(0)"></a> <a href="javascript:void(0)"></a> <a href="javascript:void(0)"&g 阅读全文
posted @ 2013-03-15 13:44 DK亡灵序曲 阅读(214) 评论(0) 推荐(0)
摘要:var x , y; //当需求为获得的坐标值相对于body时,用: function positionBody(event){ event = event||window.event; //获得相对于body定位的横标值; x=event.clientX //获得相对于body定位的纵标值; y=event.clientY } //当需求为获得的坐标值相对于某一对象时,用: function positionObj(event,id){ //获得对象相对于页面的横坐标值;id为对象的id var thisX = document.... 阅读全文
posted @ 2013-03-13 13:47 DK亡灵序曲 阅读(186) 评论(0) 推荐(0)
摘要:在js中使用函数注意三点:1、函数被调用时,它是运行在他被声明时的语法环境中的;2、函数自己无法运行,它总是被对象调用的,函数运行时,函数体内的this指针指向调用该函数的对象,如果调用函数时没有明确指定该对象, this 默认指向 window ( strict 模式除外,本文不涉及 strict 模式);3、函数是一种带有可执行代码的对象类型数据。一、声明函数1、使用 function 关键字function myfun(a,b){ //声明名为myfun的函数return a+b;}2、 声明匿名函数function(a,b){ return a+b;}匿名函数自身是无法保存的,由于在j 阅读全文
posted @ 2013-03-13 13:43 DK亡灵序曲 阅读(200) 评论(0) 推荐(0)
摘要:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title></head><body><div id="test"&g 阅读全文
posted @ 2013-03-13 13:29 DK亡灵序曲 阅读(201) 评论(0) 推荐(0)
摘要:经常听到有人说,匿名函数绑定事件不好控制啊,无法解除绑定啊等等等等,一直很奇怪谁说的不能解除绑定。下面来实现click事件2次后,自动解除绑定。var dom=document.getElementById("test"),clickt=0;dom.addEventListener("click",function(e){ clickt++; alert('你摸了我'+clickt+'下了。最多摸2下哦'); if(clickt>=2){ this.removeEventListener(e.type,argumen 阅读全文
posted @ 2013-03-13 13:16 DK亡灵序曲 阅读(187) 评论(0) 推荐(0)
摘要:好久没有研究JS了,近期这个项目,前端用到了JS,对界面要求较高,单位又没有打算专门找前端人员,这样前端方面的工作就落到俺们的身上了,不过也好,对JS重新看看,温故温故,这几天学习了JS中闭包相关的知识点,这里整理下,与大家分享下,大鸟请忽略O(∩_∩)O~开始了: 事实上,通过使用闭包,我们可以做很多事情。比如模拟面向对象的代码风格;更优雅,更简洁的表达出代码;在某些方面提升代码的执行效率。第一点、缓存 来看一个例子,设想我们有一个处理过程很耗时的函数对象,每次调用都会花费很长时间,那么我们就需要将计算出来的值存储起来,当调用这个函数的时候,首先在缓存中查找,如果找不到,则进行计算,然后更新 阅读全文
posted @ 2013-03-13 13:13 DK亡灵序曲 阅读(337) 评论(0) 推荐(0)