易栈网-膘叔

这是今天中午发生的事情，有人在群里求助，比如xml中如果标记是<xx:xxxx>content</xx:xxxx>这样的情况下，取不到 xx:xxxx 为下标的值。
看了这个问题，第一个反应就是namespace的关系，但我从来没有使用simplexml操作过namespace，于是就翻开手册查了一下资料，问题并没有解决，最终是通过google解决了该问题。

提问题的朋友贴出了数据源，来自于：http://code.google.com/intl/zh-CN/apis/contacts/docs/3.0/developers_guide_protocol.html#retrieving_without_query，数据结构大致如下：

这个结构在上面的地址里有，这个是我格式化过的XML数据，现在要取得类似于“<gd:phoneNumber rel='http://schemas.google.com/g/2005#home'        primary='true'>        456      </gd:phoneNumber> ”中的值。

最终代码如下：

当然，如果不象上面这样写，也可以写成这样：

只是象第二种写法就属于硬编码了，这样不太好，万一哪天有变化，还得再更改N多代码。
问题接踵而来，比如象下面这段：

这种非标准的XML，没有定义命名空间，怎么办？在这种情况下，其实SimpleXmlElement就已经直接可以解决了，但是会报warnging,因为他认为event这个命名空间不存在。
解决方法是：

目前看来，这种解决方法比较好。

这个玩意，纯收藏了，象QuickSand这个玩意已经被很多人转过了，每年都能在各个推荐中出现，真没劲。还有colortip，如今其实已经真不算稀奇了吧。不过还是转一下，因为对其中有两个插件非常感兴趣：Lettering.js和Masonry。

好吧，上原文【文字版】：

在前两周国外知名博客WDL先后分享了“2010最佳系列”中的“最佳免费WordPress主题”和“最佳免费字体”， 在这个星期又发布了2010年最佳jQuery插件。在2010年，JavaScript框架继续日渐普及，这使得大量的插件被开发出来。满目琳琅，难以 选择心头之好。WDL的作者从大量的优秀jQuery插件精心筛选出一些对Web Designers有帮助的和具备非常不错的视觉效果的Best of the best。

2010年最佳jQuery插件（排名不分先后）：

Nivo Slider

一个加载设置拥有9种过度效果的超级smooth slider，它还支持如链接图像和键盘导航等内容。

Quicksand

通过一个非常不错的洗牌动画实现选项内容重新排序，只需要指定源容器和替换源的目标collection 。新元素将会以奇特缩放+阿尔法效果出现，消失的元素(non-existant in destination collection)平滑地消失或重新排位，移动到它们的目标位置。

Spritely

Spritely 是一个由Artlogic开发的 jQuery插件，用于使用纯HTML和JavaScript创建动态物体和背景动画。

Lettering.js

Lettering.js是一个轻量经的、易于使用的 jQuery插件，可创造出极具个性的网页排版。

Colortip

Colortip可转换你的页面元素的标题属性为一系列色彩丰富的提示（当你的鼠标移动到不同的标题上会出现不同颜色的字体文本提示）。支持六种色彩主题，这样你可更加容易融合到你的个人网页中去。

Masonry

Masonry是一个 jQuery布局插件. 你可以将它看作CSS floats的另一面。浮动元素的排列是先水平后垂直，Masonry排列内容是根据一个网格先垂直后水平的。

gvChart

gvChart是一个使用Google Charts了的jQuery插件，可通过HTML table tag的数据实现交互可视化。它非常容易上手，此外它支持创建五种风格的图标。

Animated table sort

这是一个用于创建表格的jQuery插件，所创建的表格可以根据不同的列项目进行A-Z，升序排列，切换效果非常不错。

jQuery Image Scale Carousel

网站图片保持完整的纵横比比什么都重要。这个jQuery插件可以完美地在slider展示你所有的图片，而不需担心产生变形。 jQuery Image Scale Carousel插件自动改变你所有图片到适合大小，一切都是那么的简单。

YoxView

YoxView是一个免费的多媒体播放jQuery插件。它易于使用，功能丰富。你可以用它来展示各种媒体，如图像，视频，内嵌的内容，iframes，Flash等等。

MK编译  via  WDL

原文地址:http://www.x-berry.com/best-jquery-plugins-of-2010

--EOF--

然后那个gvchart也可以，方便你调用了google chart的一些参数了

那天，看完了王建硕的一篇博客菠萝和筷子的故事，当然我不可能上升到他这样的高度，不过我也可以针对这个说 一下我自己的想法。

或者在上海的用户都会知道有篱笆网，曾经去过该网站的用户或者都知道，它的网站有多么的丑多么的丑，但并不妨碍他们赚钱有赢利。网站只是一个提供信息的平台，王建硕说［至于用户嘛？有了菠萝，他们自然会找到筷子的替代品的。］

所以，经过我慎重的考虑，我决定在我下一个自己的项目中，页面仅支持IE 系列的正常，其他平台的不作考虑了。我不是一个成熟的商业平台，自然不用去考虑那么多东西，否则在上面花费大量的精力实在不是一件好事。

不谈别的，就谈我自己的博客吧，因为我用的是量子统计，因此对于客户端分析的搜索时间跨度只有一个月，我把我最近一个月的数据贴出来（当然我的博客的IP／PV都不算太高，而且很多可能是技术人员。但即使这样）：

操作系统：

浏览器：

好奇怪，看我的博客的人居然是Safari浏览器居多，奇了怪了，不过，即使是这样，IE678的份额还是占了50％，既然这样，在一些新项目中，我何必在乎那50％的人呢。说白了，不是开发人员，不是有MAC，有多少人会用safari？firefox？所以嘛。。。。

一家之谈，随便发发牢骚，就象一个同事的转贴：

以后，每逢周末就乱七八槽写点东西吧。精力有限，而无限制的转载其实意义也不是特别大，除了给自己做笔记外，其他的作用也真不是太大

1、来自yhustc的：微软亚洲研究院面经，因为我不知道Qzone非好友是否能够打开，如果不行，留言给我，我全文转载吧。这里转他的最后6点所谓的心得：

2、博客园的棍子上的萝卜推荐几本javascript与jquery的好书。前端用户可以看，话说那本PPK谈javascript我也有，确实感觉很简单。。然后作者在书中介绍了一个网址，有一些JS的参考手册哦：http://stephen830.javaeye.com/category/57459。

然后很奇怪的是发现这个域名居然是javaeye，然后又很奇怪的发现，它居然可以打开了，好奇怪的事情啊。。。关于它不能打开，robbin说的那句程序写的太好也是错啊，网上可以搜到这条信息的。

3、前两天，有人在博客园上批评了金山安全卫士的源码写的糟糕（金山安全卫士代码批评），其中有一段就是过多的if..else，认为用表驱动会效果和效率上都会好很多，当时文中还说了，如果不知道表驱动，那么就到google里搜索一下吧。（很多玩意儿果然只是一个名词，其实一说大家都懂）。于是这里有一篇简单的介绍和学习，可以参考一下：http://www.cnblogs.com/birdshover/archive/2010/12/02/1894703.html。

4、重构，重构，这句话，被大多数人都挂在嘴边，可是有多少人真正去做了？当晚上发现代码有问题，你第二天会去重构一下吗？一般来说，如果时间上很充分，我还是会去做这样的事情的，但你如果在一小公司，每天在不停的赶任务，你会去主动重构吗？或者会乘周末想办法重构？重构的好处是什么大家都懂，还有一本书叫《重构》，还有一个人在写《重构之美》，反正，随便折腾喽。。。

在转这篇文章之前，我先说一点项目中遇到的问题，公司的主页最近改版上线，但是上线后出了一点问题，是CSS方面的问题。

