随笔分类 - Javascript
Javascript
摘要：在网站中嵌入动画已成为近年来的一个设计趋势，许多公司都已开始转向并拥抱HTML5、CSS3和JavaScript这个技术“三人组”。尽管这些技术还不能制作一些非常复杂的动画（像flash所实现的），但是如果拥有好的想法及创造性思维，使用它们制作的即便是一些简单的动画也足以打动我们。 而且，随着CSS
阅读全文
摘要：JavaScript原型继承的陷阱JavaScript默认采用原型继承。虽然没有类(class)的概念，它的函数(function)可以充当构造器(constructor)。构造器结合this，new可以构建出类似Java的类。因此，JavaScript通过扩展自身能模拟类式(class-based...
阅读全文
摘要：说明: 本篇内容摘自本站一位仁兄的，在这里加贴是为了做点补充并上传附件方便后来的朋友下载和学习。 javascript内存泄露的问题一直以来都不受到大家的重视，原因是对用户的影响没有太实际的表现，或许近几年内存发展迅速。脚本内存再泄露也不会有太大影响。当然作为前端开发的同学们，就不能有这样的侥幸心理。出现memory leaks很大程度上是因为程序的不成熟和编码不太规范造成的。不过，这里就不说如何出现问题的，对问题的出现有兴趣可以参考以下地址：•Understanding and Solving Internet Explorer Leak Patterns•IE's memory-l
阅读全文
摘要：JQ插件jquery.mousewheel.js1.放大缩小图片： 1 <img class="logo" src="http://img03.taobaocdn.com/tps/i3/T1ogqgXfXeXXXXXXXX-168-42.png" alt="" /> 2 <script> 3 $(function(){ 4 $(".logo").mousewheel(function(objEvent, intDelta){ 5 var o = $(".logo").wi
阅读全文
摘要：1 $(function(){2 $(".kkk").bind("click", function(event){3 alert("clicked");4 event.stopPropagation(); //方法一5 return false; //方法二6 });7 });
阅读全文
摘要：AjaxFileUploader上传插件 兼容性好 Ie Chrome Firefoxhtml:<!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 runat="server"> <titl
阅读全文
摘要：<html><script>function a(){document.write("屏幕分辨率为："+screen.width+"*"+screen.height+"<br />"+"屏幕可用大小："+screen.availWidth+"*"+screen.availHeight+"<br />"+"网页可见区域宽："+document.body.clientWidth+"<br />
阅读全文
摘要：(function(){ var a = 10, b = 2; a = a + b; b = a - b; a = a - b; alert(a+" "+b);})();(function(){ var a = 10,b=2; a = a^b; b = b^a; a = a ^b; alert(a+" "+b);})();(function(){ var a =10,b =2 ; a=[a,b]; b=a[0]; a=a[1]; alert(a+" "+b)})();//简化一下：(function(){ var a =10,b =2
阅读全文
摘要：目前有有关此文章的介绍（这里），但是只是部分内容。本文为全文翻译，并提供其他的一些页面性能优化方面的资源，希望能对reflow的进一步认识有所帮助。我之前还翻译过一篇关于reflow的文章，您有兴趣可以看看（点击这里）。原文地址：http://www.stubbornella.org/content/2009/03/27/reflows…-slow/原作者：Nicole Sullivan翻译：张鑫旭 以下为翻译全文，以”zxx:”打头的灰色文字是译者，也就是我的一些旁白了。//正文开始关于回流(reflows)与重绘(repaints)，我已经在twitter和delicious上发布，但是并
阅读全文
摘要：ajax跨域调用有两种方式，一种是iframe的方式，通过设置document.domain来实现，一种则是通过设置jsonp来实现。一 、ajax 跨域调用的问题本地建了三个站点,并设置了host文件模拟跨子域和跨全域hello.comblog.hello.comworld.comhello.com下页面使用jquery的$.get调用blog.hello.com页面跨域请求，IE 7和8下报 access denied错误IE 6.0 则弹出 this page is accessing information that is not under its control. this pos
阅读全文
摘要：事件委托就是在一个页面上使用一个事件来管理多种类型的事件。这并不是一个新的想法，但对于把握性能来说却很重要。通常情况，你会在web应用程序中看到这样的代码： document.getElementById("help-btn").onclick = function(event){ openHelp(); }; document.getElementById("save-btn").onclick = function(event){ saveDocument(); }; document.getElementById("undo-btn&qu
阅读全文
摘要：Javascript和CSS都有许多优秀的框架，但如果你是初学者，不要急于使用它们。本文总结了30条HTML代码编写指南，只要在编写HTML代码的过程中牢记它们，灵活运用，你一定会写出一手漂亮的代码，早日迈入专业开发者的行列。1. 一定要闭合HTML标签在以往的页面源代码里，经常看到这样的语句：<li>Some text here.<li>Some new text here.<li>You get the idea.也许过去我们可以容忍这样的非闭合HTML标签，但在今天的标准来看，这是非常不可取的，是必须百分百避免的。一定要注意闭合你的HTML标签，否则将
阅读全文
摘要：什么是跨域1、document.domain+iframe的设置2、动态创建script3、利用iframe和location.hash4、window.name实现的跨域数据传输5、使用HTML5 postMessage6、利用flash本文来自网络（http://f2e.me/200904/cross-scripting/，该网址已不能访问），仅作个人读书笔记之用，并稍作修改和补充。什么是跨域JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下：首先什么是跨域，
阅读全文
摘要：[javascript] view plaincopyprint?vararr=[3,3,1,6,7,4,4,1];varo={};for(vari=0;i<arr.length;i++){o[arr[i]]=arr[i];}arr=[];for(varelino){if(el==o[el])arr.push(el-0);}alert(arr);[javascript] view plaincopyprint?varclearRepeat=function(a){varc=[],b={};for(vari=0;i<a.length;i++){if(!b[0+a[i]]){b[a[i
阅读全文
摘要：现在图片网与商城流行一种叫“瀑布流”的布局，我们公司也不小心得了“流行性感冒”，要搞这个。于是我就写了一个，现在再用我的框架mass重写一下，发布出来，顺便宣传一下我的框架。瀑布流其实没什么东西，就是列布局与无限拖的结合。由于要支持IE6就没有CSS3，直接对列进行绝对定位。列就是一个DIV。然后就是列中每个板 块的添加问题，我管它为砖头。每添加一块砖头前，比较一下哪列最短，就往哪里塞。最后就是无限拖，太easy了。加之，我的框架对样式，事件等设置非常简 单，比jQuery更方便。下面就是源码，用到了并行加载技术，预设时加载了random,ready,css,event这几个模块，它们就会自行
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><HTML><HEAD><TITLE> 关于js的接口和 继承实现的代码例子 </TITLE><meta http-equiv="Content-Type" content="text/html; charset=UTF-
阅读全文
摘要：众多周知，对浏览器的检测主要分为3类：1：能力检测 调用方法之前判断浏览器支持这个方法吗。2：怪癖检测 根据不同浏览的特殊性为判断浏览器。3：用户代理检测 即通过检测用户代理字符串，这个字符串可以通过navigator.userAgent获取。下面介绍的2个方法都是怪癖检测的方法第一种：if(+"\v1"){alert("现代浏览器(包含ie9)")}else{alert("ie6,7,8")}在javascript中+后跟字符串是最简单的字符转转换成数组，所有浏览器中+”v1″返回的都是NaN，+”1″返回的是1，类型为number
阅读全文
摘要：一、变量的作用域 要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。Js代码 var n=999; function f1(){ alert(n); } f1(); // 999另一方面，在函数外部自然无法读取函数内的局部变量。 Js代码 function f1(){ var n=999; } alert(n); // error这里有一个地方需要注意，函数内部声明变量的时候，一定要使用var命令。如果不用的话，你实际上声明了一个全局变...
阅读全文
摘要：<!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> <script type="tex
阅读全文
摘要：函数是Javascript的最重用的内容，首先，要知道函数也是一个对象，要使用函数，一般要先定义，那么定义的方法有几种呢？可以分为两种：语句定义和表达式定义。使用最普遍的使用function语句。例如1.1： function sayHello(){ document.write("say,Hello!"); }函数的三要素：函数名，函数体，函数值。由于1.1没有return语句，它的返回值即函数值是undefined。例如1.2： function add(x,y){ return x+y; }此函数的功能是求两个数之和，函数值是返回两个数之和，函数值类型是number。
阅读全文
