摘要:
div:division(分开, 分割, 区分,分配, 分界线),标签可以把文档分割为独立的、不同的部分。作为块级元素的代表,因为没有固定的格式表现,目前滥用情况最严重。ul:Unordered List(无序列表)与li元素组合成团体。ol:ordered list(有序列表)与li元素组合成团体。li:list item(列表的项目)"必须"在父级ul或ol容器之内,这个必须是我自己加的。dl:definition list(定义列表)与dt(definition term定义的项目)及dd(definition description定义的描述)组合成一个团体。p:p 阅读全文
摘要:
在互联网成熟的今天,大家对网站的要求不仅仅在功能实现上,也开始注重视觉设计,多终端用户体验等等。表单控件是web页面上重要的组成元素,具有非常高的功能性。交互设计师为它设计更加方便的操作方式,视觉设计师也会绞尽脑汁设计出更加夺人眼球的视觉展现。可是由于表单控件自身的局限性,不能很好地自定义外表,所以就诞生了一系列的由聪明的前端同学模拟出来的以假乱真的表单控件。让我们从一个真实的“栗子”开始。视觉设计师提供了一张设计稿:作为前端同学,我在收到稿子的一瞬间,其实内心各种想法交织:这样设计很好看,只是需要模拟控件,看样子还要切图,下拉效果也是要模拟的,最重要的是要考虑兼容性,此外做完还要留下详细文档 阅读全文
摘要:
本文由伯乐在线-yanhaijing翻译自Mathew Carella。欢迎加入技术翻译小组。转载请参见文章末尾处的要求。讨论jQuery和javascript性能的文章并不罕见。然而,本文我计划总结一些速度方面的技巧和我本人的一些建议,来提升你的jQuery和javascript代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。首先,在脑子里牢牢记住jQuery就是javascript。这意味着我们应该采取相同的编码惯例,风格指南和最佳实践。首先,如果你是一个javascript新手,我建议您阅读 《JavaScript初学者的最佳实践》 ,这是一篇高质量的javascri 阅读全文
摘要:
jQuery插件的开发包括两种:一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级别的插件开发最直接的理解就是给jQuery类添加类方法,可以理解为添加静态方法。典型的例子就是$.AJAX()这个函数,将函数定义于jQuery的命名空间中。关于类级别的插件开发可以采用如下几种形式进行扩展:1.1添加一个新的全局函数添加一个全局函数,我们只需如下定义:jQuery.foo=func 阅读全文
摘要:
变量▶声明变量必须加上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 ... 阅读全文