Ga Ga Love Front

一、原型链继承思路：利用原型让一个引用类型继承另外一个引用类型的属性和方法，因为每个构造函数都有一个原型对象(也就是所有的函数默认的原型都是Object的实例)，原型对象都包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针。重点：原型链上面所有的属性和方法都是可以相互共享的。// 一个引用继承另外一个引用 也就实现了继承function Parent() { t...

今天一个程序员给了一表我，里面有一百多条数据，叫我一个一个数据的复制到系相应的函数里面比如 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

原作者：phil 　　这也许不仅仅是一款游戏，也许是一个新世界的开始。障碍越野赛是体感游戏的第一款游戏。 　　通过建立长链接将手机（wifi连接）与PC浏览器进行绑定，将用户覆盖最广的电子设备——手机成为电脑游戏的游戏手柄，通过手机上下晃动控制游戏人物赛跑。一个前端的技术、一个全新的交互方式、一个融入SNS元素的全新游戏模式。这不仅是一款游戏，我们有了更广阔的想象空间。产品

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

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

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

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

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

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://www.xuanfengge.com/he-sets-the-front-end-component-library-the-essential-collection.html前言本文包含搭建web app常用的样式/组件等收集列表(移动优先)，推荐mark！0. 前端自动化(Workflow)前端构建工具Yeoman

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

// 寄生函数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+="行：" +

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

图片延迟加载 img{display:block;width:350px;height:245px;background:url(img/loading-black.gif) center center no-repeat}var obj=document.getElementsByClassName("test"),i,t,h;

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

作者:草履虫    email:caolvchong@gmail.com    原文出自:cceer.xmu.edu.cn/blog/---->什么是类和对象    这是所有面向对象编程之前必须弄明白的.    所谓类:简单地说就是模板,说的专业一些,是一类具有某种性质的物的集合.比如:人就是一个类,车也是一个类,等等.    所谓对象:就是类的具体实现.如上面所说,人

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

function createXHR(){ if( typeof XMLHttpRequest != "undefined" ){ return new XMLHttpRequest(); } else if( typeof ActiveXObject != "undefined" ){ var version = [ "MSXML2.XMLHttp.6.0", "MSXM

function gaga(){ function createXHR(){ if( typeof XMLHttpRequest != "undefined" ){ return new XMLHttpRequest(); }else if( typeof ActiveXObject != "undefined" ){ var version = [ "MSXML2.

// live主要用于对动态加载出来的元素绑定事件// 产品目录 $(".lm_div_q dd").live({ mouseenter: function() { $(this).find("strong").addClass("tj_strong"); $(this).find("strong").next().slideDown(200); // 显示下拉框

function hasPlugin( ga ){ var ga = ga.toLowerCase(); for( var i = 0; i < navigator.plugins.length; i++ ){ if( navigator.plugins[i].name.toLowerCase().indexOf( ga ) > -1 ){ return true; } }

function createXHR(){ if( typeof XMLHttpRequest != "undefined" ){ return new XMLHttpRequest(); }else if( typeof ActiveXObject != "undefined"){ // 判断ie var versions = [ "MSXML2.XMLHttp.6.0",

function getXMLDOM( xmlStr ){ var xmlDom = null; if( typeof window.DOMParser != "undefined" ){ // xmlDom = ( new DOMParser ).parseFromString( xmlStr,"text/xml" ); var errors = xmlDom.getEle

css代码：*{margin:0;padding:0;}.gaga_tb{margin:30px;}.gaga_tb tr th,.gaga_tb tr td{height:30px;border:1px solid #ccc;text-align:center;}js代码：function gaga_x(arr,e){ // 冒泡法 for(var i =

在写javascript中，经常要用到style对象的css属性，很多不记得其实很好记，基本就是CSS中的“-”转化为javascript的驼峰写法，除了注意下float盒子标签和属性对照CSS语法（不区分大小写）JavaScript语法（区分大小写）borderborderborder-bottomborderBottom

这可能是个比较深的话题。何谓异步？笼统地说，异步在javascript就是延时执行。严格来说，javascript中的异步编程能力都是由BOM与DOM提供的，如setTimeout，XMLHttpRequest，还有DOM的事件机制，还有HTML5新增加的webwork, postMessage，等等很多。这些东西都有一个共同的特点，就是拥有一个回调函数，实现控制反转。由于控制反转是更深奥的问

var width = window.innerWidth;var height = window.innerHeight;if(typeof width != "Number"){ // IE width = document.compatMode == "CSS1Compat" ? document.documentElement.clientWidth : document.b

javascript是没有重载功能的 比如function box(num,age){ return num+10;}function box(num){ return num+100;}var sui = box(10,23);alert(sui)这样返回来的结果是110，后面的函数会把前面的覆盖掉的，原因是因为javascript没有重载的功能；

找了很多无缝滚动的效果，主要用到的函数就是scrollLeft(左边滚动)，自己就重新以自己的想法写了一次了，兼容所有主流浏览器。无缝滚动图片*{margin:0;padding:0;}ul,li{list-style:none}.mc{margin:30px auto;}#gaga{height:92px;width:782px;overflow:hi

css部分  #gaga{position:fixed;top:0;left:0;background:#f00;width:100px;height:100px;_position:absolute;cursor:move;}html部分 javascript部分/* 2013-4-2 尜尜制作 鼠标拖拽效果* 1、要实现鼠标拖拽功能，就是三个事

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

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

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

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