Ga Ga Love Front

一 、基础概念URLURI 包含 URL 和 URN，目前 WEB 只有 URL 比较流行，所以见到的基本都是 URL。URI（Uniform Resource Identifier，统一资源标识符） URL（Uniform Resource Locator，统一资源定位符） URN（Uniform Resource Name，统一资源名称）请求和响应报文1. 请求...

css3移动端动画，动画方式很简单只需要添加指定方式的class即可实现很酷炫的动画，组件引入了animate.css，目前只有里面的动画方式。组件可以用于酷炫的活动页面，页面交互动作等。

javascript作用域是一个老生常谈的问题，现在我就以最简单的方式去理解一下作用域这个概念。在javascript里面没有块级作用域的区分，也不要把作用域的概念和上下文来混淆，javascript的作用域是由函数划分开的。先来看一个demo：var xisa = 'test';// 在{}块里面{ // 这里没有块级的概念 所有xisa这个变量还是属于全局

pushbutton 移动端弹出列表选择框移动端从下往上推动画效果端弹出列表选择框，适应所有主流移动端机型，支持Node引入，require引入;如有用得不爽可以随时提意见，谢谢。

listloading是一个移动端的上拉、下拉加载更多的组件。主要依赖于iscroll.js v5.1.2基础上开发的组件，基础库可以使用jquery.js或者zepto.js操作dom节点，目前我是使用了zepto.js作为基础库操作dom，以jquery插件的形式存在。如果不想以插件方式使用，则只需要把listloading直接移植你需要的库里面就ok啦。listloading主要针对移动端而生，在使用浏览器自带滚动，用户体验很不友好，与Android和ios差别甚远，所以选择iscroll.js，它实

原文地址：http://blog.csdn.net/justinjing0612/article/details/9532953                从去年到今年一直从事 Hybrid开发模式，一会要写写 iOS native 代码，一会要写写 Html5＋js 代码。        搞的我意识已经模糊了，在mac os下开发html5 ＋js代码会遇到好多问题，各个浏览

手机横、竖屏事件 //屏幕方向标识，0横屏，其他值竖屏var orientation=0;//转屏事件，内部功能可以自定义function screenOrientationEvent(){ if(orientation == 0)document.getElementById("change").value="竖"; else document.getElementBy

// 寄生函数function obj(o){ function Fn(){}; Fn.prototype = o; // 把指针转回给自己 return new Fn();}function create(o,oBj){ var _o = obj(o.prototype); _o.constructor = oBj; oBj.prototype = _o; return

