摘要: 原文:http://docs.webplatform.org/wiki/tutorials/Lesser_-_known_semantic_elementsHTML5中比较常用的语义元素有header,nav,footer,这篇文章主要讲了一些不知名的语义元素。第一次翻译英文原文,措辞难免不准确,不清楚的地方,可参考原文。简介:今天我们通过这篇文章,来了解一下HTML中一些意义模糊和不知名的语义元素。我们将探讨标记程序代码、计算机交互、引用和缩写词和文本的更新等的元素。高亮显示联系人信息或许是命名最不合理且最容易让人误解的HTML标签了。因为命名为“address”,第一眼看到它,似乎就只是用 阅读全文
posted @ 2014-03-24 11:22 yuki.idesign 阅读(687) 评论(0) 推荐(0) 编辑
摘要: 作者:阮一峰原文地址:http://www.ruanyifeng.com/blog/2012/07/three_ways_to_define_a_javascript_class.html将近20年前,Javascript诞生的时候,只是一种简单的网页脚本语言。如果你忘了填写用户名,它就跳出一个警告。如今,它变得几乎无所不能,从前端到后端,有着各种匪夷所思的用途。程序员用它完成越来越庞大的项目。Javascript代码的复杂度也直线上升。单个网页包含10000行Javascript代码,早就司空见惯。2010年,一个工程师透露,Gmail的代码长度是443000行!编写和维护如此复杂的代码,必 阅读全文
posted @ 2014-03-21 18:37 yuki.idesign 阅读(218) 评论(0) 推荐(0) 编辑
摘要: AOP面向切面编程 AOP(Aspect-Oriented Programming,面向切面的编程),它是可以通过预编译方式和运行期动态代理实现在不修改源代码的情况下给程序动态统一添加功能的一种技术。它是一种新的方法论,它是对传统OOP编程的一种补充。 OOP是关注将需求功能划分为不同的并且相对独立,封装良好的类,并让它们有着属于自己的行为,依靠继承和多态等来定义彼此的关系;AOP是希望能够将通用需求功能从不相关的类当中分离出来,能够使得很多类共享一个行为,一旦发生变化,不必修改很多类,而只需要修改这个行为即可。 AOP是使用切面(aspect)将横切关注点模块化,OOP是使用类将状态和... 阅读全文
posted @ 2014-03-21 11:17 yuki.idesign 阅读(297) 评论(0) 推荐(0) 编辑
摘要: JavaScript能够实现的面向对象的特征有:·公有属性(public field)·公有方法(public Method)·私有属性(private field)·私有方法(private field)·方法重载(method overload)·构造函数(constructor)·事件(event)·单一继承(single inherit)·子类重写父类的属性或方法(override)·静态属性或方法(static member)1.(JavaScript中允许添加行为的类型):可以在类型 阅读全文
posted @ 2014-03-17 17:30 yuki.idesign 阅读(353) 评论(0) 推荐(0) 编辑
摘要: BFC已经是一个耳听熟闻的词语了,网上有许多关于BFC的文章,介绍了如何触发BFC, 以及BFC的一些用处(如清浮动,防止margin重叠等)。虽然我知道如何利用BFC解决这些问题,但当别人问我BFC是什么,我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec, 和许多文章,来全面地理解BFC:BFC是个什么?哪些元素会生成BFCBFC的神奇的作用,及背后的原理一、BFC是什么?在解释BFC是什么之前,需要先介绍Box,Formatting context的概念。Box: CSS布局的基本单位Box是CSS布局的对象和基本单位, 直观点来说,就是一个页面是由很多个Box组成 阅读全文
posted @ 2014-03-17 16:09 yuki.idesign 阅读(321) 评论(0) 推荐(0) 编辑
摘要: 浮动(float),一个我们即爱又恨的属性。爱,因为通过浮动,我们能很方便地布局; 恨,浮动之后遗留下来太多的问题需要解决,特别是IE6-7(以下无特殊说明均指 windows 平台的 IE浏览器)。也许很多人都有这样的疑问,浮动从何而来?我们为何要清除浮动?清除浮动的原理是什么?本文将一步一步地深入剖析其中的奥秘,让浮动使用起来更加得心应手。一、清除浮动 还是 闭合浮动 (Enclosing float or Clearing float)?很多人都已经习惯称之为清除浮动,以前我也一直这么叫着,但是确切地来说是不准确的。我们应该用严谨的态度来对待代码,也能更好地帮助我们理解开头的三个问题。清 阅读全文
posted @ 2014-03-17 11:39 yuki.idesign 阅读(367) 评论(0) 推荐(0) 编辑
摘要: 要理解display:inline、block、inline-block的区别,需要先了解HTML中的块级(block)元素和行级(inline)元素的特点,行内元素也叫内联元素。块级元素总是另起一行开始;高度,行高以及顶、底边距都可以控制;宽度缺省是它所在容器的100%,除非设定一个宽度。块级元素通常作为其他元素的容器,可以容纳内联元素和其他块元素。block element的HTML标签如下:address-地址blockquote-块引用center-居中对齐块div-常用块级元素dl-定义列表form-交互表单fieldset-form控制组hr-水平分隔线ol-排序表单ul-非排序列 阅读全文
posted @ 2014-03-17 10:53 yuki.idesign 阅读(569) 评论(1) 推荐(1) 编辑