03 2014 档案
摘要：#浅谈浏览器兼容性问题-（4）工具及调试##前言浏览器兼容性的问题，即使积累得更多，也会有新的问题出现。此时我们就需要会（利用工具）调试及解决问题。下面以一个滚动条宽度位置的问题为例说明此点。##问题这个网址下的表格，在IE7模式下，会有一部分的内容被滚动条覆盖了##解决我们要利用`开发人员工具`，**一层层循序寻找看是哪个元素导致的问题**，是里面的太大，还是外面的太小？其实图中我已经找好了，是里面的表格元素大了一点，而且是IE7下面才有的问题，所以，
阅读全文
摘要：#浅谈浏览器兼容性问题-（3）他山之石整理##前言我们除了在自己的实际项目中总结遇到的兼容性问题，还要通过网络及其他途径收集，以拓宽自己的视野思路。网络上的方案可以分为两类，一类针对某个点，解决一个常见的BUG；另外一类针对方法，解决特定版本下浏览器的问题##点###举例* margin及padding在各浏览器下不一致的问题，解决方法一般是`*{margin:0;padding:0;}`，在aliceui中是```body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,
阅读全文
摘要：#浅谈浏览器兼容性问题-（2）本人解决方案理解与积累##前言 接着[前一篇](http://www.cnblogs.com/p2227/p/3593087.html)吧，我们除了正确看待，还要有一定的解决方案积累。当然，IE没有公开的源代码，所以有很多内容只能是记录，在使用中熟记于心并提前避免。##【HTML/CSS】名(chou)扬(ming)天(yuan)下(bo)的IE6双倍边距问题###思考网上有很多关于该问题的文章，园子里面也有很多，[戳我](http://www.cnblogs.com/YAOXI/articles/1691265.html)。这些大多是从“已知问题”的角度去解决，
阅读全文
摘要：#浅谈浏览器兼容性问题-（1）产生、看待与思考##兼容性问题是如何产生的首先我们看一则笑话，[如果用枪来比喻各浏览器的话](http://tieba.baidu.com/p/2696301403)，其中chrome,ff等都是NB轰轰的枪。而IE？渣就算了，枪头还要反过来？这是闹哪样。再回归正题。2001年微软发布了XP和IE6，在当时是**世界上标准执行得最高的浏览器**，并且有很多私有技术和容错技术，使得顶峰市场份额达到98%。于是骄傲的微软不理睬W3C，W3C也把微软抛弃，两家分道扬镳越久，标准的相差就越来越远。遗留下的兼容性问题就交到了现在的前端开发者身上了。说白一点，浏览器是一个(X
阅读全文
摘要：前端经典笔试题（腾讯前端，三栏布局）旧公司辞职的工作已经做得七七八八了，今天去了一家公司招聘会，周末的招聘会，说明还是有心要找人的。刚去到，感觉人特别的多。不过一个小时的笔试过后人已经见少了。其中有一首题，觉得特别经典，当时在搜索笔试题时有见过，源于腾讯的一道题。当时感觉纯笔头写有纰漏，在此重新写一篇。实现一个三栏布局的网页，中间部分要自适应宽度并且优先加载。左边宽150px;右边栏宽200px;我的思路：既然左右有固定宽度，当然要设置了。中间优先加载，按照HTML顺序解释的原则，即中间放在文档前面。而中间放在前又会影响文档流的布局，所以在此改变一下元素的相对位置即可，解法应该有不少，解法网上
阅读全文
摘要：#浅谈web语义化##web语义化是什么HTML5标准出来的时候，我曾经诧异为什么要定义这么多header footer nav article标准，DIV不挻好的嘛，方便开发人员记忆啊。但当页面开发完，面对所有都是DIV标签的网页，就会混乱了，到底哪里是页头，哪里是正文。当然我们可以用浏览器打开，F12一下，就一目了然了，但如果是网络爬虫，那就没这么容易识别到这个东西了。引用wiki的定义，[语义化](http://zh.wikipedia.org/wiki/%E8%AF%AD%E4%B9%89%E5%8C%96)是前端开发里面的一个专用术语，其优点在于标签语义化有助于构架良好的html结构
阅读全文
摘要：#浅谈表现与数据分离##表现与数据分离是什么伴随着一个程序的业务逻辑，会产生数据；数据从持久层抽出，经过一定逻辑，就会表现到程序界面上。一个程序在界面上的表现和保存下来的数据不应该是耦合的，数据应该可以对应多个表现界面。我们常说的表现与数据分离一般是指实现这个现象的技术，尤其是指一种代码组织的方式。##常用方式`MVC`是我们经常听到的一种代码组织方式，用于使表现与数据分离。传统的MVC结合HTTP请求，把respone到浏览器的HTML全部算作为V。web2.0兴起后，在HTML上也包含着较多的业务逻辑，于是前端的MVC也逐渐产生，并有`MVVM`等新的针对于前端的代码组织方式及其他MV*框
阅读全文
摘要：#浅谈w3c标准##w3c标准是什么w3c标准包括多个方面，官方是从应用角度分的，相关的文档可以戳[这里](http://www.w3.org/standards/)。如果从WEB技术角度，可以分为三个方面的标准：**结构、表现、行为**。结构主要指(X)HTML标准，包括各种标签的名字、属性、语义及其他相关标准。表现主要指CSS，包括各种定位、颜色、大小等方面的标准。行为主要指Javascript，其实主要由ECMA国际制定的标准，但由于在万维网上广泛应用，开发人员也要关注。Javascript的词法、表达式、语句等方面也有一系列的标准。Javascript没有像Java JDK那样的现成二
阅读全文
