代码改变世界

随笔档案-2011年10月

js面试题

2011-10-27 14:41 by 前端小鬼, 420 阅读, 收藏,
摘要: var a = 10;sayHi();function sayHi() {var a = 20;alert(a);}alert(a);20 10var a = 10;sayHi();function sayHi() {a = 20;alert(a);}alert(a);20 20var a = 10;sayHi();function sayHi(){a = a + 10;alert(a);return a;}alert(a);alert(sayHi()+10);20 20 30 40var a = 10;sayHi();function sayHi(){var a = a + 10;alert 阅读全文

Enter键模拟Tab键

2011-10-26 21:32 by 前端小鬼, 732 阅读, 收藏,
摘要: var isIe = (document.all) ? true : false; function init(){ document.onkeydown = function(evt){ catchKeyDown(evt); } } function catchKeyDown(evt){ evt = (evt) ? evt : ((window.event) ? window.event : ""); var key = isIe ?... 阅读全文

小谈好的设计

2011-10-26 11:16 by 前端小鬼, 226 阅读, 收藏,
摘要: 这是为公司做的分类菜单组件,自己又是无意识地在模仿苹果的色彩和风格,对于一个电子商务的网站平台来说,我感觉自己在色彩搭配和美观还有差距。看一下etao的这个组件吧。为什么人家的这么好看,体验有好?哎~~。1.色彩差异化,etao的蓝色色调有层次感,最蓝的是分类菜单,这个在页面上最能让用户看到,然后鼠标悬浮上面就会出现下面的淡淡的蓝色。我承认这种淡蓝和线框有了区别,很好。并且里面的文字部分,轻重有度,分类鲜明,再加上菜单项激活时的白色背景及其右边相应的详细分类背景,合成一体,非常直接,好!再有星星点点的红色分类,清晰明白,简简单单。2.定位好,不过,左边哪一个分类,右边都会与上面对齐,使得用的眼 阅读全文

让光标在input中文字的后面吧。

2011-10-25 21:23 by 前端小鬼, 526 阅读, 收藏,
摘要: <input type="text" value="google" id="input1"> <script> function setPointer() { var input1 = document.getElementById("input1"); if(input1.createTextRange){ var range = input1.createTextRange(); range.collapse(f... 阅读全文

IE文档模式和浏览器模式的为什么和怎么样的思考

2011-10-19 22:33 by 前端小鬼, 468 阅读, 收藏,
摘要: 正在使用IE8&&IE9的哥们和妹子们可能已经正在使用F12来打开开发者工具,并且使用”浏览器模式“和”文档模式“;这些工具基本上都是用来测试和确信你的网页在多种IE版本中的运行和显示。web开发者能够熟练地使用浏览器模式和文档模式,但是我们中的很多人却不知道他们两者的不同之处,和什么时候使用。如果你正在使用ECMAscript 5对象模型(在ie9中支持)并且想要再低版本中看到回馈效果,你将会使用哪一个模式来测试呢?浏览器模式还是文档模式?首先,为什么按了F12以后工具里面会有两个这个的选项呢?他们产生的道理何在?Browser mode: To test for diffe 阅读全文

一位印度小伙跟我说的js模式,其实,我懂!切。

2011-10-19 22:18 by 前端小鬼, 258 阅读, 收藏,
摘要: (function(){ var mySpace=function(){ return new PrivateSpace(); } var PrivateSpace=function(){ }; PrivateSpace.prototype={ init:function(){ console.log('init this:', this); return this; }, ajax:function(){ console.log('m... 阅读全文

模拟动画的案例

2011-10-19 22:12 by 前端小鬼, 508 阅读, 收藏,
摘要: 1 <script type="text/javascript"> 2 /** 3 * @constructor Animate 4 * @param {HTMLElement} el the element we want to animate 5 * @param {String} prop the CSS property we will be animating 6 * @param {Object} opts a configuration object 7 * object properties include 8 * from {Int} 9 .. 阅读全文

arguments.callee的认识

2011-10-09 10:51 by 前端小鬼, 158 阅读, 收藏,
摘要: 1.arguments是一个类数组对象,主要用途在于保存函数参数。2.arguments对象还有一个属性叫callee,该属性是一个指针,指向拥有这个arguments对象的函数。 阅读全文