WEB前端

我对线下社区的奢望

裕波 — Tue, 25 Oct 2011 07:45:42 +0000

最近没有什么内容可以分享，想分享一些内容吧，想想网上都已经有了。今天在web标准化交流会杭州群里在一次聊到了参加交流会的人数少的问题，大家积极性不高的问题，当然也有同学说出了自己的心声：讲的内容太深了，我听不懂，怕只是来走个过场什么的，这样的话。那么我也在很多地方，包括QQ群，交流会，和一些朋友聊天的时候谈到我对交流会的一些想法，那今天就这个机会把我对线下社区的奢望做一下记录：

首先我来谈谈我对社区的几个关键字：学会分享，轻松，自由，开放！
在轻松、自由的环境中以开放的心态一起交流与分享！
那在我的脑海中，交流会应该是怎么样的呢？他应该是大家带着自己的疑问、难题或者最近所学到的新东西来到交流会，不管是有疑问，有难题，还是有分享的同学，最好是带上自己的电脑（U盘，网盘），能够将内容直接展现在现场与大家一起交流，最后通过大家的努力解决问题，通过你的分享，大家学到知识，大家一起探讨，成长。

同时，参加交流会的同学们，可能因为今天心情好，还在路上给大家带来一大瓶可乐，雪碧，或者小蛋糕，反正就是一些吃的，喝的，或者小礼品等等。

这才是我想要的交流会，或者线下社区的的景象。希望可以通过我们的努力，能够呈现出这样的景象！

w3ctech 2011 – JavaScript上海站开始报名

裕波 — Fri, 02 Sep 2011 10:47:26 +0000

w3ctech已于2011年7月30日、8月27日在广州华师大附中和北航新主楼会议中心成功举办了第一场和第二场JavaScript专题会议。关于广州站的会议讲师的ppt及视频可以在JavaScript专题会议的网站可以找到，网址为：http://www.w3ctech.com/2011。
JavaScript专题会议上海站将于9月24日在上海浦东新区张江高科畅星大厦副楼三楼会议厅举行，如果大家有兴趣，可以报名参加，报名地址：http://w3ctech.com/2011/js/reg。
上海站的演讲嘉宾有来自盛大创新院的高博、盛大在线的权一、思科的杜欢。他们将给大家分享他们在工作中所积累的经验与研究。

w3ctech 2011 – JavaScript专题会议北京站报名中

裕波 — Thu, 11 Aug 2011 03:08:45 +0000

w3ctech已于2011年7月30日在广州华师大附中成功举办了第一场JavaScript专题会议。关于广州站的会议讲师的ppt及视频可以在JavaScript专题会议的网站可以找到，网址为：http://www.w3ctech.com/2011。
JavaScript专题会议北京站将于8月27日在北京航天航空大学新主楼会议中心举行，如果大家有兴趣，可以报名参加，报名地址：http://w3ctech.com/2011/js/reg。
北京站的演讲嘉宾有来自盛大创新院的程劭非、火狐中国的焦锋、新浪微博的吴侃、还有曾经在奥美新家坡，目前作为自由职业者的石川。他们将给大家分享他们在工作中所积累的经验与研究。

google Nexus One GPRS上网设置心得

裕波 — Wed, 27 Jul 2011 07:35:40 +0000

托google的朋友从美国带回google Neuxs one（以下简称N1）这款手机以后，为GPRS上网就折腾了不少时间，上次不知道怎么折腾居然就能够正常使用GPRS上网了。但是后来又托同事帮忙刷到2.3（拿回来的时候2.1，官方说2.3不支持N1），但是刷完系统以后，官方出了2.3以后，就不能正常升级了，也就这拖着用了几个月时间，后来因为输入法原因，手机最终无法正常使用，我就自己花了一个晚上时间，刷回了官方的2.1，最后通过自动升级，升级到了2.3.4（官方最新版）。系统是升级成功了，感觉一切舒服多了，但是GPRS上网不行了，折腾了好久，在网上搜了一堆一堆的资料，都不靠谱，最后打电话去10086，在他们的帮忙文档下，在加上自己的亲自动手，总算搞定了GPRS上网，哈哈，现在分享给大家，希望大家能够快速解决自己的问题,如果你有设置过GPRS上网的话，你应该知道，系统最初会有两个APN，一个是cmnet，一个是采集的cmwap，但是默认的这两个是没有办法让你正常GPRS上网的，那我的方法是怎么样的，首先将这两个APN给删除掉，现在说一下具体的步骤吧:

1、点击桌面上的设置 —–> 无线和网络 —–> 移动网络（拉到最下方可以找到）进入
2、进入移动网络以后 ——-> 点击接入点名称
3、如果你是第一次设置，请选点击前面的文字，进入以后，选择手机下方的工具栏，第二个（一长三短的线的那个按钮），选择删除APN，反复两次，将所有已经存在的APN全部删除。
4、选择手机下方的工具栏，第二个（一长三短的线的那个按钮），新建APN
5、首先我们来新建可以让我们GPRS上网的cmwap
（1）姓名：cmwap（可自定义）
（2）APN: cmwap
（3）代理：10.0.0.172
（4）端口：80
(5)APN类型：default
好了，其他选项空着即可，填好之后，保存。
6、建立彩信相关的APN：
（1）姓名：cmwap(mms)（可自定义）
（2）APN: cmwap
（3）MMSC：http://mmsc.monternet.com
（4）彩信代理：10.0.0.172
（5）彩信端口：80
（6）APN类型：mms
好了，其他选项空着即可，填好之后，保存。

好了，现在可以去选中刚才我们前面建立的cmwap了。其实这时候在列表中有两个，只有cmwap后面有一个单选按钮，可以选中他，选中以后，退出，这时候可能还不能正常的使用GPRS上网，不要着急，重启一下你的手机，重启成功以后，这时候应该差不多了。你会看到手机的右上角，挨着电源显示的方，会有一个标志，这个标志的大概造型是两个竖着的，上面一个小花，会一闪一闪的。。试试，是不是可以正常的上网啦。

如果你还有什么疑问，欢迎与我联系，也可以直接在blog留言。
我的新浪微博是：http://www.weibo.com/itchina100 你也可以直接搜索“裕波”，找到我。

w3ctech 2011 – 拥抱HTML5将于4月16日至17日在上海举行

裕波 — Fri, 04 Mar 2011 09:43:47 +0000

w3ctech经历了一年零五个月，终于迎来了w3ctech 2011。
w3ctech 2011应该会有系列活动等着大家。
首先和大家见面的是拥抱HTML5，将于4月16-17日在上海海神诺富特大酒店与大家见面，欢迎大家的参加。
本次活动的演讲内容将围绕HTML5进行开展，让分享嘉宾和大家一起共同进入这个看似离我们还很远，其实很近的HTML5。
本次活动的嘉宾有：《javascript DOM编程艺术》的作者Jeremy Keith，Spilgames CEO和联合创始人Peter Driessen,opera的子斌，W3C的李安琪，腾讯负责WEBQQ2.0架构的于涛，优酷网的何涛，思科网迅的刘国文，盛大创新院的贺师俊（hax），程劭非（winter）。

如果你对此次活动有兴趣，欢迎报名参加：http://w3ctech.com/2011/html5/reg

让我们一起共同期待这次盛会吧，4月，我们上海见！

不得不说的糟糕设计

裕波 — Fri, 28 Jan 2011 01:44:59 +0000

在我看来这的确是一个糟糕的设计，当然也许这是这个产品的老板，产品经理们别有用心。如果是别有用心，在此我要谴责他们，谴责这种没有良心的家伙。
看到这里，可能你就迷惑了，怎么回事呢？你在说什么东西呢？嗯，上图，你就知道了。

