存档

‘前端’ 分类的存档

前端系列之jquery插件

2011年12月3日 没有评论 690 views  

将jquery插件分类整理在此

AlloyImage

综合框架
jQueryUI 包含一整套常用的页面UI控件,包括拖拽、窗体、菜单、日期、标签页等
Bootstrap 进行快速web开发的前端工具包,包括表单,表格,buttons,网格系统等
图片相关
image-upload-and-crop 图片上传和裁剪插件
Polaroid Photo Viewer 宝丽莱效果图片浏览插件
Space Gallery 有空间感的图片库插件
arborjs 图标可视化插件
Jquery Product Slider 产品幻灯片插件
AlloyImage 基于HTML5的图像处理引擎
图表相关
flotcharts 图表绘制
其他
textillate 实现极酷 CSS3 文本动画
Tooltip Coda Bubble 信息提示(tooltip)插件
分类: 前端 标签:

前端系列之CSS

2011年11月3日 没有评论 825 views  

CSS速查总表,见这里

分类: 前端 标签:

前端系列之HTML

2011年10月3日 没有评论 710 views  

HTML5新添加标签如下:

  • <article>
  • <aside>
  • <audio>
  • <bdi>
  • <canvas>
  • <command>
  • <datalist>
  • <details>
  • <embed>
  • <figcaption>
  • <figure>
  • <footer>
  • <header>
  • <hgroup>
  • <keygen>
  • <mark>
  • <meter>
  • <nav>
  • <output>
  • <progress>
  • <rp>
  • <rt>
  • <ruby>
  • <section>
  • <source>
  • <summary>
  • <time>
  • <track>
  • <video>

更多html标签,参看这里

分类: 前端 标签:

前端系列之javascript

2011年9月3日 没有评论 822 views  

JavaScript诞生

在大约199x(x<5)年,要想在浏览器中实现简单的表单验证,都还需要与服务器进行多次的往返交互的。那时正处于技术革新最前沿的Netscape,开始考虑开发一种客户端脚本语言来解决这种简单的处理问题。

当时工作于 Netscape 的 Brendan Eich,开始着手为即将在 1995 年发行的 Netscape Navigator 2.0 开发一个称之为 LiveScript 的脚本语言,就在 Netscape Navigator 2.0 即将正式发布前,Netscape 将其更名为 JavaScript,目的是为了利用 Java 这个因特网时髦词汇。

JScript诞生

因为 JavaScript 1.0 如此成功,Netscape 在 Netscape Navigator 3.0 中发布了 1.1 版。恰巧那个时候,微软决定进军浏览器,发布了 IE 3.0 并搭载了一个 JavaScript 的克隆版,叫做 JScript(这样命名是为了避免与 Netscape 潜在的许可纠纷)。

ECMAScript诞生

至此,有 3 种不同的 JavaScript 版本同时存在:Netscape Navigator 3.0 中的 JavaScript、IE 中的 JScript 以及 CEnvi 中的 ScriptEase。与 C 和其他编程语言不同的是,JavaScript 并没有一个标准来统一其语法或特性,而这 3 种不同的版本恰恰突出了这个问题。随着业界担心的增加,这个语言的标准化显然已经势在必行。

1997 年,JavaScript 1.1 作为一个草案提交给欧洲计算机制造商协会(ECMA)。第 39 技术委员会(TC39)被委派来“标准化一个通用、跨平台、中立于厂商的脚本语言的语法和语义”。由来自 Netscape、Sun、微软、Borland 和其他一些对脚本编程感兴趣的公司的程序员组成的 TC39 锤炼出了 ECMA-262,该标准定义了名为 ECMAScript 的全新脚本语言。
阅读全文…

分类: 前端 标签:

web2.0中常用配色

2011年5月6日 没有评论 655 views  

注:此图片非本人创作。

#EFF7FF #96C2F1
#F0FBEB #9BDF70
#FFFFFF #92B0DD
#EEFAFF #BBE1F1
#FAFCFD #CCEFF5

阅读全文…

分类: 前端 标签:

jquery ui datepicker 设置disabled

2011年4月30日 没有评论 737 views  

版本:jQuery UI Datepicker 1.8.23

将datepicker设置disable的方法:


$(selector).datepicker("disable");

$(selector).datepicker("enable");

原理:

在源码文件(jquery.ui.datepicker.js)的$.fn.datepicker方法里,有这样一行代码


$.datepicker['_' + options + 'Datepicker'].apply($.datepicker, [this].concat(otherArgs)) :

我们传过来的参数(“disable”和”enable”)就会替换掉这行代码中的options,最终形成函数名_disableDatepicker和_enableDatepicker。

 

分类: 前端 标签: ,

模态窗口向本窗口提交form

2011年4月26日 没有评论 1,114 views  

我遇到的是在模态窗口内实现翻页,也就是点下一页的时候,提交一个form页面变到下一页,

开始发现页面就是不刷新,指定了target,就会把页面返回的新的标签页上

后来我把链接改了下就ok了。

不能刷新:


<a href="javascript:void()" onclick="next_page()"" >下一页</a>

可以刷新:


<a href="javascript:next_page()" >下一页</a>

分类: 前端 标签:

showModalDialog 模态窗口刷新自己

2011年4月10日 没有评论 1,246 views  

var  reus=window.showModalDialog(ur,'Mywindow1','dialogHeight:...');
if(reus=="ok"){
    window.name = "selfself";//随便起一个非关键词的name
    window.open(window.location.href, "selfself");
}

分类: 前端 标签: