摘要：准备阶段vertical-align取值及含义：值含义baseline默认。元素放置在父元素的基线上。top把元素的顶端与行中最高元素的顶端对齐text-top把元素的顶端与父元素字体的顶端对齐middle把此元素放置在父元素的中部。text-bottom把元素的底端与父元素字体的底端对齐。bott... 阅读全文
元素的各种宽高
2015-10-25 18:09 by autrol, 553 阅读, 0 推荐, 收藏, 编辑
摘要：知道元素的各种宽高非常重要，下面举一个例子说明含义： 效果：虽然test.scrollHeight的值在不同浏览器中不同，但是计算的方法还是"内容高度 + padding"；因为在Chrome浏览器下，padding-bottom被渲染出来，所以结果是220。下面我们对一些特殊的宽高值进行介绍... 阅读全文
float属性
2015-10-25 11:41 by autrol, 986 阅读, 0 推荐, 收藏, 编辑
摘要：float属性介绍float给人一种捉摸不透的感觉，不过可以依照浏览器的解析机制(根据HTML文档，从上往下解析)，对float属性了解一二。float有四种值：none/left/right/inherit，我们主要关注的是left/right。float的出现，最初是为了实现图文环绕的效果，后来... 阅读全文
去除行内(inline/inline-block)元素之间的间距
2015-10-22 23:05 by autrol, 1146 阅读, 1 推荐, 收藏, 编辑
摘要：先展示一下，行内元素之间存在间距，实例代码如下：inlineinlineinline-blockinline-block运行代码的效果：为什么会出现间距呢？？真正意义上的水平呈现的行内元素间，换行显示或空格分隔的情况下会有间距。既然知道了出现间距的原因，接下来讨论去除行内元素之间的间距，推荐几种通用... 阅读全文
JS错误捕获
2015-10-20 10:25 by autrol, 493 阅读, 0 推荐, 收藏, 编辑
摘要：try/catch/finally错误捕获try { //一旦try中出现错误，直接跳到执行catch的内容，执行完catch的内容，代码继续执行 throw new Error('错误'); //发生错误 console.log("此条语句未被执行");} catch(e) ... 阅读全文
Velocity模板引擎语法
2015-10-19 20:47 by autrol, 26467 阅读, 5 推荐, 收藏, 编辑
摘要：Velocity 模板引擎介绍Velocity是一个基于java的模板引擎（template engine）。它允许任何人仅仅简单的使用模板语言（template language）来引用由java代码定义的对象。当Velocity 应用于web开发时，界面设计人员可以和java程序开发人员同步开发... 阅读全文
this的指向
2015-10-17 11:40 by autrol, 249 阅读, 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, 3919 阅读, 0 推荐, 收藏, 编辑
摘要：首先说一下readonly属性的应用场景表单中，不能编辑对应的文本，但是仍然可以聚焦焦点在提交表单的时候，该输入项会作为form的一项提交（目的）这里要说一下disabled和readonly的不同，如果一个输入项的disabled设为true，则该表单输入项不能获取焦点，用户的所有操作（鼠标点击和... 阅读全文
JS对象之间的关系
2015-09-12 15:34 by autrol, 531 阅读, 0 推荐, 收藏, 编辑
摘要：JS对象类型JS中，可以将对象分为"内部对象"、"宿主对象"和"自定义对象"三种。1、本地对象ECMA-262定义为"独立于宿主环境的JS实现提供的对象"。简单来说，本地对象就是JS定义的类（引用类型）。它们包括：Object/Function/Array/String/Boolean/Number... 阅读全文
JS函数创建的具体过程
2015-09-12 13:32 by autrol, 743 阅读, 0 推荐, 收藏, 编辑
摘要：JS函数创建的过程：1、新建Object对象F，类型设置为Function2、设置F.__proto__ = Function.prototype3、设置F.constructor = Function4、新建Object对象temp(也就是后来的F.prototype)，使temp.constuc... 阅读全文