各种javascript实例效果 更新为2010.07.26
新增实例：简单的原生态JavaScript缓动效果
这里收集和原创各种CSS+js实例效果。（为了工作需要和学习得更多）
1、二级菜单:
i.横向
提示：你可以先修改部分代码再运行。
- Web前端开发必备工具 更新为2009.11.8
- 各种html+CSS实例效果 更新为2009.10.16
- Web前端开发电子书 更新为2009.12.6
- 各种浏览器css hack 更新为2009.8.7
- 各种CSS bug与技巧 更新为2009.12.3
- 各种CSS+JS实例效果 更新为2009.10.24
- Web前端开发必备手册 更新中…
javascript字符串反转
周五遇到这面试题回家做了下记录下。
提示：你可以先修改部分代码再运行。
10个javascript Frameworks 外连
google提供的10个javascript Frameworks 外连：
jquery
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
jquery UI
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>
Chrome Frame
<script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1.0.2/CFInstall.min.js"></script>
物体碰撞反弹与圆周运动
由于自己对数学的缺陷，所以对数学之类不懂的恨敢兴趣，前几天在一个网友博客哪里看到一段代码《JS碰撞反弹与圆周运动》感觉算法很不错。之前我也再AS3动画教程里面也看见类似的算法，自己特有兴趣，就立刻转了过来自己研究研究。
1.物体碰撞反弹
提示：你可以先修改部分代码再运行。
百度2010校园招聘前端开发笔试题
1、JS主要数据类型？5分
答：主要的类型有 number、string、object 以及 Boolean 类型,其他两种类型为 null 和 undefined。
2、img的alt和title的异同？10分
答：title属性为设置该属性的元素提供建议性的信息。比如为链接添加描述性文字。
为不能显示图像、窗体或applets的用户代理（UA），alt属性用来指定替换文字。使用alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明。
3、CSS的JS调用？如font-family, -moz-border-radius 10分
答：fontFamily、MozBorderRadius
Show more »
我推荐的书籍
，自己很喜欢买书，一直都是一有事没事的看看书。发现知识真是一辈子的学不完啊，可是为了前途为了生活为了幸福为了自己的爱好，不得不让我去学呀。很小的时候梦想老了的时候开个书店，可以边卖书边看书，学到了知识又可以赚到钱。想起就心里特别高兴。呵呵。言归正传下列推荐我最喜欢的书籍：
前端开发:
Show more »
各种Javascript技巧
开始学JS了，开始收集技巧了，方面学习和查找。
1. 将彻底屏蔽鼠标右键
- oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
- <table border oncontextmenu=return(false)> <td>no </td></table> 可用于Table
2. 取消选取、防止复制
- <body onselectstart="return false">
- </body>
JavaScript 快速组合算法
- /**
- * 快速组合算法
- * 从 n 中任选 m(0 < m <= n) 个数的所有组合
- */
- function quick_combine(n, m) {
- var t = ((1 << n) – (1 << n – m)).toString(2),
- r = [], s, p1, p2;
- while((r.push(t), p1 = t.indexOf("10")) >= 0) {
- s = t.slice(0, p1);
- p2 = s.indexOf("1");
- t = (p2 > 0 ? ((1 < < p1) – (1 << p2)).toString(2) : s)
- + "01" + t.slice(p1 + 2);
- }
- return r;
- }
算法思路：
假设场景为从 [a, b, c, d, e] 里， 5 选 3.
Show more »
入门JavaScript正则表达式
正则表达式是程序员前端开发的必学知识，所以大家一定要学这个的。
什么是正则表达式？
正则表达式 是一个描述一组字符串的模板。正则表达式是使用多种操作符来组合更小的表达式构建类似算术表达式。
建立块的基本原则是正则表达式匹配一个单字符。多数字符，包括所有的字幕和数字，都是匹配它们自己的正则表达式。任何带有特殊含义的字符可以以反斜杠开头来进行引用。
创建一个正则表达式
第一种方法：
- var reg = /pattern/;
JavaScript库开发规则
这是base2的作者Dean Edwards 2007年3月份的一篇文章。最近正在折腾怎么写JavaScript库，感觉Dean给出的这些规则很中肯，忍不住就转来了。
1. 保持无侵入性
我的HTML标记不想知道你的JavaScript代码。
2. 严禁修改和扩展Object.prototype!
这条很重要，因此需要一条完全针对它的规则。对象是JavaScript功能的基本构建模块，不要搞乱它们。
3. 不要过分扩展
对JavaScript内建对象的扩展越少越好。别误解我的意思。JavaScript的原生对象中有用的方法是有点少，有时不得不添加一两个自己的方法。但是，对于富有创造力的（库）程序员来说，添加这“一两个”方法是不够的。然而，请停下来！添加需要的就好。你对JavaScript内建对象的扩展越少，你的代码与其它框架产生的冲突的概率就越少。
Show more »
javascript替换字符
不用多言，这种技术被广泛应用于表单验证，语法高亮和危险字符过滤中。一段话如果很长，如果不想像下面那样替换，我们得想些办法了。
- str = str.
- replace( /&(?!#?\w+;)/g , ‘&amp;‘).
- replace( /"([^"]*)"/g , ‘“$1”‘ ).
- replace( /</g , ‘&lt;‘ ).
- replace( />/g , ‘&gt;‘ ).
- replace( /…/g , ‘&hellip;‘ ).
- replace( /“/g , ‘&ldquo;‘ ).
- replace( /”/g , ‘&rdquo;‘ ).
- replace( /‘/g , ‘&lsquo;‘ ).
- replace( /’/g , ‘&rsquo;‘ ).
- replace( /—/g , ‘&mdash;‘ ).
- replace( /–/g , ‘&ndash;‘ );
上面这个还算短了，我看过一些论坛的JS代码，在把Wind Code转换成HTML时，那真是疯子似的写上二三十行。其实我们大可以把这些匹配模式与替换后的字符放到一个哈希中，然后一口气替换掉。
最常用的十个javascript自定义函数
如果不使用类库或者没有自己的类库，储备一些常用函数总是有好处的。
(10)addEvent
网上最流行的版本是Scott Andrew的，据说javascript界曾举行一场比赛（此事件我们可以在Pro Javascript Techniques第100页看到）或浏览PPK的网站，征求添加事件与移除事件的函数，他就是其获奖者。下面就是他的实现：
- function addEvent(elm, evType, fn, useCapture) {
- if (elm.addEventListener) {
- elm.addEventListener(evType, fn, useCapture);//DOM2.0
- return true;
- }
- else if (elm.attachEvent) {
- var r = elm.attachEvent(‘on‘ + evType, fn);//IE5+
- return r;
- }
- else {
- elm['on' + evType] = fn;//DOM 0
- }
- }
Javascript 正则表达式使用手册
一．正则表达式匹配常用语法
“+”字符：规定表达式字符出现一次或多次。
“*”字符：规定表达式字符出现零次或多次。
“?”字符：规定表达式字符出现零次或一次。
^ 匹配的是字符的开头 ,匹配的是一行的开头
$ 匹配的是字符的结尾 ,匹配的是一行的结尾
\b 匹配的是一个词语的边界.简而言之就是位于字符\w 和 \w之间的位置(注意:[\b]匹配的是退格符)
\B 匹配的是非词语的边界的字符
[A-Z] 匹配从A到Z范围内任何一个大写字母。
[a-z] 匹配从a到z范围内任何一个小写字母。
[0-9]/ 匹配从0到9范围内任何一个数字。
([a-z][A-Z][0-9])+ 匹配任何由字母和数字组成的字符串，如 “aB0” 等。
Show more »
