Pivot Code » 微软 http://www.pivotcode.com 欢迎来我的小思想绽放的地方…… Sun, 30 Oct 2011 13:37:24 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 第六期web标准化交流会心得 http://www.pivotcode.com/leading-the-web-to-its-full-potental-6/ http://www.pivotcode.com/leading-the-web-to-its-full-potental-6/#comments Sun, 28 Mar 2010 11:12:42 +0000 Vidar Liu http://www.pivotcode.com/?p=578 幸与web标准化交流会（w3ctech.com）第6期，在腾讯北京的会议室。

云集了各大互联网公司的前端开发者们汇聚一堂。讨论这期的话题《前端开发在研发流程中与其他岗位协作效率的提升》

由于是第一次参加，不知道会议安排，而且上午匆忙的给哥们把无光驱上网本linux系统分区用u盘引导格式化并安装windows系统，整整一个上午，在学习与实践中匆匆而过，眼看着时间紧逼会议临近减去路上的开销，情急之下电脑的分区已格式化完毕，U盘引导安装文件就绪，然后毅然决定，用本的电池续航，手捧着去参会，计划着路上也该装完了。

到中关村是预料中的时间，由于早上在处理电脑的事情，因此早饭和午饭攒到了一起，去腾讯的路上，和哥们人手在过路的麦当劳捧了袋套餐，赶着时间，问着路，手抓着薯条塞近嘴里。临近交流会2点开始前十几分钟，找到了房间，签到进去会议室，入座，把未啃完的汉堡放下，才开始观察身边的人。没多久，会议开始……

这次交流会的议题是《前端开发在研发流程中与其他岗位协作效率的提升》首先是裕波同学介绍了会议主题和会议流程，然后就把语权交给了在微软（Microsoft）工作的同学，微软的同学用ppt演示了他对于这次话题论述中会遇到的问题、耦合开发、灰色地带等内容，然后大家就开始轮流讲一些自己在实际工作中遇到的开发流程与协作的实际案例。其中，由于各自所在的公司不同，团队不同，接触的客户和老大都不尽相同，由此引发的话题矛盾和议题方案都各有特点，可惜的是到议程的最后没有一个完整的总结，这是我觉得唯一遗憾的地方。不过记忆犹新的是百度月影同学用杯中水的例子来深入浅出协作的真正意义：月影说，交流中怎样让各自的立场互换，而减少问题的激化，从而就说到了杯中的水。他找了两个杯子，然后都倒上‘同样多的水’他问：现在这两杯水就是争议双方，而我们用什么方法才能使这两个杯子里的水一样多。显然无论怎么人工的去均匀，问题都不能完美的解决，因为这个问题不可能简单的这么解决。会中的同学也有说都倒掉，但是话题的命题是水一样多。其实这个时候我想到了水桶法则。月影却说话了，首先把水都倒掉，全场晕倒。。。这时我们所做的就是把自己的立场全否定掉，然后把两个杯子套在一起，这时再往杯中加水，这时我们再看争议的问题，两个杯子是在一起的，加水的话是在一起加，而这样问题双方从头看问题，一起加水，这便是协作。其实我并不觉得月影那个杯中水的最后的答案非常完美，但是他用这个例子影射的问题争端得到了解决，那就是：无论设计、前端、还有后台都是利益共享的，任何一方的不协调都会导致整个团队的停滞不前，项目进度延误。其实那两个杯子如果用水桶法则解释便再恰当不过了。所谓水桶法则，就是物理中的U型管，把两个杯子在底部连接，然后无论是加水，还是减水那么最后两个杯子中的水永远都是一样多的。不过例子只是为了解释事情的本意，能听懂那就不是个失败的例子——协作，谁都不能掉队否则水浅则失。

活动主持周裕波同学

活动主持周裕波同学

这次会议上，有个美女同学讲了她总结的三点，其中一点记的很清楚那就是端正自己，看清自己的位置，我们不是在为工作而工作，而是为了提高自己。

照的我这么老，还有小强

我和小强

会议最后，豆瓣的kejun同学出了一道看似简单的问题，挑错，以下是原题：

<P>&nsbp;&nsbp;哥写的不是代码 是寂寞<br><br>&nsbp;&nsbp;哥写的不是代码<br>是寂寞

有兴趣的同学可以分析一下，回头我再公布答案，google或百度不是你的风格，老老实实的答题，知道的同学请把机会留给不知道的同学，谢谢！这可是传说中yahoo的面试题。

与会的所有同学

与会的所有同学

感谢欲波同学的邀请！感谢参与交流会上的每一个人！感谢CCTV，MTV……感谢腾讯……

相关日志

]]> http://www.pivotcode.com/leading-the-web-to-its-full-potental-6/feed/ 0 第六期web标准化交流会短记 http://www.pivotcode.com/write-leading-the-web-to-its-full-to-potenta-6/ http://www.pivotcode.com/write-leading-the-web-to-its-full-to-potenta-6/#comments Sat, 27 Mar 2010 15:30:35 +0000 Vidar Liu http://www.pivotcode.com/?p=574

下午参加了web标准化第6期交流会，与会的同学真是高手云集啊：微软、腾讯、百度、豆瓣、新浪、淘宝、当当、遨游、CCTV等前端高手共处一堂，共同交流web前端开发流程、协作、与效率提升的话题，并分别对各自在工作中的话题心得进行演说，呃，轮到我的时候叽里呱啦的说了一堆，结果到最后自己都不知道自己说了些什么。时间不早了，回头补写一个心得吧。腾讯最后分发的小公仔很可爱的说。人手一个，可惜全都是母滴……原来腾讯的厕所都不写男女的，取而代之的也是QQ公仔的墙贴，好强大的‘企业文化’!

相关日志

]]> http://www.pivotcode.com/write-leading-the-web-to-its-full-to-potenta-6/feed/ 6 IE9 Platform Preview——IE9预览版本 http://www.pivotcode.com/ie9-platform-preview/ http://www.pivotcode.com/ie9-platform-preview/#comments Wed, 17 Mar 2010 07:49:42 +0000 Vidar Liu http://www.pivotcode.com/?p=527 前端人员的好消息，传说中的IE9横空出世啦！哈哈，你问它长什么样子？好吧，我不吝放上我的体验截图供大家分享吧：以下便是只闻其名而不见其形大名鼎鼎的IE9浏览器了，等等，忘了介绍，这个是Platform Preview版本，也就是技术预览版：

想必大家看到截图后无不大跌眼镜的，就这么个东西还敢拿出来溜，你说它是IE9浏览器？那你说说它能干什么？地址栏都没有还敢说自己是浏览器，赶紧的哪来的回哪去……！

各位大侠，我绝对没有欺骗大家的意思，这的确是IE9，我都说过它是预览版了。

好了，以上无厘头内容纯属娱乐，接下来见识一下这个没有地址栏的浏览器都带来了哪些新内容吧！

前端人员众所周知事情，如今无论是火狐还是Chrome等基于webkit内核的浏览器，不管通过什么办法都已经开始支持一些CSS3的新特性了，某些浏览器对HTML5的支持也在不断更新。而在这次的新的web标准革命浪潮下，唯独市场占有率最高的IE始终在拖着我们施展新技术的后腿。而在我们的项目开发中也一直在屈服于IE市场占有率的淫威之下——调着代码、写着hack、用图片实现着本来在css3下几行代码就能搞定的东西，用多余的class调用着本来用高级选择器就能定义的样式、用gif图像显示着带有毛边的透明效果、打着原本不必多余的代码，如果你想显示alpha透明？抱歉，牺牲你的处理器资源用微软特有的fliter吧！它能让用户的IE6兼容png……提起IE6就想起了IE6中繁多如麻的BUG，解决了还好，解决不掉的话不仅耽误了我们宝贵的时间，而且不免让我们有种踢排水管的冲动。

种种迹象，无不让我们把IE产品骂的一无是处，并且捎带着它爹微软一起骂。但是我们也只是一面骂着，一面兼容着，没办法，谁叫微软出了那么烂的一个vista系统，放慢了淘汰XP的脚步呢！要知道IE6的春风吹又生的形势其实是XP的死不了导致的，想让XP死容易，可是想改变用户的使用习惯却很难，你肯定不想看到用户在换了windows7之后仍然去装世纪之窗或者腾讯TT,当然他们是装不回IE6了，据我所知win7不支持IE6，当然不算我们这些逼疯了的前端人员，编着法的安装IE6进行兼容测试。win7的革命加快了淘汰xp的步伐，随之而来的也将是IE6的不复。

又说了太多废话，差点又把题目更名为感慨篇，后来想想还是算了，赶紧言归正传好了，反正我是一提起IE6就激动，谁叫我们前端和IE是世仇呢！

新的IE9经过我的小测发现它对CSS3的支持还不尽完善，打开我的网站只能显示CSS圆角(border-radius)而容器阴影(box-shadow)和文本阴影(text-shadow)都没有尽数的表现出来，另外浏览器默认显示的是UTF-8的编码，相同编码下，我的网站在浏览器中中文显示的全都是乱码,其他浏览器都没问题，估计IE9的这个预览版对UTF-8的兼容性还不足，不管它了，又不是看内容，以下是截图：

后来我去它的官方发布网址看了一下它的产品展示介绍，才知道现在这个版本的IE9具体到使用，到底更新了哪些特性

发布地址：http://ie.microsoft.com/testdrive/Default.html

展示中，官方提供了3个项目的测试入口，分别是速度(Speed)、HTML5、和图形(Graphics)，一下是官方说明和各测试项目的列表和入口

Speed Demos（速度测试）

Take full advantage of your hardware with background compiled JavaScript（javascript将充分利用你的硬件环境）

  1. Flying Images（3D图像）
  2. Text Size Animated（文字大小动画）
  3. Test Justification Animated
  4. Map Zooming（地图缩放）
  5. Pulsating Bubbles（气泡）

HTML5 Demos（HTML5测试）

Deliver rich interoperability with the next generation of Web standards(具有下一代浏览器标准的丰富特性)

  1. Border Radius（圆角）
  2. CSS3 Selectors（CSS3选择器）
  3. DOM Events（DOM事件）
  4. DOM Style（DOM样式）
  5. HTML5 T-Shirt Designer（基于HTML5的T恤设计）

Graphics Demos（图形演示）

Create next-generation experiences with GPU-powered HTML5 graphics（创建具有高效利用GPU性能的HTML5图形）

  1. Falling Balls（下跌球）
  2. SVG–oids（矢量图的对象标识）
  3. Business Charts（业务报表）
  4. Organization Chart（组织系统图）
  5. Atlas zur Europawahl（一个类似地图的东西）

如果你对以上测试项目都体验过，那么结合微软在线实验室（Microsoft live labs）产品Pivot浏览器的界面和功能和现在IE9对HTML5和CSS3特性的不断完善，那么我们可以预见，未来的IE9将会为浏览器市场的竞争带来新一轮的角逐。如果纵观现在的浏览器市场趋势，对于微软IE的未来，我们还是不免堪忧的。总之无论IE怎样改变，都无法续写当年IE6的辉煌了。

下载IE9Platform Preview：http://ie.microsoft.com/testdrive/info/ThankYou/Default.html

以下是PCWorld杂志最新文章通过分析最新放出的微软下一代浏览器IE9的“平台预览版”中有关IE9“平台预览版”的 几个常见问题及解答。

1. IE9有什么新功能？

IE9将重写引擎以得到比前几代快得多的启动速度；
将会支持HTML5、CSS3等新标准。

2. 界面有变化吗？

从目前的平台预览版看界面变化还为时过早。不过看到Chrome对浏览器界面的革新，相信微软不会无动于衷。

3. 那你们拿到的“平台预览版”是什么东东？

这是为了方便Web开发者预览它们的网站能否在HTML5兼容的内核中正常显示而提供的。微软承诺大约每8个星期推出一个新的测试版，解决以往的问题。

4. 能用这个版本替换现在我的浏览器吗？

不能。平台预览版不具备全功能，例如，没有后退按钮，甚至没有地址栏。它在你的默认浏览器打开新链接，而不是在自己的新窗口。另外，根据从这个版本得到的 反馈，有些功能会成为正式版的一部分，有些则会被砍掉。

5. 平台预览版有什么好玩的东西吗？

有几个关于新的支持改进的Javascript、HTML5和硬件视频加速的页面演示，你需要通过下载安装来查看。

6. 安装要求？

需要Windows 7或者Vista，Vista用户需要先升级到IE8并安装升级包以支持Windows 7的新技术。尽管只放出了32位版本，64位机器依然可以运行。Windows XP 用户不能安装。

7. IE9何时上市？

同样，根据以往的报道来看，也很难在目前做出猜测。不过正式版之前肯定会有一个符合日常浏览需要的Beta测试版放出。Beta版将强化“平台预览版”已 经拥有的主要新功能，比如对Web标准的更好支持。

相关日志

]]> http://www.pivotcode.com/ie9-platform-preview/feed/ 6 微软实验室产品Pivot浏览器初体验 http://www.pivotcode.com/pivot-browser/ http://www.pivotcode.com/pivot-browser/#comments Mon, 22 Feb 2010 10:18:49 +0000 Vidar Liu http://mingsenliu.com/?p=268 微软又有新的浏览器了。想起微软曾经辉煌过现如今却BUG重重又挣脱不掉的IE6，想起除了界面而核心没有什么改进的IE7，想起比较跟的上浏览器步伐却对CSS3新特性支持甚少的IE8，相信不少人会为此大跌眼镜的说：微软又为世界制造垃圾了！！！

如果非要这么说，那么我不会去否认，因为经过测试Pivot浏览器就内核来说和IE8没有什么分别，而且硬件的要求有点过分了，我电脑双核E5200 Core 双核2.0CPU、2G内存，安装Pivot浏览器后运行竟提示错误。经过测试是因为没有显卡的原因，加上显卡后运行正常。以下是Pivot官网提供的安装环境需求清单：

System Requirements

Recommended System Configuration: Windows 7 with Aero enabled, 2-GHz 32-bit (x86) processor, 2 gigabytes of random access memory.

推荐系统配置：启用了Aero效果的win7系统，2GHZ 32位CPU，2G独立内存。

Supported System Configuration: Windows Vista with Aero enabled, 2-GHz 32-bit (x86) or 64-bit (x64) processor.

可以支持的系统配置：启用了Aero效果的Vista系统，2GHz 32位或64位CPU

Minimum Graphics Requirements: 256 megabytes of video memory. Pivot does not support most Intel integrated video chipsets.

最低显卡配置：256M显存。并且不支持大多数的Intel集成显卡。

Pivot requires .NET Framework 3.5 SP1 and Internet Explorer 8. Pivot will import your browsing history from Internet Explorer and Firefox during installation.

电脑需要有.NET Framework 3.5 SP1 和 Internet Explorer 8.安装完成后，浏览器将自动导入IE和火狐的浏览历史等信息。

Windows XP is not supported. Pivot only displays in English (US).

XP系统不支持，浏览器仅有英文版本……

如此说来，我只能在公司电脑运行这个微软新生儿Pivot了……

所以它的第一个缺点是硬件需求比较高。囧。

初次打开Piovt,它会显示主功能提示信息,如图所示：

1、导航按钮：点击会在地址栏下方，以下拉菜单的形式显示一行当前tab的浏览历史页面缩略图。如图：

2、Favorites and Tags: 当打开一个新的网页时，这个位置会显示一个五角星，点击五角星便会将当前网页加入收藏，此时五角星会变成tag标签图标，点击这个图标，地址栏会出现提示输入标签以逗号间隔。如图所示：

3、Exploring  the Web: 网页显示窗口，而不仅仅只用于网页浏览。

4、Zooming Scrollbar: 可以缩放的滚动条，点住滚动条向左拖动会缩放整个网页直到整个网页大小，并且会有一个框选中当前浏览器窗口显示区域，上下拖动还可以实时重选。如图所示：

