词条 | Web标准之道:博客园精华集 |
释义 | 本书由博客园知名博主联手打造,涉及Web标准、HTML/CSS、JavaScript、SEO优化等诸多领域,内容新颖,观点独特,妙语连珠。本书并不是一本由代码和技巧堆积而成的集合,更多的是探讨了Web设计中若干理念和心得,其中多为经验之谈。 作 者: 阿一,棕熊,李战,丁学 编著 出 版 社: 人民邮电出版社 出版时间: 2009-8-1 页 数: 297 开 本: 16开 I S B N : 9787115208972 包 装: 平装 定价:35.00 编辑推荐推荐一博客园的草根技术文集,博客园五年精华与沉淀,众多MVP倾情奉献。 这是一本关于web标准、前端编程、网站优化的集成大作,代表了博客园在web领域的最高水准。 所选文章大多是经验之谈,所谓技术人士的“心灵老鸭汤”;全书最有撼力的文章,莫过于Cat chen的《欲练CSS,必先宫IE》;鸟食轩和老赵的文章偏实用,主要集中在Javascript领域,爆牙齿的《重构之美》系列,则有“采菊东篱下,悠然见南山”的意境。 推荐二《Web标准之道:博客园精华集》由人民邮电出版社出版。半年前,在博客同这杆大旗下的感召下,一群园友聚到了一起,组成了博客园精华集编委会,酝酿着一出好戏。这期间,有过争执,但更多的是合作。长期的磨合,使得来自五湖四海的编委会成员互相熟悉,甚至无话不谈。这,也是一种财富。今天,博客园这坛好酒,在陈酿了五年之后,终于要开封了。这是一本关于Web标准、前端编程、网站优化的集大成之作,代表了博客园在Web领域的最高水准。所选文章大多是经验之谈,所谓技术人士的“心灵老鸭汤”:全书最有撼力的文章,莫过于Cat Chen的《欲练CSS,必先宫IE》;鸟食轩和老赵的文章偏实用,主要集中在Javascript领域;爆牙齿的《重构之美》系列,则有“采菊东篱下,悠然见南山”的意境。 妙笔生花之作不胜枚举,正所谓:备美酒兮以飨佳朋,身心俱醉。博客园的草根技术文集,博客园五年精华与沉淀,众多MVP倾情奉献。 内容简介无论对于从事Web前端设计的人士,还是对于那些从事Web后端编程的技术人员,本书都极具参考价值。其中时常有颠覆传统之作,个中滋味,请读者自行品味。 目录第一部分HTML/CSS谈谈网页设计中的字体应用(1) Font Set ......................................... 1 目前的网页还是以文字信息为主,而字体作为文字表现形式的最重要参数之一,自然有着相当重要的地位。可惜字体的重要性在很长时间内并没有得到足够的重视…… 谈谈网页设计中的字体应用(2) serif 和sans-serif.............................. 4 有多少人可以正确的使用它们呢?有多少人真正了解这两个通用字体族呢?让本文给您一个最清楚深入的剖析吧 谈谈网页设计中的字体应用(3) 实战应用篇·上 .................................. 9 谈谈网页设计中的字体应用(4)实战应用篇·下 ................................. 13 纸上谈兵终是虚,让我们在战场上学习更多的技能 让CSS区分各种各样的<input> ................................................. 18 <input>实在太多了,但它们却不可能使用相同的样式,当我们不想添加成片的class时,试试这里的方法吧,四个解决方案,总有一个您需要的 一个常被问道的问题:如何让层盖住<select>..................................... 25 IE6依然是目前的主流浏览器,IE6的<select>也一直“高高在上”,经常遇到的问题却成为一直以来的话题,本文将为您展现终极解决方案 兼容IE, Firefox 的图片自动缩放的CSS ........................................ 29 厌烦了写大量的JavaScript来控制一个个的图片?那么来用CSS吧!(当您不能确定expression将会带来什么的时候,请谨慎使用) 第二部分WEB标准web标准页面设计――要注意的很多.............................................30 本文是作者在做完一个大型项目之后的总结,提到了很多方面,相信这些知识点对所有走在WEB标准化道路上的人都有很大的帮助 欲练CSS ,必先宫IE ......................................................... 36 Win国天下,欲练CSS之人不在少数,大多不得要领,又或是走火入魔,全为IE所累。故曰:欲练CSS,必先功IE 你有<table/> 强迫症吗? ...................................................39 如果你宫了IE然而还是觉得不得要领,那就该怀疑自己是不是有传说中的table强迫症了 根本不存在DIV + CSS布局这回事 ............................................. 41 看了上面的两篇,您是不是已经开始拿DIV+CSS布局来和table布局进行比较了?实际上,用于布局的只有CSS,根本不存在DIV+CSS布局这回事 慎用XHTML 标签的自关闭写法................................................ 44 请注意:并不是所有标签都可以自关闭! web标准不标准 ..............................................................46 一群会用table蹩脚布局的网页初学者嘲笑着那些对网页制作一窍不通的门外汉;而一群自认为table布局无所不能的table布局拥护者则嘲笑着那群用table蹩脚布局的网页初学者;那些刚试着将几个页面中的table换成div的所谓的web标准设计者则嘲笑这那群死抱table布局不放的table布局设计者;而一群焦头烂额终于在网站上贴上“W3C验证通过HTML网站”图标的自认高高人的web标准设计者则嘲笑这那群以为“DIV+CSS”就是web标准的web标准设计初学者;但是当我们把我们的网页放在不同的浏览器中的时候,却发现我们全部都被“WEB标准设计”嘲笑了…… 走在Web标准化设计的路上[唠叨先] ............................................50 晕,现在才谈XHTML是不是太晚了点,这东东2004就火了一把了。其实,作为一项技术,没有火与不火的说法,也没有早与晚的说法。技术的生命力和火没有关系,不知道不理解没学会怎么都不晚 走在Web标准化设计的路上[振臂一呼:CSS, Stop! ] ...............................52 近几年WEB标准的推广变成了CSS的推广,CSS重要吗?我们不要CSS行不行?你找一大堆完全合理的理由……“行不行?”“行!”那就对了,我说不要你的Css,我要他的Css,又行不行?那么和xhtml相比,Css重要在哪里? 走在Web标准化设计的路上[深入结构:理解h系列的不合理] ........................54 问题:HTML中的六个标题Tag(h1/h2/h3/h4/h5/h6),设计是否合理?理由?解决办法? 走在Web标准化设计的路上[对HTML/XHTML/XML/XSL的一些认识] .................... 59 让我们从这里开始更深入的了解这些L们 走在Web标准化设计的路上[深入结构:合理运用div和span。] ..................... 62 把div看成是布局元素的人非常多,类似有“用div代替table进行布局”、“实战CSS+DIV布局”等等等等,太多了,可是,div却不是布局元素,更可怕的是XHTML中根本不存在一个布局元素…… 走在Web标准化设计的路上[深入结构:div再议以及对span的迷惑。] ............... 66 上篇文章中主要否定了使用div进行布局这种说法,提出div应当用于组织代码结构,现在我们再深入一点,div拥有语义吗? 走在Web标准化设计的路上[复杂表单] ..........................................70 走在Web标准化设计的路上[复杂表单:Reloaded] .................................73 一直有种说法:table用于数据表,对于复杂表单,table也是最好的选择,那么,到底复杂表单是否应该使用table? 走在Web标准化设计的路上[深入语义:列表和表格的抉择。] ........................ 80 问题:XHTML中的列表Tag(ul/ol)和表格Tag(table)区别何在?对于单列多行下的数据表,如何判断和选择? IE7标准之道——1:更丰富的CSS选择符........................................ 85 IE7最令网页设计者兴奋的改进,便是支持更多、更丰富的CSS选择符,使得IE7可以更方便的实现一些在IE6很难实现或者无法实现的效果。下面就让我们看看这些令人兴奋的、IE7新支持的选择符 IE7标准之道——2:引起页面布局混乱的祸首 .................................... 97 页面乱了!谁搞的?让本文带您进入侦探之路…… IE7标准之道——3:歌剧院魅影bug.............................................116 估计很多的朋友都对这个华丽的“歌剧院魅影”有眼前一亮的感觉,其实这纯粹是一个标题党作为,这个bug和歌剧院半毛钱关系都没有。这个bug在国际上比较获得认可的名字叫做——“IE6重复文字bug”。这是一个非常好玩但是有很令人摸不到头脑的bug IE7标准之道——4:上去了!终于上去了! ....................................... 120 这个IE6一个很著名且诡异的bug,很简单,也很容易重现,说白了就是:列表框(select)一直把div踩在脚底下。因为这个bug,不知道多少浮动菜单被破坏 IE7标准之道——5:置换元素与行距bug........................................ 125 也许您没有听说过“置换元素”这个词,但这个问题您一定遇到过 IE7标准之道——6:float双倍margin bug ..................................... 132 很出名,很常见,很简单,如何修正呢?这里有最好的答案 IE7标准之道——7:躲猫猫bug ................................................138 我的文字不见了!躲哪里去了?IE开发团队都不知道,我们怎么可能知道?但是我们却有办法找出这个猫猫 IE7标准之道——8:疯了的边框线 .............................................143 疯了,边框线算是彻底的疯掉了,这里却没有“为什么”,还好,我们有“怎么办” 第三部分 安全与优化Web开发中你注意这些问题了吗?(前台构架篇) ................................. 150 Web2.0带给我们更好的用户体验和更炫更酷的效果,Javascript,Flash, Silverlight都是跃跃欲试。于是,我们网站中有了越来越多的JS和CSS的文件和代码,随着数量的增多,如何管理这些文件和这些代码、如何通过合理的方式来提升性能,已经是我们必须面对的问题 如何利用客户端缓存对网站进行优化 .......................................... 155 你的网站在并发访问很大并且无法承受压力的情况下,你会选择如何优化?很多人会回答服务器缓存,其实这里有更好的方式,客户端才是我们真正的战场 如何提高网页的效率(上篇)——提高网页效率的14条准则 ........................ 159 网站最基本的东西是什么?——内容?SEO(搜索引擎优化)?UE(用户体验)?都不对!是速度! 如何提高网页的效率(下篇)——UseYSlow to know why your web Slow ............. 168 工欲善其事,必先利其器,上篇讲到网站最基本是速度,这一次将为大家带来很好用的工具,来协助我们提升网站的速度 关于web应用程序安全的思考.................................................. 174 没有绝对的安全,在WEB上更没有,那么对于一个WEB程序来讲,至少我们应该做到:如果让自己(一个有经验的web开发人员)来攻击这个系统,不能做到。http协议是开放的﹐因此谁都能向网络上公开的web服务器发送request请求﹐要求一个URL,而可惜的是,web服务器对于请求方的识别能力是很低的。使用URL进行安全管控的关键不是判断URL,而是判断每次request,检查每次request是否合法,以防止安全漏洞 SEO--我们是不是走错了路?................................................203 多少公司把钱给了搜索引擎?多少人每天为SEO而工作?我们的工作是必要的吗?SEOer的存在是正确的吗?是不是在这条路上我们走进了迷途?存在即是合理,但我们依然可以停下来想一想,什么才应该是我们真正的追求…… 第四部分 JavaScriptJavaScript变量作用域及可访问性的探讨 ......................................205 永远的话题,永远的焦点,不过,你可能永远无法找到比这里更好的探讨 Javascript中的this关键字..................................................212 你不知道的JavaScript – “this” ........................................... 221 两大高手共论“this”:太常用了,所有写过JavaScript的人都用过,以至于我们每个人都会认为自己很了解它,但是,我们真的了解吗?是不是在我们的理解之外,还有什么是我们没有想到的呢?看过这两篇文章后,你会发现一个与你原来的理解所不一样的“this” JavaScript代码压缩、加密算法的破解分析及工具实现 ...........................227 现在网上很多JavaScript都进行了压缩,同时代码变得不可直接阅读,也相当于一种简单的加密了,本文对其中一种典型的算法进行分析,介绍如何解密代码以及重新实现的压缩工具算法 JavaScript Table排序.......................................................237 网上也有很多其他的table排序函数,但有的是基于数组,有的不够灵活。这一个能在原有table结构上加入功能,不用太多改动,基于OO的结构也易于使用(当然前提是对js有一定认识)。这里只是满足基本需求,你可以自己动手扩展 设计模式在JavaScript中的应用(1) – MVC ..................................... 244 采用了设计模式,无疑您的程序将具有更好的健壮性,可维护性以及易读性。所以,作为能工巧匠的您,也一定不会放过令程序蓬荜生辉的机会。让我们一起领略MVC模式 设计模式在JavaScript中的应用(2) – Observer ................................ 252 上篇我们讨论了Web开发中最重要的设计模式MVC,这一篇我们要讨论的是Observer模式,与MVC这样的大型设计模式相比,Observer模式则要轻量很多 JavaScript面向对象之属性实现 ..............................................257 属性是对私有变量的一种保护手段,同时提供了像public变量一样的使用效果,近代的高级编程语言例如C#和Java都支持了属性这一特点,让我们在JavaScript里实现相同的功能吧 基于“甘露模型”的多重继承和接口实现,附带“准”桥接模式的验证 ................ 260 你是否听过“甘露模型”呢?那你是否觉得它在某些地方还不是特别完善?那么,在这篇文章里,让我们继续这个话题,让甘露来得更多一些吧 在JavaScript面向对象编程中使用继承(1) ..................................... 267 在JavaScript面向对象编程中使用继承(2) ..................................... 272 在JavaScript面向对象编程中使用继承(3) ..................................... 274 在JavaScript面向对象编程中使用继承(4) ..................................... 277 在JavaScript面向对象编程中使用继承(5) ..................................... 279 挣脱浏览器的束缚(1)- 别让脚本引入坏了事 ..................................283 挣脱浏览器的束缚(2)- 两个连接还不够“并行” ................................288 挣脱浏览器的束缚(3)- 王道!动态添加script元素 .............................292 挣脱浏览器的束缚(4)- 哭笑不得的IE Bug .....................................296 |
随便看 |
百科全书收录4421916条中文百科知识,基本涵盖了大多数领域的百科知识,是一部内容开放、自由的电子版百科全书。