这是今天早上打开邮箱的时候，收到一封所谓的“为社会精英服务的私人网络社区”的邀请，我顺着这个邀请点击了接受邀请，就来了上面这张图的页面。
当我在填写姓名，邮箱后，当我准备填写密码的时候，我重新打量了一番，哈哈，居然让我输入邮箱密码，请各位看我红色标注。
我要说，这样做，作为一个OK的产品经理来说，他是一个不ok的，因为对于用户来说，存在了极大的安全隐患，我怎么知道你这里是连接到邮箱的API，还是直接存入到你的数据库中去，如果存入到你的数据库中去的话，对于用户来说，那就是一件非常恐怖的事情，当然，如果用户的邮箱本身就是一个闲置的，那问题不是非常大。所以我说，他不是一个好的产品经理，如果他存入了数据库中，那他是坏了良心，无良知。如果他走邮箱的API接口，给他的建议就是，还是换一种方式来操作吧。

他这里的目的就是为了验证你是否有5位好友在其中，验证的机制有很多，既然你这里是一个私人的会所，为什么不让用户自己选择验证的方式，而要用户用自己的邮箱用户名和密码来做这样的事情，太过份了！

在我看来，一个小小的细节，还是非常重要的，在春节即将到来之际，还请各位在使用，尝试这些产品时候小心，在你们设计产品的时候，也请多为用户考虑考虑，做一个有良心的人！

迎接2011

裕波 — Thu, 06 Jan 2011 05:30:15 +0000

2010年已经悄消离去。
我的blog已经很久没有更新了，实在对不起自己。
2010年9月w3ctech迎来了他一岁的生日，同时我选择了从北京来到上海，选择了从百度离开，选择了盛大创新院。
2010年有太多的选择，2010年也做出了太多的决定。
2010年发生的事情太多，但是2011年我的重心究竟应该是什么呢？
既然我选择了盛大创新院，那么我觉得我的重心除了提升自己的技术实力以外，更多的应该是把心思放在w3ctech上，考虑如何让w3ctech影响更多的人，能够真正的帮助到大家，这是我目前所考虑的，感觉以前我们做得还不够，感觉大家的收获还不够多，或者说收获实在太少，要想把w3ctech做好，真的还需要更多的人来帮助我，让我们一起来做好w3ctech.
在这里，就用“做好w3ctech,让更多人成长”来迎接2011吧!

web标准化交流会（w3ctech.com）新版logo新鲜出炉

裕波 — Sun, 14 Nov 2010 12:46:20 +0000

新版logo使用线条将五个圆点连接起来，构成W和3的形状，同时寓意聚合、节点与交流。
首先谢谢西乔美女为交流会设计的logo。接下来我们一起来看看新的logo长什么样：

html中链接地址的重要性

裕波 — Mon, 25 Oct 2010 03:00:33 +0000

也许这个标题已经没有什么吸引力了，大家可能都已经沉静在高深的技术方面的研究了。

也有很多人认为今天已经进入了一个高速互联网时期，也有人曾经说过，如果你的浏览器没有开启支持javascript，那是你活该，但是当我今天在次访问国外一家知名网站的时候，突然发现了我在两年前犯过的一个错误。这个错误从表面上来看，的确算不了什么，因为其实这与交互设计师有关系。因为作为前端工程师的我根本不知道怎么办了嘛，这是托辞。

那究竟是什么问题呢？的确，有人曾经说过我，你说事情就说重点嘛，为什么先要来一段，才把重点说出来呢？的确只说重点，可以提高沟通的效率，但是有时候并非如何。好了，问题是什么呢？现在告诉大家：

就是在你书写html的时候，链接地址为井号（#），就这样的一段代码：例子。

肯定你会说，这有什么问题呢？难道不是这样吗？是的，如果你不接触后端模板（php的smarty）的话，只需要向后端工程师提交静态的页面的话，这样做我觉得真的没有什么问题。但是作为一名前端工程师不管你是否会接触到后端模板，但是你在还原设计稿的时候，一定要做到心里有数，这里的心里有数是什么意思呢？其实就是你的链接将指向什么地方，这一点非常重要。

