javascript
ljl157011
这个作者很懒,什么都没留下…
展开
-
javascript 操作cookie
什么是 Cookie “cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。” - w3school cookie 是访问过的网站创建的文件,用于存储浏览信息,例如个人资料信息。 从JavaScript的角度看,cookie 就是一些字符转载 2014-04-15 12:49:40 · 515 阅读 · 0 评论 -
javascript 模拟坦克大战游戏(html5版)
一、总结关键点和遇到的问题 1.javascript中的继承,最好父类只提供方法共享,属性写到各自子类中,避免父类和子类的构造函数混杂。 2.prototype模拟继承的代码,应写在所有方法定义之前,否则原型对象被改变,方法就变成了未定义,如:Hero.prototype = new Tank (0, 0, 0);Hero.prototype.constructor =原创 2014-03-20 13:20:54 · 2974 阅读 · 2 评论 -
jsonp详解
取不到数据! 上周客户新买了服务器,原本在旧的服务器上放着客户的Web主页信息和一个后台程序(asp.net),在客户的主页中有一个动态显示最新消息的处理,这个处理就是通过ajax异步从那个后台程序中取得的。由于又购买了新的服务器,客户想把web主页和那个后台程序分开来,后台程序被部署到了新的服务器上。不过这个项目是我的同事小福同志开发的,也就由他来把程序分开部署,然后进行一些小改动。转载 2014-04-18 10:14:58 · 864 阅读 · 0 评论 -
Ajax保留浏览器历史的两种解决方案(Hash&Pjax)
总是在github down点东西,github整个界面做的不错,体验也很好~对于其中的源代码滑动的特效最为喜欢了~刚开始以为这个只是普通的ajax请求效果,但是发现这个特效能够导致浏览器地址栏跟随变化,并且再点击前进后退按钮后又可以将代码滑回滑出~~于是乎就来研究下吧~一、通过锚点Hash实现:在这方面其实国内很早就有做了,比如淘宝画报,通过的是在地址栏后面加#锚点实现的,浏览器转载 2014-04-18 11:08:59 · 651 阅读 · 0 评论 -
JavaScript跨域总结与解决办法
什么是跨域1、document.domain+iframe的设置2、动态创建script3、利用iframe和location.hash4、window.name实现的跨域数据传输5、使用HTML5 postMessage6、利用flash本文来自网络(http://f2e.me/200904/cross-scripting/,该网址已不能访问),仅作个人读书笔记之用,并稍作修改和转载 2014-04-18 11:11:26 · 512 阅读 · 0 评论 -
javascript设计模式-----观察者模式
一、观察者模式原创 2014-06-03 10:58:51 · 842 阅读 · 0 评论 -
javascript代码复用模式-----现代继承
一、原型继承javascript本来就没有class一说,只不过很多人极力的去模拟原创 2014-06-04 09:03:59 · 781 阅读 · 0 评论 -
javascript原型链再论
以前研究过javascript得原型链,但始终觉得原创 2014-05-25 22:31:04 · 801 阅读 · 0 评论 -
javascript设计模式-----迭代器模式
一、迭代器在迭代器模式中,通常有一个包含某种数据集合的原创 2014-05-28 17:14:44 · 740 阅读 · 0 评论 -
javascript设计模式-----工厂模式
一、工厂模式function CarMaker(){ CarMaker.prototype.dirve = function(){ return 'abc'; } } //静态工厂方法 CarMaker.factory = function(type){ var constr = type,newcar; //如果构造函数不存在,则报原创 2014-05-28 11:59:56 · 686 阅读 · 0 评论 -
javascript设计模式-----装饰者模式
一、装饰者模式在装饰者模式中,可以在运行时动态添加原创 2014-05-28 23:41:00 · 1110 阅读 · 0 评论 -
javascript设计模式-----单例模式
一、单例模式1 (构造函数的静态属性保存实例)原创 2014-05-28 11:16:16 · 562 阅读 · 0 评论 -
javascript代码复用模式-----传统继承
javascript是一门弱类型的语言,虽然是原创 2014-05-29 09:53:26 · 760 阅读 · 0 评论 -
JavaScript event对象clientX,offsetX,screenX异同
event对象是JavaScript中最重要的对象之一,他代表了各种事件的状态,在各种事件的事件处理中经常用到,比如键盘活动、鼠标活动等等,其中有几个对象官方说的比较模糊,很难理解,这里有必要通俗化的理解一下。 概念(不是官方,来源于网络):clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标,其中客户区域不包括窗口自身的控件和滚动条。 clientY转载 2014-04-15 08:47:27 · 939 阅读 · 0 评论 -
深度理解javascript 闭包
闭包是javascript的一个难点,很难理解。但也是其显著的特性之一。掌握之后,可以实现很多很飘逸的功能。理解闭包有2个关键点1.作用域链2.函数作为一个变量1.作用域链在javascript中,不像强类型语言是块级作用域,也就是局部变量只在一个花括号内部有效,而是函数作用域,局部变量在整个函数里面有效并且在内部嵌套的函数里面也有效。每执行一个函数就会创建一个作用域对原创 2014-03-15 20:47:18 · 782 阅读 · 0 评论 -
能说明你的Javascript技术很烂的五个原因
Javascript在互联网上名声很臭,但你又很难再找到一个像它这样如此动态、如此被广泛使用、如此根植于我们的生活中的另外一种语言。它的低学习门槛让很多人都称它为学前脚本语言,它另外一个让人嘲笑的东西是动态语言的概念是偏偏使用了高标准的静态数据类型。其实,你和Javascript都站错了立场,而现在,你让Javascript很生气。这里有五个原因能说明你的Javascript技术很烂。转载 2013-11-25 12:48:22 · 655 阅读 · 0 评论 -
javascript中字符串 使用大总结
一、字符串的创建创建一个字符串有几种方法。最简单的是用引号将一组字符包含起来,可以将其赋值给一个字符串变量。var myStr = "Hello, String!";可以用双引号或单引号将字符串包含,但要注意,作为界定字符串的一对引号必须是相同的,不能混用。像var myString = "Fluffy is a pretty cat.'; 这样的声明就是非法的。转载 2013-12-07 15:31:20 · 601 阅读 · 0 评论 -
onmouseover/onmouseout事件--相关元素
参考:dom编程艺术第二版。在发生mouseover和mouseout事件时,还会涉及更多的元素。这两个事件都会涉及把鼠标指针从一个元素的边界之内移到另一个元素边界之内。对mouseover事件而言,事件的主目标是获得光标的元素,而相关元素就是那个失去光标的元素。对mouseout事件而言,事件的主目标是失去光标的元素,而相关元素则是获得光标的元素。也就是说,相关元原创 2013-11-25 10:57:15 · 1099 阅读 · 0 评论 -
解决内部元素onMouseOver/onMouseOut事件冒泡触发父元素的相应事件
前阵子为BS项目模板做了一个左侧滑动信息栏,效果类似于windows状态栏的自动隐藏效果,鼠标移进滑出,鼠标移出隐藏,浮动时不占用空间,也可以固定住占一块位置。做的过程中遇到一个问题,鼠标在信息栏内部移动时会触发onMouseOut事件,信息栏放在div中,内部有table、img、a等元素,看来是由于事件冒泡,子元素上触发了事件冒泡到了父元素,导致滑动时不断闪动,头晕眼花,于是着手解决问题。转载 2013-11-25 10:42:20 · 6320 阅读 · 0 评论 -
彻底理解javascript中的原型链
要弄清楚原型链就要先弄清楚 function 类型,在javascript中没有类的概念,都是函数,所以它是一门函数式的编程语言。类有一个很重要的特性,就是它可以根据它的构造函数来创建以它为模板的对象。在javascript中,函数就有2个功能第一、 作为一般函数调用第二、 作为它原型对象的构造函数 也就new()我们来看一个例子function a(){ this.name原创 2014-02-22 13:38:11 · 15620 阅读 · 2 评论 -
正则表达式总结
一 常用正则定义(通用)二 js中正则 传送门--------> w3school三 Java中正则 (用分组进行特殊处理) Pattern pt = Pattern.compile(regx); Matcher m = pt.matcher(sql); String []原创 2013-12-05 16:15:54 · 654 阅读 · 0 评论 -
javascript原生代码—跨浏览器事件处理
--------摘自《高级程序设计》var EventUtil = { addHandler:function(element,eventtype,handler){ if(element.addEventListener){//dom2 级方法 主流浏览器 element.addEventListener(eventtype,handler,f原创 2014-03-03 19:27:17 · 870 阅读 · 0 评论 -
javascript原生代码实现通用运动框架
首先对常见的运动做一个总结一、运动总结1、匀速运动1.速度不变,临界判断尤为重要,判断不好可能超出目标点。可以用绝对值 Math.abs(now-target)2、缓冲运动1.速度逐渐变小,是变减速运动,2.临界问题就不用管了,速度最后会变为1个像素的移动(直接取整)3.速度是逐渐减小为0,但是都是>0的,所以是单方向的运动3、弹性运动1.速度与缓冲运动一样逐渐原创 2014-03-04 21:51:28 · 1182 阅读 · 0 评论 -
javascript 小数点取舍总结
//保留两位小数 //功能:将浮点数四舍五入,取小数点后2位 function toDecimal(x) { var f = parseFloat(x); if (isNaN(f)) { return; } f转载 2014-03-08 09:57:41 · 848 阅读 · 0 评论 -
javascript 常用函数归纳
一、检测浏览器类型 function userBrowser(){ var browserName=navigator.userAgent.toLowerCase(); if(/msie/i.test(browserName) && !/opera/.test(browserName)){ alert("IE")原创 2014-03-03 19:17:49 · 916 阅读 · 0 评论