摘要： 温故而知新 ———— 最近温习了一遍Javascript 语言，故把一些基础、概念性的东西分享一下。 (下面内容大都为条目、索引，是对知识点的概括，帮助梳理知识点，具体内容需要查阅资料) JavaScript 数组 JavaScript 函数基础 Javascript 运算符 JavaScript 流程控制 JavaScript 正则表达式 ... 阅读全文

摘要： 昨晚，朋友拿了一道题问我： a.onclick = function(){ setTimeout(function() { //do something ... },0);};JavaScript API 文档明确定义：setTimeout的第二个参数意义为隔多少毫秒后,回调方法就会被执行。那么可以推断出：这里设成0毫秒,就立即被执行了。 —————— 既然立即执行... 阅读全文

摘要： setTimeout和setInterval的基本用法我们不谈，无非是1.指定延迟后调用函数，2.以指定周期调用函数 让我们想象一个意外情况，比如说下面的setInterval setInterval(function () { func(i++);}, 100)我们以每100毫秒调用一次func函数，如果func的执行时间少于100毫秒的话好办，在遇到下一个100毫秒前就能够执行完：但... 阅读全文

摘要： Over the generations, people realized that math is not fun, so a new CSS property called box-sizing was created. When you set box-sizing: border-box; on an element, the padding and border of that elem... 阅读全文

摘要： #main { max-width: 600px; margin: 0 auto; }Using max-width instead of width in this situation will improve the browser's handling of small windows. This is important when making a site usable on mob... 阅读全文

摘要： 虽然写过很多css代码，但每次动手写都让我痛苦不堪，如何组织好那一堆堆的代码，如何提高代码复用率，甚至如何命名类，这些都让我纠结。下面的浅显的谈一谈在看了《编写高质量代码》中的html和css部分以及搜索网络上一些相关资料对编写高质量的HTML和CSS的一些基本认识。 HTML 在说css之前必须先说说html ，没有它css是浮云。就像是要建栋别墅，光有那些装饰品（css）没有房子基本的结构... 阅读全文

摘要： 老是被人问到px、pt和em的区别，自己有时候也会纠结到底该用什么单位，今天特意查了一些文章，下面这篇虽然很久远了，但解释的比较全面，转载收藏之。点击查看原文 这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章，题目有点吓人，但是确实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚px与em之间的关系和特点，看过以后确实收获很大。平时都是用px来定义字体，所以无法用浏览器字体... 阅读全文

摘要： jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。对于网页开发者来说，学会jQuery是必要的。因为它让你了解业界最通用的技术，为将来学习更高级的库打下基础，并且确实可以很轻松地做出许多复杂的效果。虽然jQuery上手简单，比其他库容易学会，但是要全面掌握，却不轻松。因为它涉及到网页开发的方方面面，提供的各种方法和内部变化有上千种之多。初学者常常感到，入门很方便，提高很困难。目前，互联网上最好的jQuery入门教材，是Rebecca Murphey写的《jQuery 阅读全文

摘要： 在各个浏览器的JS中,有很多个让你十分囧的属性,由于各大厂商对标准的解释和执行不一样,导致十分混乱,也让我们这些前端攻城狮十分无语和纠结>_<John Resig大神说过,动态元素有3个至关重要的元素,位置,尺寸和可见性.所以,今天,先拿几个页面位置属性开刀.一.PageX和clientXPageX和clientX ,这个两个比较容易搞混,PageX:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化clientX:鼠标在页面上可视区域的位置,从浏览器可视区域左上角开始,即是以浏览器滑动条此刻的滑动到的位置为参考点,随滑动条移动 而变化.真拗口,直接上图 阅读全文

摘要： 块级元素(block)特性： 总是独占一行，表现为另起一行开始，而且其后的元素也必须另起一行显示; 宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制; 内联元素(inline)特性： 和相邻的内联元素在同一行; 宽度(width)、高度(height)、内边距的top/bottom(padding-top/pad... 阅读全文