前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript/ajax，现在最新的高级版本HTML5、CSS3，以及SVG等。
例如：现有一字符串为：vardt=\"2010-1-112:20:20\";第一步：将其转换成日期时间型数据复制代码代码如下:varnewDt=newDate(dt.replace(\"-\",\"/\"));第二步：格式化数据成\"yyyy-MM-dd\"(1)扩展Date复制代码
例如: 含有占位符的字符串hello,{name},yourbirthdayis{birthday}; 提供的Json对象{name:\"czonechan\",birthday:\"1989-07-02\"}; 替换后为hello,czonechan,yourbirthdayis1989-07-02。实现代码：复制代码
开始的代码如下：复制代码代码如下:$.ajax({type:\"get\",url:\"Database/App_all.xml\",dataType:\"xml\",timeout:2000,beforeSend:function(){},success:function(xml){$(xml).find(\"app[id=\'id-1\']\").find(\"
复制代码代码如下:vargb1=10;this.gb2=20;functiongb3(){};(function(){varro=RuntimeObject(),ret=[],for(pinro){ret.push(p);}alert(\'globalvarList:\'+ret.join(\'\\n\'));})();
复制代码代码如下:varcolorValues=newArray();$(\'#image-colors\').find(\'.color-block\').each(function(){if($(this).find(\'span\').eq(0).hasClass(\'selected\')){colorValues.push($(this).attr(\'title\'))
例子：rsajax.js：复制代码代码如下:varhttp_request=false;functionmakePOSTRequest(url,parameters){http_request=false;if(window.XMLHttpRequest){http_request=newXMLHttpRequest();if(http_request.overrideMi
但是如何保存顺序呢，想到了cookie，但是用如何用cookie保存顺序呢，直接保存html代码下次读取覆盖可以，但是总感觉内容多的话保存的东西比较多，后用ui插件获取id保存id在读取实现了顺序的保存，废话不多说..直接看
jQuery式的方法链核心部分是三点：1)jquery的包装器函数（也就是jQuery(),以此来构建包装器对象）,以此构造函数可以产生饱含了原生DOM对象的包装器对象。它大概是这个样子的…(当然跟官方库的规模跟功能以及实现方式
crossdomain.xml最通常放置的地方是一个domain的root文件夹，flashplayer会默认检测这个路径下的crossdomain.xml文件，这个root目录下的crossdomain.xml叫做masterpolicyfile，大家记住这个概念，下面会用到。crossd
话说回来，虽然jQuery让学习前端技术的越来越多了起来，（本人就是因为学校图书馆偶然间遇到了一本jQuery基础教程（二）开始想深入的学习前端技术），关于jQuery的博文甚至多于javascript,它让编程的门槛大大的降低了
复制代码代码如下:<scripttype=\"text/javascript\">Array.prototype.indexOf=function(str){for(vari=0;i<this.length;i++){if(str==this[i]){returni;}}return-1;}</script>
alert(\"abacacf\".replace(\'a\',\'9\'));alert(\"abacacf\".replace(/a/g,\'9\'));第一个运行的结果9bacaf这个只是替换了第一个第二个运行的结果9b9c9f这个能实现js的全部替换功能其实第二个的意思就是用正则表达式
复制代码代码如下:$.fn.serializeObject=function(){varo={};vara=this.serializeArray();$.each(a,function(){if(o[this.name]){if(!o[this.name].push){o[this.name]=[o[this.name]];}o[this.name].push(this.valu
Jquery练习表单验证复制代码代码如下:<body><formaction=\"\"method=\"post\"id=\"myform\"><table><tr><td>姓名：</td><td><inputtype=\"text\"id=\"name\"name=\"na
复制代码代码如下:functioncut_str($sourcestr,$cutlength){$returnstr=\'\';$i=0;$n=0;$str_length=strlen($sourcestr);//字符串的字节数while(($n<$cutlength)and($i<=$str_length)){$temp_str=substr($sour
效果图:编写JQUERY插件如下：复制代码代码如下:;(function($){$.fn.extend({\"alterBgColor\":function(options){//设置默认值option=$.extend({odd:\"odd\",even:\"even\",selected:\"selected\"},options);//注意这
具体到这个例子，我们希望button1和button2点击之后，用AJAX的方式取example.html的内容，然后动态更新页面的id=callbackdemo3的divHTML如下：复制代码代码如下:<divid=\"callbackdemo1\"><buttonid=\"butt
动态创建div:复制代码代码如下:$(function(){$(\"<div>\",{id:\'test\',text:\'thisisatest\',\"class\":\"test\",click:function(){$(this).toggleClass(\'test\');}}).appendTo(\"body\");})动态创建input:复
复制代码代码如下:<scripttype=\"text/javascript\">document.getElementById(\"testDiv\").innerHTML=\"动态创建的div\";</script>而且用的应该是还是乐此不疲，但是有多少人知道这是错误的做法!错误的
先来看概念，首先DOM是一棵树，其根节点是Document，大致可以用下图来表示：所谓“最近的共有祖先元素”，是指给定一系列元素，找出在树中深度最大的，但同时为所有这些元素的祖先元素的元素。比如上图中，I和G的结果
Tangram官方网站。http://tangram.baidu.com/tangram/
围观社区：简易社区，直接使用tieba。反馈的信息不大多。按优点、不足、疑问、建议，分开来看。
需求是,同一个页面,有多组(不固定),每组区块数量不一定一样的小区块.要求每次只展开一个区块.实现原理其实很简单,点击导航,若它的区块为隐藏,则展开它,同时,隐藏掉同组其他区块;若它的区块为展开,则隐藏它,展开同组其
example$.cookie(\'name\',‘value\');设置cookie的值，把name变量的值设为valueexample$.cookie(\'name\',‘value\',{expires:7,path:‘/\',domain:‘jquery.com\',secure:true});新建一个cookie包括有效期路径域名
在ajax交互中，我们从服务器端返回的数据类型有xml,html,script,json,jsonp,text，本文以json为例，讲述了在前台如何利用jquery遍历json的两种数据结构：“名称/值”对的集合，值的有序列表，以及值的有序列表里面包
在Jquery中这三个函数如果有参数的话就是赋值操作，没有参数则是取值操作，其中val()是一个很重要的方法，和它相关的表单对象如：input系的标签、select、textarea等都是用于和服务器端交互的标签元素，所以要搞清楚
为了兼容IE和FF我们不得不用以下方法：
domcontains方法by司徒正美
if(!!window.find){
这里推荐使用jquery图片延迟加载插件jquery.lazyload实现图片延迟加载提高网站打开速度下载地址：http://www.appelsiini.net/download/jquery.lazyload.js一、快速使用篇1.导入JS插件复制代码代码如下:<scriptsrc
从网上下载来的版本多多少少都有些BUG，尤其是加载后在IE6和IE7下图片闪动是个大问题，在网上查了很久，也没有找到相关的解决方案。没解决方案，就得发挥咱DIY的精神，自己想法解决，分析了BUG，理了理思路，结合前段
650)this.width=650;\"border=0>
650)this.width=650;\"border=0>
代码很简单，在附件中，各位可以下载后直接运行.复制代码代码如下:<scripttype=\"text/javascript\"language=\"javascript
