摘要：
在网上查阅了不少关于innerHTML的性能比较，一直只是间接的得到结果，今天就自己动手写了下非常简单的几个动态添加HTML方法的性能比较，当然，这其中的有许多考虑不周的地方，纯粹是为了比较运行时间，并没有考虑内存等资源的消耗，算不上真正的性能比较！下次有时间，进行个完整的性能测试，包括CPU,内存等资源消耗... 废话不多说了，代码里面有动态添加HTML的方法的简单说明，少了几种比较复杂的方法，例如：利用cloneNode（），理论上比直接create性能能提高30%左右，当然不同的浏览器实际测试时间很大不同。下面看看详细的测试代码！<html> <head> ... 阅读全文
随笔档案-2013年03月
夜深人静——再谈margin：0 auto；居中的原理
2013-03-30 00:00 by MoltBoy, 4540 阅读, 收藏,
摘要：
刚刚学习CSS的时候，经常需要用到块元素居中，于是乎度娘、google一番，当然查专业资料建议用google，题外话！学会了给块元素设置个width，然后给margin特性设为0 auto，如此块元素便缴枪投降，乖乖居中了。 那是为什么呢？这中间的原理和实现过程是如何呢？夜深了，待我喝杯咖啡，慢慢说来！ 上一篇文章谈到了盒子模式，这个居中的原理也用到了盒子模式的知识点。块元素的水平方向有七个宽度属性：①、左外边距，②、左边框，③左内边距，④元素宽度（width），⑤右内边距，⑥右边框，⑦右外边距。，正常文档流中，七大属性排排坐，宽度刚好是元素包含块的宽度，也是父元素的width（内容宽度），. 阅读全文
谈谈几大Box Model以及Element Width、Element Background Width和Containing Block Width
2013-03-29 23:13 by MoltBoy, 546 阅读, 收藏,
摘要：
从最初认识Box Model（盒子模式），抱着神秘和期待的心情，一心想着盒子里装了什么？盒子什么结构？为何叫盒子模式？ 先从盒子模式的叫法谈起吧！在一些大牛的书上活着博客上，看到了这么几个盒子模式：IE Box Model、W3C Box Model、CSS Box Model。其实比较起来，W3C Box Model和CSS Box Model只是叫法上面的区别，实质内容完全等同（===）。而IE Box Model和另外两种有一定的区别，主要在于宽度和高度的取值方面。 在盒子模式中，宽度又弄出了许多个概念来，内容宽度（content width）、内边距宽度（padding width.. 阅读全文
HTML、CSS和JAVASCRIPT三者关系
2013-03-29 10:38 by MoltBoy, 605 阅读, 收藏,
摘要：
接触这三样技术有一段时日，也算是刚刚入门吧，但一直把前端开发看成一门艺术，而这门艺术需要这三样技术的完美结合，只有将其配合的天衣无缝才能做出精工细琢的作品！ 三者好比舞蹈演员，HTML结构如同演员的身体结构（身高、五官、发质等条件），CSS样式就像演员的服装和装饰（化妆、发型、服装等外观元素），JS就如同演员的舞蹈动作、表情等交互性的元素，观众只有欣赏到服装精美，动作流畅，能通过动作表情表达出舞蹈的内部涵义的舞蹈，才会给予热情的掌声！要做到这些，必须明白一句话，台上一分钟，台下十年功！PS：src和href的区别一直没有大牛出来详细说明，目前除了概念性的区分，一直还不明白为何在个元素使用不同. 阅读全文
首次随笔（2013.3.27）
2013-03-27 20:22 by MoltBoy, 209 阅读, 收藏,
摘要：
最近看了许多技术方面的博客，很多都是引用类型一般，直接指向博客园（内存堆），因此也注册了一个账号，又名MoltBoy，示意年年蜕变，成为顶牛！ 我一直认为人只分为两种：失败者和成功者，之所以把失败者放在前面，是因为成功者都经历了许许多多的失败和磨难。其实，失败并不可怕，关键在于你失败了后，你为此做了什么，有没有决心改变态度和习惯，重新站起来！ 阅读全文
浙公网安备 33010602011771号