这时候有人又会说了，这屁大一点的事，为什么要拿出来说，但是我觉得这真的很重要。

其实一个真正的网站是靠链接将所有的网页链起来，形成的网站，给我的感觉是，如果没有链接，就根本没有网站这么一说，嘿嘿，那有人会说，你究竟想说什么？好吧，其实我们经常会发生上面说的这种事情主要体现在什么地方呢？其实就是用javascript来代替链接实现某些功能的时候，或者说用javascript来实现某些功能的时候，而我们操作的标签是a，当然不排除这是属于滥用a标签造成的，我们先排除滥用的可能，那其实造成这种原因的有两种情况：

1、前端工程师对整个网站（产品）架构不熟悉；

2、交互设计师对整体架构设计考虑不周全，前端工程师在实现时也未考虑

正因为这两个原因造成了在链接的地址中为#的现象。为什么我会这样说呢？在这里举一两个最简单的例子来说明情况：

1、tab选项卡：这是我们经常会见到的，其实tab选项卡就是将一个一个的分类中的一些值得推荐的信息在一个有限的区域，而经常大家会看到一个更多链接，指向这个分类的页面，而大多前端工程师在实现这个tab选项卡这个交互功能的时候，每一个tab可能是一个li，但是里面一般情况下会有一个a，那么这人a的href是#，其实这个地方完全是可以给他一个这个分类的链接，为什么给#不行，要给链接的，其实就是我最开始说的，如果遇到网络条件不好的情况下，可能这时候js还没有加载完成，用户又去点击这个tab的时候。

2、下拉式城市选择：这种效果其实现在随处可见了，就拿QQ团购来说（http://tuan.qq.com/），在logo的右侧是有一个城市选择的，因为这个地方的城市选择是用js实现的下拉效果，但是如果当我的网速过慢，js未加载的时候，这个下拉菜单其实是不起作用了，但是因为QQ团购这里给选择城市的这个功能中用的a，而给a的链接地址是#，就造成了，我无法选择城市，如果这里他给我一个另外的网页，那么这样我就可以跳转到其他页面选择我需要的城市，虽然这样也许给用户体验感觉不好，但是总比用户点很多次无效好吧?这个问题有几种情况，就是交互设计师根本没有考虑，根本没有单独的一个页面用来选择城市的，还有就是交互交互设计师考虑了这个页面，前端工程师并没有将链接指向过去，还有就是交互设计师没有考虑到这一点，前端工程师也没有考虑这一点，所有人全部忽略。

也许还是有很多人觉得这并没有什么？但是我觉得这种一个比较小的细节，还是比较重要的。虽然有时候全局比细节重要，其实这就是因为全局考虑不周，而却又在细节上体现出来了。

关于图片色值的疑问

裕波 — Sun, 26 Sep 2010 09:34:14 +0000

曾经在工作中，遇到一个奇怪的问题，在十多天前，又一次遇到了！

究竟是什么问题呢？就是我使用PS存储了一张色值非常丰富的图片，格式为png。

最后在code过程中，我将这张图片作为背景使用，由于图片大小有限，其他区域得使用背景颜色填充，按照设计师的设计，使用一个单独的颜色填充即ok，但是问题出来了，就是在火狐，还是ie下，我一下忘记了，反正在其他一个浏览器中，背景图片的颜色和我给的纯背景色不匹配，相差很远，很明显就能看出来。这时候让我一头雾水，我也不知道怎么回事！

最后在做图片优化的时候，使用了yahoo的All Smush.it™，最后使用被优化的图片，居然色值正常了，这应该和存储格式，还有什么有关，由于本人对图片格式及存储研究不深，不过先记录下来，至少以后知道是什么原因引起的这个问题。