11 2013 档案
摘要：变量▶声明变量必须加上var关键字.常量▶常量的形式如:NAMES_LIKE_THIS, 即使用大写字符, 并用下划线分隔. 你也可用@const标记来指明它是一个常量. 但请永远不要使用const关键词.分号▶总是使用分号.嵌套函数▶可以使用块内函数声明▶不要在块内声明一个函数异常▶可以自定义异常▶可以标准特性▶总是优于非标准特性.封装基本类型▶不要多级原型结构▶不是首选方法定义▶Foo.prototype.bar = function() { ... };闭包▶可以, 但小心使用.eval()▶只用于解析序列化串 (如: 解析 RPC 响应)with() {}▶不要使用this▶仅在对象构
阅读全文
摘要：在css里加入以下代码：a{ hide-focus: expression( this.hideFocus=true ); outline: none;}
阅读全文
摘要：在这个使用jQuery生成的弹出选择框输入，我们使用弹出的菜单来取代用户输入过程，生成效果如下：HTML 前端开发 Java开发 .Net开发 数据库DBA CSSbody{ font-family:arial; font-size:12px;}.career { position:relative;margin-top:50px;}.career .field { width:300px; background:#EC6603; color:#fff; padding:5px; border:none; ...
阅读全文
摘要：可能在大家开发的过程中，往往需要自己生成一个全页面的覆盖层，以便让用户能够把注意力专注于开发者指定的某一个区域，在这里开发小技巧里，我们使用非常简单的代码生成类似的效果，如下： $("#overlay").height(docHeight).css({'opacity':0.8,'position':'absolute','top':0,'left':0,'background-color':'#AAAAAA','width':'100%&
阅读全文
摘要：在线演示1本地下载相信做设计的朋友肯定都知道dribbble.com，它是一个非常棒的设计师分享作品的网站，全世界数以万计的设计高手和行家都在这个网站上分享自己的作品，当然，如果你常在上面闲逛的话，经常得到一些免费的好东西。在今天的这篇jQuery教程中，我们将使用jQuery的几个插件来开发一个响应式的瀑布流应用，这个应用可以帮助你实时的从dribbble上得到最流行的设计作品，我们将使用如下几个插件：isotope ： 一个魔术布局插件，可以帮助你构建瀑布流的页面布局方式（注意不免费的哦）Jribbble ：一个帮助你方便调用dribbbleAPI的jQuery插件imagesloaded
阅读全文
摘要：Cross Browser Inline-Blockli { width: 200px; min-height: 250px; border: 1px solid #000; display: -moz-inline-stack; display: inline-block; vertical-align: top; margin: 5px; zoom: 1; *display: inline; _height: 250px;}Cross-Browser ...
阅读全文
摘要：Use ablank.gifas thesrcof images, and include thewidthandheightof the final image.HTML:JavaScript:/* lazyload.js (c) Lorenzo Giuliani * MIT License (http://www.opensource.org/licenses/mit-license.html) * * expects a list of: * `` */!function(window){ var $q = function(q, res){ if (document...
阅读全文
摘要：javascript:function addClass(id,new_class){ var i,n=0; new_class=new_class.split(","); for(i=0;iAdd a class
阅读全文
摘要：一、概述除了正常运行模式，ECMAscript 5添加了第二种运行模式："严格模式"（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。设立"严格模式"的目的，主要有以下几个： - 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为; - 消除代码运行的一些不安全之处，保证代码运行的安全； - 提高编译器效率，增加运行速度； - 为未来新版本的Javascript做好铺垫。"严格模式"体现了Javascript更合理、更安全、更严谨的发展方向，包括IE 10在内的主流浏览器，
阅读全文
摘要：replace方法是属于String对象的，可用于替换字符串。简单介绍:StringObject.replace(searchValue,replaceValue)StringObject:字符串searchValue：字符串或正则表达式replaceValue:字符串或者函数字符串替换字符串'I am loser!'.replace('loser','hero')//I am hero!直接使用字符串能让自己从loser变成hero，但是如果有2个loser就不能一起变成hero了。'I am loser,You are loser&#
阅读全文
摘要：Due to a number of requests, I'm writing a detail tutorial on how to create an animated scroll to top as seen on Web Designer Wall. It is very simple to do with jQuery (just a few lines of code). It checks if the scrollbar top position is greater than certain value, then fade in the scroll to to
阅读全文
摘要：One of the nice enhancement in HTML5 web form is being able to add placeholder text to input fields. Placeholder attribute allows you to display text in a form input when it is empty and when it is not focused (it clears the field on focus). This is a nifty feature, but it is not supported by all br
阅读全文
摘要：这篇文章算是很基础的了。旨在介绍如何保证页面代码的整洁、以维护性。使用有语义的页面标签，减少标签的滥用。1. 移除不必要的标签嵌套在外面的标签没有必要例子：2. 使用有语义的标记等标签，替代，即便样式表丢失，仍然保证页面的可读性。3. 尽量少的使用标签4. 代码缩进格式5. 在结尾处加上这个块的注释转：http://www.ghugo.com/coding-clean-and-semantic-templates/扩展阅读：http://webdesignerwall.com/tutorials/coding-clean-and-semantic-templates
阅读全文
摘要：收集常用的正则表达式，欢迎补充。1.匹配IP地址function isIP(value){ return /^((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){3}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})$/i.test(value);}2.匹配URLfunction isURL(value){ return /^((http|https):\/\/(\w+:{0,1}\w*@)?(\S+)|)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?$/.test(value)
阅读全文
摘要：曾几何时，display:inline-block 已经深入「大街小巷」，随处可见 「display:inline-block; *display:inline; *zoom:1; 」这样的代码。如今现代浏览器已经全面支持这个属性值了，上面的代码只是为了兼容 IE6、7 而已。那么你真的了解 inline-block 了吗？本文将带你深入剖析该属性值的前世今生，让你更好的理解和运用 inline-block。（本文约定 display:inline-block 简写为 inline-block）开篇我们来看几个问题：IE6、7 真的不支持 display:inline-block 吗？disp
阅读全文
摘要：源起我们经常需要“修复”一个老生常谈的“bug”，那就是文本的自动换行问题。在专业术语上，这种期望得到的渲染现象被称作“word wrap”，即文本处理器有能力把超出页边的整个词自动传到下一行。在现实项目中，尤其是在测试阶段，鉴于测试使用非常极端的测试用例，我们经常需要“修复”如图所示的这个问题：长单词溢出图中，极长的这个英文单词（虽然是生造的）为了保证完整的显示，无奈地超出了容器的限制，它溢出了。为了“修复”这个“问题”，使得无论东亚还是西欧文字都能被限定在容器的尺寸范围内，我们一般会加上诸如“word-wrap: break-word; word-break: break-all;”这样的
阅读全文
摘要：HTML标题 更多… CSSh2{height:20px;}span{float:right;display:block;margin:-10px 0 0 0;height:20px;}其实只是利用了margin-top 的负数来实现,因为默认的float会换行到h2标签下面去，所以让它自个跳上去。
阅读全文
摘要：浏览器加载页面的顺序：1、 解析HTML结构2、 加载外部脚本和样式表文件3、 解析并执行脚本代码4、 构造HTML DOM模型==ready()5、 加载图片等组件6、 页面加载完毕==onload()ready事件是在DOM模型构造完毕时触发load事件是在页面加载完毕后触发function ready(fn){ if(document.addEventListener) { document.addEventListener('DOMContentLoaded', function() { //注销事件, 避免反复触发 do...
阅读全文
摘要：var Sys = {};var ua = navigator.userAgent.toLowerCase();var s;var scan;(s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :(s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :(s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :(s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :(s = ua.match
阅读全文
摘要：一：JSON字符串转换为JSON对象JSON 最常见的用法之一，是从 web 服务器上读取 JSON 数据（作为文件或作为 HttpRequest），将 JSON 数据转换为 JavaScript 对象，然后在网页中使用该数据。如Ajax等。1、Javascript 的 eval()函数由于 JSON 语法是 JavaScript 语法的子集，JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。eval() 函数使用的是 JavaScript 编译器，可解析 JSON 文本，然后生成 JavaScript 对象。必须把文本包围在括号中，这样才能
阅读全文
摘要：JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。JSON：JavaScript 对象表示法（JavaScriptObjectNotation）。轻量级的存储和交换信息的格式(语法)。构建JSON的两种结构：1、”键-值 对“(或者叫”名称-值 对“)形式这种方式是无序的，"{}"包围，”:“进行值--对的分割，多个键值对使用”,“分割。如在
阅读全文
