Fork me on GitHub
代码改变世界

vertical-align属性

2015-11-14 17:06 by autrol, 1331 阅读, 0 推荐, 收藏, 编辑
摘要:准备阶段vertical-align取值及含义:值含义baseline默认。元素放置在父元素的基线上。top把元素的顶端与行中最高元素的顶端对齐text-top把元素的顶端与父元素字体的顶端对齐middle把此元素放置在父元素的中部。text-bottom把元素的底端与父元素字体的底端对齐。bott... 阅读全文

元素的各种宽高

2015-10-25 18:09 by autrol, 537 阅读, 0 推荐, 收藏, 编辑
摘要:知道元素的各种宽高非常重要,下面举一个例子说明含义: 效果:虽然test.scrollHeight的值在不同浏览器中不同,但是计算的方法还是"内容高度 + padding";因为在Chrome浏览器下,padding-bottom被渲染出来,所以结果是220。下面我们对一些特殊的宽高值进行介绍... 阅读全文

float属性

2015-10-25 11:41 by autrol, 918 阅读, 0 推荐, 收藏, 编辑
摘要:float属性介绍float给人一种捉摸不透的感觉,不过可以依照浏览器的解析机制(根据HTML文档,从上往下解析),对float属性了解一二。float有四种值:none/left/right/inherit,我们主要关注的是left/right。float的出现,最初是为了实现图文环绕的效果,后来... 阅读全文

去除行内(inline/inline-block)元素之间的间距

2015-10-22 23:05 by autrol, 1118 阅读, 1 推荐, 收藏, 编辑
摘要:先展示一下,行内元素之间存在间距,实例代码如下:inlineinlineinline-blockinline-block运行代码的效果:为什么会出现间距呢??真正意义上的水平呈现的行内元素间,换行显示或空格分隔的情况下会有间距。既然知道了出现间距的原因,接下来讨论去除行内元素之间的间距,推荐几种通用... 阅读全文

JS错误捕获

2015-10-20 10:25 by autrol, 458 阅读, 0 推荐, 收藏, 编辑
摘要:try/catch/finally错误捕获try { //一旦try中出现错误,直接跳到执行catch的内容,执行完catch的内容,代码继续执行 throw new Error('错误'); //发生错误 console.log("此条语句未被执行");} catch(e) ... 阅读全文

Velocity模板引擎语法

2015-10-19 20:47 by autrol, 20675 阅读, 5 推荐, 收藏, 编辑
摘要:Velocity 模板引擎介绍Velocity是一个基于java的模板引擎(template engine)。它允许任何人仅仅简单的使用模板语言(template language)来引用由java代码定义的对象。当Velocity 应用于web开发时,界面设计人员可以和java程序开发人员同步开发... 阅读全文

this的指向

2015-10-17 11:40 by autrol, 234 阅读, 0 推荐, 收藏, 编辑
摘要:在JS中,有三种需要注意的this:寻常的this/事件的this/ajax请求的this。寻常的this这种this的判断很简单,this是指向执行函数的对象。下面是事例说明:var name = "window";var test1 = function() { this.name = "... 阅读全文

input/select/textarea标签的readonly效果实现

2015-10-11 23:54 by autrol, 3601 阅读, 0 推荐, 收藏, 编辑
摘要:首先说一下readonly属性的应用场景表单中,不能编辑对应的文本,但是仍然可以聚焦焦点在提交表单的时候,该输入项会作为form的一项提交(目的)这里要说一下disabled和readonly的不同,如果一个输入项的disabled设为true,则该表单输入项不能获取焦点,用户的所有操作(鼠标点击和... 阅读全文

JS对象之间的关系

2015-09-12 15:34 by autrol, 490 阅读, 0 推荐, 收藏, 编辑
摘要:JS对象类型JS中,可以将对象分为"内部对象"、"宿主对象"和"自定义对象"三种。1、本地对象ECMA-262定义为"独立于宿主环境的JS实现提供的对象"。简单来说,本地对象就是JS定义的类(引用类型)。它们包括:Object/Function/Array/String/Boolean/Number... 阅读全文

JS函数创建的具体过程

2015-09-12 13:32 by autrol, 713 阅读, 0 推荐, 收藏, 编辑
摘要:JS函数创建的过程:1、新建Object对象F,类型设置为Function2、设置F.__proto__ = Function.prototype3、设置F.constructor = Function4、新建Object对象temp(也就是后来的F.prototype),使temp.constuc... 阅读全文