2012年9月2日
Javascript中的delete
摘要： 关于JavaScript中的Delete一直没有弄的很清楚，最近看到两篇这方面的文章，现对两文中部分内容进行翻译(内容有修改和添加，顺序不完全一致，有兴趣推荐看原文)，希望能对大家有所帮助。 原文为： 1、http://perfectionkills.com/understanding-delete/(英文) 2、http://nanto.asablo.jp/blog/2008/01/09/2552470(日文) 注：本文首发博客园(http://jscode.cnblogs.com/)，转载必须给出原文链接。一、问题的提出 我们先来看看下面几段代码，要注意的是，以下代码不要在浏... 阅读全文
posted @ 2012-09-02 13:18 草根程序猿 阅读(5260) 评论(7) 推荐(7)
2012年8月31日
前端攻城狮学习笔记八：自己实现string的substring方法，人民币小写转大写，数字反转，正则优化
摘要： 这是最近碰到的几个题目，简单地写一下我自己的方案，在此分享给大家，也希望能看到大家的方案。 水平有限，不保证我的方案绝对正确，如有错误欢迎指出。一、自己实现string的substring方法方法一：用charAt取出截取部分String.prototype.mysubstring=function(beginIndex,endIndex){ var str=this, newArr=[]; if(!endIndex){ endIndex=str.length; } for(var i=beginIndex;i<endIndex;i++... 阅读全文
posted @ 2012-08-31 17:57 草根程序猿 阅读(3677) 评论(3) 推荐(5)
2012年8月28日
负值之美：负margin在页面布局中的应用
摘要： 本文转载自:http://www.topcss.org/?p=94，有修改。 负数给人总是一种消极、否定、拒绝之感，不过有时利用负margin可以达到奇妙的效果，今天就表一表负值在页面布局中的应用。这里说的负值主要指的是负margin。 关于负margin的原理建议大家看看这篇文章：http://www.cnblogs.com/2050/archive/2012/08/13/2636467.html#2457812 本文不讲原理，主要展示几个应用。一、左右列固定，中间列自适应布局 此例适用于左右栏宽度固定，中间栏宽度自适应的布局。由于网页的主体部分一般在中间，很多网页都需要中间列优... 阅读全文
posted @ 2012-08-28 13:06 草根程序猿 阅读(56849) 评论(7) 推荐(16)
2012年7月30日
CSS3实战之新增的选择器
摘要： 以下内容参考资源：http://www.w3.org/TR/css3-selectors/#selectors属性选择器新增选择器列表： E[foo^="bar"]：匹配foo属性值以"bar"开始的E元素 E[foo$="bar"]：匹配foo属性值以"bar"结束的E元素 E[foo*="bar"]：匹配foo属性值包含"bar"的E元素 这几个选择器很简单，其实在jQuery的选择器中早就包含了，所以就不多说了。浏览器兼容性：IE 6IE 7IE 8IE 9Chrome 阅读全文
posted @ 2012-07-30 23:02 草根程序猿 阅读(8896) 评论(1) 推荐(2)
2012年7月27日
这些年，我收集的JavaScript代码(二)
摘要： 一、JavaScript跨平台事件 对于跨平台事件我们一般这么写(只例举添加事件)：function addEventHandler(oTarget, sEventType, fnHandler){ if(oTarget.addEventListener){ oTarget.addEventListener(sEventType,fnHandler,false); } else if(oTarget.attachEvent){ oTarget.attachEvent("on"+sEventType,fnHandler); } else{ ... 阅读全文
posted @ 2012-07-27 09:34 草根程序猿 阅读(7305) 评论(27) 推荐(37)
2012年7月25日
这些年，我收集的JavaScript代码(一)
摘要： 一、取URL中的参数function getParameterByName(name) { var match = RegExp('[?&]' + name + '=([^&]*)') .exec(window.location.search); return match && decodeURIComponent(match[1].replace(/\+/g, ' '));}二、正则分组var testStr="<div><img src='/a.jpg' alt=&# 阅读全文
posted @ 2012-07-25 18:33 草根程序猿 阅读(15457) 评论(47) 推荐(65)
2012年7月10日
前端攻城狮学习笔记七：常见前端面试题之HTML/CSS部分（二）
摘要： 前端页面有哪三层构成，分别是什么？作用是什么？ 1、结构层：由 HTML 或 XHTML 之类的标记语言负责创建，仅负责语义的表达。解决了页面“内容是什么”的问题。 2、表示层：由CSS负责创建，解决了页面“如何显示内容”的问题。 3、行为层：由脚本负责。解决了页面上“内容应该如何对事件作出反应”的问题。css的基本语句构成是什么？ 选择符{属性1:值1;属性2:值2;...}等。主流的浏览器分别是什么内核？ IE：Trident内核 Mozilla FireFox：Gecko内核 Chrome、Safari：Webkit内核 Opera：Presto内核经常遇到的浏览器兼容性... 阅读全文
posted @ 2012-07-10 20:59 草根程序猿 阅读(15775) 评论(17) 推荐(19)
2012年7月8日
前端攻城狮学习笔记六：常见前端面试题之HTML/CSS部分（一）
摘要： Doctype是什么？如何触发严格模式与混杂模式模式？区分它们有何意义？ Doctype是document type（文档类型）的简写，是用来说明所用的XHTML或HTML是什么版本的。XHTML1.0 提供了三种DTD声明可供选择，分别是： 1、过渡的(Transitional，也叫混杂模式)：要求比较宽松，允许继续使用HTML4.01的标识，完整声明为<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- 阅读全文
posted @ 2012-07-08 19:39 草根程序猿 阅读(8100) 评论(9) 推荐(14)
2012年7月7日
前端攻城狮学习笔记五：继承、原型、setInterval、数组去重
摘要： 这是淘宝UED招聘题中的两道JavaScript题目。题目一要求 小贤是一条可爱的小狗(Dog)，它的叫声很好听(wow)，每次看到主人的时候就会乖乖叫一声(yelp)。从这段描述可以得到以下对象：function Dog() { this.wow = function() { alert(’Wow’); } this.yelp = function() { this.wow(); }} 小芒和小贤一样，原来也是一条可爱的小狗，可是突然有一天疯了(MadDog)，一看到人就会每隔半秒叫一... 阅读全文
posted @ 2012-07-07 10:10 草根程序猿 阅读(3362) 评论(24) 推荐(0)
2012年7月6日
前端攻城狮学习笔记四：点击ul下的li时alert其index值(闭包的应用)
摘要： 题目要求 这是淘宝前端开发面试JavaScript部分一道题。 下面这个ul，如何点击每一列的时候alert其index?：<ul id=”test”> <li>这是第一条</li> <li>这是第二条</li> <li>这是第三条</li></ul>题目分析 两种方案，一是给每个li加一个自定义属性，然后在点击事件中alert出就行，二是利用闭包。这两种方法各有利弊，前者简单，但增加了自定义属性，改变了页面HTML代码，后者代码简洁但增加了内存消耗。代码如下：function $(id) { re 阅读全文
posted @ 2012-07-06 07:40 草根程序猿 阅读(3898) 评论(11) 推荐(0)
2012年7月5日
前端攻城狮学习笔记三：实现一个URI解析方法，把url里#之后的参数解析成指定的数据结构。
摘要： 面试题目 这是搜狐JavaScript面试题，要求如下： 实现一个URI解析方法，把url里#之后的参数解析成指定的数据结构。function urlParser(s){ //+++++++++++答题区域+++++++++++ //+++++++++++答题结束+++++++++++}try{ var url1 = "http://www.abc.com/m/s/#page/2/?type=latest_videos&page_size=20"; var url2 = "http://www.abc.... 阅读全文
posted @ 2012-07-05 18:08 草根程序猿 阅读(1840) 评论(7) 推荐(1)
【转】学习Javascript闭包（Closure）
摘要： 作者：阮一峰 日期：2009年8月30日 闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。 下面就是我的学习笔记，对于Javascript初学者应该是很有用的。一、变量的作用域 要理解闭包，首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种：全局变量和局部变量。 Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。var n=999;function f1(){ alert(n);}f1(); // 999 另一方面，在函数外部自然无法读取函数内的局部变量。function... 阅读全文
posted @ 2012-07-05 17:42 草根程序猿 阅读(1200) 评论(2) 推荐(3)
前端攻城狮学习笔记二：实现一个叫Man的类，包含attr, words, say三个方法。
摘要： 面试题目 这是搜狐JavaScript面试题，要求如下： 实现一个叫Man的类，包含attr, words, say三个方法。var Man;//+++++++++++答题区域+++++++++++//+++++++++++答题结束+++++++++++try{ var me = Man({ fullname: "小红" }); var she = new Man({ fullname: "小红" }); console.group(); console.info("我的名字是：" + me.attr(... 阅读全文
posted @ 2012-07-05 00:07 草根程序猿 阅读(1264) 评论(5) 推荐(0)
2012年7月4日
前端攻城狮学习笔记一：实现一个遍历数组或对象里所有成员的迭代器
摘要： 面试题目 这是搜狐JavaScript面试题，要求如下： 实现一个遍历数组或对象里所有成员的迭代器。var each = function(obj, fn){ //+++++++++++答题区域+++++++++++ //+++++++++++答题结束+++++++++++};try{ var data1 = [4,5,6,7,8,9,10,11,12]; var data2 = { "a": 4, "b": 5, ... 阅读全文
posted @ 2012-07-04 15:41 草根程序猿 阅读(2286) 评论(6) 推荐(0)
2012年7月3日
我为什么喜欢在这里写博客？
摘要： 今天园子里的热门文章是因一篇文章被移出首页而发的《即将没落的博客园？！！！》，这篇文章的作者是原名为“笨笨蜗牛”的园友，这位园友大家可能不太熟悉，但如果用过“博问”的朋友应该都知道他，他很乐意的为大家解决了很多问题，当然也包括我，所以即使我不太认同他的这篇文章，但我还是很感谢他对我的帮助。 作为一个新人，我简单地谈谈我为什么喜欢在这里写博客，其实只有两个理由，但已足够： 一、自由 这里默认开放了JS权限，就这一个理由就足够了。因为我喜欢前端，所以在博客中加些JS演示在这里很方便。记得有朋友说过，如果一个网站对用户开放了JS，那么这个网站的安全方面的工作量就提高了数倍。仅仅因为程序员需... 阅读全文
posted @ 2012-07-03 21:31 草根程序猿 阅读(5169) 评论(44) 推荐(33)