5、Quick Links: 在发现一个你喜欢的网页时，点击右侧那个箭头便可以把当前网页保存到快速链接表里，并以网站的favicon图标为按钮显示在浏览器下方，当你想打开它时，直接点击图标便可。在箭头下方的按钮是把已收藏在此栏上的网站以缩略图方式显示在窗口里。在快速链接的左侧被一条竖线隔开的是首页和历史链接按钮，点击首页按钮它会显示类似苹果浏览器的Top Sites功能，更好的是，在页面预览图的下方会显示一个最近关闭的tab列表，如图所示：

这个区域的功能还没有结束，在首页按钮右边的是历史按钮，点击它会出现按日期归档竖列横排显示的历史浏览页面缩略图,如图所示：

5.1、Exploring Collections(搜索集):点击项目可以查看更精确的预览，鼠标滚轮可以控制缩放，当屏幕放大后，还可以点住鼠标左键实现拖拽预览。（Ming注:此历史功能堪称强大之处就在于它的信息过滤和具有相当酷炫效果的动画预览，点击时间可以实现时间递归历史浏览网页，一层层的精确到秒）

5.2、Veiws（视图）:拖动滑块也可以实现缩放，右侧按钮是预览的方式切换。

5.3、Filters（过滤器）：使用过滤器筛选条件 ，缩小搜索范围。（Ming注：此处便是传说中的过滤器，左边栏一竖排都是控制条件列表，分别有：关键字过滤、站点过滤、搜索历史、访问日期、标签等来控制右侧历史的排序和显示，

  1. 关键字过滤器：展开此列会显示一个‘输入一个关键字（Enter a new keyword）’按钮，点击此时地址栏会提示输入‘过滤类型(Type to filter)’这时输入关键字并回车，便会实现过滤，并且输入历史会以复选框方式显示在关键字过滤器列表，那么以后通过左侧选中一个关键字便可实现过滤。
  2. 站点过滤器：此过滤器会以访问过网站的主域名和二级域名在左侧生成一个带有复选框的列表，通过选择主域名和二级域名分类显示相关目录的历史，从而便能更快速的定位搜索内容。
  3. 搜索历史：效果一样，同样是在列表生成带有复选框的列表，不同的是，这里是你搜索过的内容。
  4. 访问日期：效果一样，不同的是这里是访问日期列表，分栏显示，最上边是今天、昨天、一周。然后是月、年……
  5. 这个没整明白……
  6. 标签：效果一样，不同的是这里显示的是自己添加过的标签。

6、Collection Suggestions(收藏建议):Pivot 会建议您收藏一些内容到这里。通过和左侧的过滤器配合，将会产生很强大的搜索效果。IT168上有一篇介绍Pivot的文章,链接奉上：《全接触!微软最新浏览器Pivot的七个细节》其中详细介绍了关于过滤器与收藏集的使用。

7、站点选项卡（tab）、在5和6中间排列的是已打开网页的缩略图，类似于现在浏览器常见的tab选项卡，这个东西的好处就不再说了，不过对于pivot这个以预览展现的方式，除了opera自带（需自己调整）和火狐插件（需鼠标移上显示）之外，pivot这个方式显得更方便些。紧挨着这个的右边有一个加好和一个缩略图按钮，点加好可以增加新的tab,点缩略图按钮会把当前所有的tab以缩略图方式显示在浏览器窗口。

好了，对于pivot浏览器的体验就说到这里了，大家如果有对这个产品有兴趣并且系统配置能达到官方所标注的需求，那么不妨安装体验一下，因为它的体验还得您试过才知道，我这里只能用两个字代替——很酷。您可以

去Microsoft live labs了解更多关于Pivot的信息：http://getpivot.com/

还可以点击这里下载Pivot最新版本：http://content.getpivot.com/resources/Pivot.en-us.msi

如果您没有邀请码，可以留言给我，并留下您的联系方式，我这里有30个邀请名额，送完为止。

本文欢迎转载，转载请注明出处，谢谢！

相关日志

]]> http://www.pivotcode.com/pivot-browser/feed/ 3