天才的茅屋 – TC

现在铺天盖地的浏览器产品，弄得大家眼花缭乱，于是人们开始站在各自的立场为选用哪款浏览器吵得不可开交。但我发现好多人在面对这些浏览器时，似乎只依赖于广告信息和盲目跟风，而自己并不是很清楚各种浏览器的优劣。大多数人甚至洋洋自得的抓住一个根本不算特点的特点，到处去对比那些毫无可比性的对比。至于类似“傲游加载网页的速度比IE快多了”这样的理由，也算是以讹传讹的笑话吧。更加可悲的当属像我们这群做WEB前端开发的，同时跑着七八个浏览器，面对一堆束手无策的兼容性问题，也只有一脸苦笑地发出这个浏览器垃圾，那个比这个更垃圾的感叹。

先普及一下基础，每个独立的浏览器产品，从通俗意义上讲都是由两部分组成，浏览器的外壳和内核。其中外壳主要为用户提供界面，以及产品的一些扩展功能。一个好的外壳会带来良好的用户体验，是产品抓住用户的关键，例如傲游(Maxthon)的操作性和Firefox的大量插件和可扩展性。而内核（Layout Engine, 也叫 Rendering Engine, 译作排版引擎或渲染引擎）则负责对HTML, Javascript及CSS等页面代码进行解析和渲染，不同的内核渲染出来的页面可能会不同，这也是页面开发者面对头痛的兼容性问题和W3C致力推出一个WEB前端标准的原因。浏览器内核直接决定了页面加载的速度和渲染出来的样子。

目前主流浏览器市场大都有以下几种浏览器内核：
阅读全部内容 »

圆角效果经常被运用到页面设计上，而前端实现圆角却始终是个不大不小的难题。如想达到大多数浏览器兼容，尤其是对IE的兼容，通常需要用到图片或多个box来模拟，增加冗余代码不说，也确实是个不太简单的事情。

曾经考虑用javascript封装函数，在页面加载时触发事件，自动生成各种各样的box来模拟圆角效果，从开发的角度一劳永逸。但事实往往不尽如人意，这样做当遇到圆角+边框的效果，会有很多麻烦的兼容性问题。

其实衡量后发现要达到圆角效果并不难，只是要兼容IE浏览器会很麻烦。综合考虑仅仅为了IE而增加大量冗余代码来实现圆角这么简单的效果，实在是得不偿失的，因此考虑放弃对IE的兼容。
阅读全部内容 »