window.onload = function(){ onerror=handleErr11111111; var txt=""; function handleErr11111111(msg,url,l){ txt="本页中存在错误。\n\n" txt+="错误：" + msg + "\n" // txt+="URL: " + url + "\n" txt+="行：" +

js代码：var gaga = function(wrap){ var wrap = document.getElementById(wrap); var hoverDir = function(e){ var w = wrap.offsetWidth, h = wrap.offsetHeight,

效果图如下：虽然丑了一点，但是功能实现了！钟使用的技术是css3的旋转、背景渐变（径向渐变）、圆角，还有负边距的定位，兼容ie9以上的浏览器，firefox、chrome、opera、safari等主浏览器，仅供参考，莫喷我！！！

// 动态加载外部js文件var flag = true;if( flag ){ loadScript( "js/index.js" );};function loadScript( url ){ var script = document.createElement( "script" ); script.type = "type/javascipt"; script.src =

/*1、obj相当于window2、type相当于onload3、fn相当于匿名函数*/function addEvent( obj,type,fn ){ var saved = null; // 用户保存上一个事件 if( typeof obj[ "on" + type ] == "function" ){ saved = obj[ "on" + type

var box = document.getElementById( "gaga1" );/* alert( box.getBoundingClientRect().top );alert( box.getBoundingClientRect().right );alert( box.getBoundingClientRect().bottom );alert( box.getBoundi

document.onkeypress = function( e ){ alert( getCharCode( e ) );};function getCharCode( e ){ var e = e || window.event; if( typeof e.charCode == "number" ){ return e.charCode; }else{ return e

function offsetTop( elements ){      var top = elements.offsetTop;      var parent  = elements.offsetParent;      while( parent != null ){          top += parent.offsetTop;          parent =

window.onload = function(){ var gaga = document.getElementById( "gaga" ); addClass( gaga,"gaga1" ) addClass( gaga,"gaxx" ); removeClass( gaga,"gaga1" ) removeClass( gaga,"gaga" ) function hasCl

var head = document.getElementById( "box" ); // alert( head.style.background ) // alert( head.style.cssFloat || head.style.styleFloat ) // 获取float不一样 // head.style.fontSize = "30px" head.styl

/*2013-4-10 尜尜制作 追求最简单的写法*/$(function(){ var time = 3000; // 每隔多久播放一次动画 时间为毫秒 var dhua_time = 500; // 图片轮换的间隙时间 时间为毫秒 var animate_pic; // 定义动画函数 var ul_li = ".gaga_pic ul li";

var header1 = document.getElementById("header"); var p = document.createElement("p"); // 创建一个元素节点 insertAfter(p,header1); // 因为js没有直接追加到指定元素后面的方法 所以要自己创建一个方法 function insertAfter(

document.onmousedown = function( e ){ alert(getButton(e)) // e.button W3C是获取鼠标按键 0 表示左键 1表示中键 2表示右键 而IE浏览器则是 1表示左键 4表示中间 2表示右键 这里的IE浏览器主要是IE8以下的浏览器 }; function getButton(e){ /*

// 跨浏览器添加时间function addEvent( obj,type,fn ){ if( obj.addEventListener ){ obj.addEventListener( type,fn,false ); }else if( obj.attachEvent ){ obj.attachEvent( "on" + type, fn ); };};// 跨浏览器移除

1 10 100 1000 10000 100000 1000000 10000000 100000000 1000000000 10000000000 100000000000var gaga = document.getElementById( "gaga" );gaga.onclick = function( e ){ var e = e || window.

深入理解JavaScript的闭包特性如何给循环中的对象添加事件初学者经常碰到的,即获取HTML元素集合，循环给元素添加事件。在事件响应函数中(event handler)获取对应的索引。但每次获取的都是最后一次循环的索引。原因是初学者并未理解JavaScript的闭包特性。有个网友问了个问题，如下的html，为什么点击所有的段落p输出都是5，而不是alert出对应的0，1

今天一个程序员给了一表我，里面有一百多条数据，叫我一个一个数据的复制到系相应的函数里面比如 put("gaga1","gaga2"),这样一句话，要我复制一百多遍，fuck。。。我就说你自己用java读取不就可以啦！他就说用java要运行半个小时以上，我就心里想fuck，是你不怎么懂java吧！此时自己心中的几百万头草泥马在奔腾!!!!!!        于是自己就去找了一个js方法来读取ex

function gaga(obj){   // 值允许输入一个小数点和数字  obj.value = obj.value.replace(/[^\d.]/g,"");     //先把非数字的都替换掉，除了数字和.  obj.value = obj.value.replace(/^\./g,"");         //必须保证第一个为数字而不是.  obj.value = obj.

function Random( num_first,num_last ){ //输出指定范围内的随机数的随机整数 switch( arguments.length ){ case 1 : return parseInt( Math.random() * num_first + 1 ); case 2 : return parseInt

第一种写法 var str = ""; var week = new Date().getDay(); if (week == 0) { str = "今天是星期日"; } else if (week == 1) { str = "今天是星期一"; } else if (week == 2) {

js代码:window.onload = function(){ var mian = document.getElementById( "mian" ); var mian1 = document.getElementById( "mian1" ); var str = mian.innerHTML; var arry = []; var len = str.length; fo

js代码：window.onload = function(){if(window.navigator.userAgent.toLowerCase().indexOf("msie")==0){ //firefox innerText HTMLElement.prototype.__defineGetter__( "innerText", function

[window对象] 它是一个顶层对象,而不是另一个对象的属性，即浏览器的窗口。 属性 defaultStatus 缺省的状态条消息 document 当前显示的文档(该属性本身也是一个对象) frame 窗口里的一个框架((FRAME>)(该属性本身也是一个对象) frames array 列举窗口的框架对象的数组,按照这些对象在文档中出现的顺序列出(该属性本身也是

讲到响应式布局，相信大家都有一定的了解，响应式布局是今年很流行的一个设计理念，随着移动互联网的盛行，为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果，设计师提出了响应式布局的设计方案。今天就和大家来讲讲响应式布局这件小事，包含什么是响应式布局、响应式布局的优点和缺点以及响应式布局该怎么设计（通过CSS3Media Query实现响应布局）。一、什么是响应式布局?响应式

看到了淘宝产品介绍中,图片是在下拉滚动条时加载,这是一个很不错的用户体验。减少了页面加载的时间了，也减轻了服务器的压力，就查了下用JQuery.. 什么是ImageLazyLoad技术 在页面上图片比较多的时候，打开一张页面必然引起与服务器大数据量的交互。尤其是对于高清晰的图片，占的几M的空间。ImageLazyLoad技术就是，当前可见界面的图片是加载进来的，而不可见页面（通过滚动条下拉

document.onclick = function(e){ alert(getKey(e)); }; function getKey(e){ var e = e || window.event; var keys = []; if(e.shiftKey){ keys.push("shift键"); }; if(e.ctrlKey){ keys.pu