CSS文件很多，前端把它分的很细，每一个小的widget部位就是一个单独的CSS文件，这样确实方便了有重复内容时的工作量减轻。于是我们在上线后，对CSS文件进行了合并，用的是Yii的插件 EclientScript（@hightman开发的一个插件）。CSS和JS都顺利合并了，但结果却不太正常。经过仔细检查发现是每个文件头的@charset=utf-8导致了这个问题。合并后，所有的文件内容都被引用到一起，所以造成了合并后的文件中“@charset=utf8”有好几个，但是为了保证文件是按utf-8格式被加载于是保留了最上面的@charset=utf8，其余的都删除了。OK，这时候所有的流量器都正常了。

结果第二天，老板过来说，在IPAD下不正常，于是继续排查，最终发现还是这个@charset=utf8的原因。前面说过，我们只保留了第一个文件的UTF8的判断，其他的都清空了，那为什么还会出错呢？经过测试，发现@charset=utf-8只能在第一行才有效，在其他行时，safari不认，而EClientScript在压缩文件后，会在文件第一行加上这个文件对应实际文件的地址，于是就让@charset=utf8到了第二行。所以IPAD上面显示就不太正常了。。

接下来就转载了：CSS通用元素选择器的都市流言，原文来自：http://shawphy.com/2010/11/css-universal-selector.html

本文尚未有测试数据支持，以下结论仅是根据现有情况的一种解释。

关于 * 这个选择器，一直有个疑惑，到底是否影响效率。在先前的观念中，这由于要匹配所有的元素，让每一个元素都带上这个属性，所以会影响页面的效率。但近来的思考，觉得这应该不会影响效率。为此还特地写过一篇博文，里边提到了这点：真的还需要reset.css么？

而这篇文章中我打算着重阐述为何 * 这个选择器不会影响效率。

上周六去参加了 web标准化交流会，席间 winter 从浏览器（webkit）的角度分享了关于页面渲染的过程。其PPT也可以在前面的链接中下载到。

其中一个很重要的过程是，当页面载入过程中，CSS 和 HTML 是并行下载的。并且通常CSS是在HEAD中引入的，并且体积不如HTML大，所以CSS会先下载完。下载的过程中浏览器就已经开始对CSS中的规则进行 索引，也就是已经确定哪一个元素呈现的样式是如何的了。同时，浏览器根据HTML构建出的DOM树，其中的每一个元素会直接去CSS规则索引中去比对，构 建出渲染树。这个过程都是并行的，并且CSS规则是进行了索引的，因此速度非常的快速。

那么我们看看CSS规则的来源主要有2个，一是浏览器内置的元素样式，Firefox 3.x版是放在目录下的res文件夹内，4.0版和Chrome中没找到（这里是我的主观臆断不太可靠，大家自行辨别），另一个就是页面提供的。根据查看 放在 res 文件夹下的 CSS 文件就可以得知，就是是什么样式都不写，已经为每一个HTML元素设定好了基本样式了。

那么看看我们所忌讳的事情，不用*{margin:0;padding:0}，而是使用

看看这一大坨东西啊，难道不是跟上面的 * 选择器一个用途么？对每个元素（至少是常用元素），添加样式。其实作用是一样的，并且就算没有这一坨，浏览器内置样式也在对每个元素设置样式。之后 HTML 文件中的每一个元素，可以很容易找到自己应当呈现的样式了。

那么，对于之后添加的，会不会有性能影响呢？也不会，由于CSS规则已经确定并索引了，所以今后增加的元素也不过就是简单比对一下而已，不会多走一步的。

所以，由此得出结论，只要有需要，大胆的使用 * 吧，他不会给你从性能上增加额外的麻烦。

最后补两个前端优化小知识：
1，由于CSS规则和HTML是并行载入的，因此把CSS放在HEAD中是非常有必要的。
2，少使用 :last-child 。因为这个选择器无法索引起来，必须等DOM构件完，才能知道他是不是父元素中最后的那个 元素。这种就非常慢了，慎用。

----EOF--

注：文中@charset=utf-8我格式可能写的不对，只是表达一个意思，因为我没有dreamwaver，而所说DW在写CSS的时候，默认会在第一行加上这个玩意。。。