每周交流会记录 -- Css Sprite，Sitemap， Google Map API
踏入10年，我继续我的实习生活，每周只上三天的班比较不错，但是每天的工作是十分紧张的。幸运的是，这周开始我们每周有2个小时的交流时间，大家互相分享自己看到有意义而且与工作相关的知识，互相提高。这个习惯以前在电信也想开展，可惜最后大家都很懒没有坚持下来，不管怎样，昨天总算开始了第一次交流，感觉还不错，这里做一个简短的记录。
CSS Sprite 推荐文章
概念：这是我准备的内容，CSS Sprite的概念可以google一下，这可是一个好东西，他的原理是：把网站常用的图片整合成一张大图片，然后设置DOM的css中background-position的属性来选择背景图片。
好处：1. 这样多次的图片请求可以融合成一次，从而减轻服务器负担。2. 浏览器加载图片是需要时间的，然后cache起来，而我们一次加载了一张大图，在实现hover等切换效果的时候就避免了闪烁的情况，提升户用体验。
例子：在推荐文章里列出了很多很多的例子。有圆角实现，gif动画的运用等等。我想强调的是其中一个令人叹为观止的例子：Advanced Map Using Sprites
工具: 这是很重要的一环，很多牛人做了很多工具帮助我们更轻松地运用CSS Sprite技术，我常用的有：Projekt Fondue CSS Sprite Generator 他有网络版和桌面版，多种语言（简繁英当然少不了）。但是一山还有一山高，后来Q&A的时候，同事介绍了另一个更方便的工具 SpriteMe, 强烈推荐大家试一下，他不单简化了合并图片，CSS class获取位置的麻烦（第一个工具做的），还让我们连图片都不用整理，dom的css也不用自己找，只要用他的工具，打开自己的网站，自动给出他的推荐做法，合成图片，改好CSS等等，非常适合懒人。
Sitemap
这是关于SEO的知识，我们做网站的都希望自己的网站能更好的被google，baidu等收录，除了把我们的HTML结构优化还有什么吗？Sitemap是一个很重要的方面。他告诉搜索引擎我们网站的结构，链接等，让搜索引擎更好地收录内容。具体的概念看wiki。有几个方面的东西要注意的：
1. Sitemap是XML结构的文档，一个sitemap文档链接的数量不可以超过50000个。
2. Sitemap主要适合下面几种类型的网站：a 新成立或者刚有巨大变动的网站，可以主动提交sitemap（下面说）；b AJAX和JS比较多的网站，容易影响搜索引擎获取内容的情况；其他的忘记了。。。。
3. Sitemap我们可以主动提交到搜索引擎上（第二点的a情况/主动），另外我们也可以在robot.txt中指明sitemap的位置，让搜索引擎自己去找（被动）
4. 如何制作Sitemap：google有sitemap generator，同时各框架都有自己的sitemap generator plug-in的，例如Ruby On Rails，我们在分享的过程中就找了一个。我们也可以在自己做好了sitemap后提交看看google有什么优化建议。
5. 后来Q&A的时候聊到的问题，搜索引擎读了sitemap后还会去搜网站内容吗？应该会的，不过这么实现应该要看各搜索引擎了。
Google Map API
赶着吃饭了，尽快讲一些要点：
1. Google 在youtube上有自己的技术频道，例如google map的首页就有链接，里面有很多google的技术视频，都是让人收获良多的精华。
2. Google Map 在去年中出了3 beta 版，主要为了提升Performance，为的主要是手机应用，同时对2.X版本不完全兼容function。大家可以考虑清楚自己的实际情况使用。
3. 我们需要做的也是提升Google Map的Performance，但是基于2.X版本。可以有下面几点: a marker,google 默认的marker由5个dom组成（包括背影），我们可以用自己的icon做marker把dom缩减为1个；b 地图加载，google map是加载很多图片贴在一起，我们为了提升户用体验，可以预先load一个static map骗骗人，然后在load我们的地图，marker，path等；c 画线，原来google map上画线不是真的线段（除了IE，IE可以利用VML做），而是动态生成一个透明的图片贴在地图上，我们又被骗了。
4. cluster 就是集群，如果地图上点太多，我们会把他们集成为一个点，不要小看他，这里面的内容可多了，需要用到算法计算，还分服务器端和客户端，这里我没有理解得很好，等以后做做实验在说。。。
这周的分享时间差不多了，1小时搜集1小时讲还包括Q&A了，看看这周的RSS有什么好东西，准备下周的share了。
