绿岛网络blog聚合 » marsfish

Feeds

1932 items (1932 unread) in 16 feeds

绿岛成员 (310 unread)

• 花瓣笺 (53 unread)
• o2sky (101 unread)
• SimpleLife (12 unread)
• Evil-Voice (18 unread)
• marsfish (19 unread)
• 自留地 (56 unread)
• njzeroc (14 unread)
• 练习曲 (37 unread)

web技术 (88 unread)

• 样式之美 - 《Web标准设计》 (21 unread)
• realazy (19 unread)
• PlanABC - 怿飞’s Blog (48 unread)

杂七杂八 (611 unread)

• 槽边往事 (478 unread)
• 文森特漂流记·漂来又漂去 (72 unread)
• 连岳的第八大洲 (61 unread)

经济观察 (923 unread)

• 牛刀 (712 unread)
• 时寒冰 (211 unread)

marsfish (19 unread)

• 03 28, 2012
• 

  2012-03-28

  Posted: 03 28th, 2012, 5:56am PDT by 晓峰

  如标题
• 05 22, 2011
• 

  twitter的follow体验

  Posted: 05 22nd, 2011, 12:52am PDT by admin

  在产品设计时，经常会遇到一种模式，就像checkbox一样，有“选中”和“未选中”两种状态，我在这里简称为toggle模式，如下图： 简单的checkbox往往还需要有一个确认按钮，来完成所做的修改，如下图： 像这样的用户修改状态需要至少点击两次来让修改生效。   参考twitter的follow设计 1.unfollow状态，点击按钮完成follow的操作, 按钮中有个“加号”的小图标，有个示意添加的意思 2.following状态 从文字说明可以标识当前状态 本身是个按钮样式，说明可以点击修改 鼠标移至按钮时，会出现3的状态 3.following状态的unfollow操作， 鼠标移出会到2的状态 点击时做unfollow操作 点击响应后会回到1的状态 整个follow和unfollow都是通过按钮的特性，以及鼠标移动时按钮相应的变化提示来完成，修改状态只需要点击一次即可。 这样的设计醒目且更人性化，界面不需要其他辅助信息而占用更多的空间。
• 04 19, 2011
• 

  mysql表名批量大写

  Posted: 04 19th, 2011, 9:39am PDT by admin

  天有不测风云，有些事情无法预料，就像日本海啸，给人类带来的灾难，老天这哥们不给力我们没办法，我们只能提升自身的处理问题的能力。 今天mysql这哥们也不给力，在linux下表名大小写是区分的，结果前人没注意，大小写乱着来，这不，给我这用ubuntu的人带来了灾难。 Google了半天，有说在[mysqld]下加入一行：lower_case_table_names = 1的，但是我数据库中原有的表名大小写并不一致，之前的表名没办法处理。现在有点懒，我可不想一个一个去改，所以想着批量更新表名。 又Google了半天，找到了一段存储过程（以前没接触过），也看不太懂，试着自己YY，折腾了一会，终于弄好了，有点沾沾自喜，哈哈，想着可能也会有其他同仁会遇到这个问题，所以贴出来，如下 delimiter // DROP procedure IF EXISTS uppercase // CREATE procedure uppercase(IN dbname VARCHAR(200)) begin declare done INT DEFAULT 0; declare oldname VARCHAR(200); declare cur CURSOR FOR SELECT table_name FROM information_schema.TABLES WHERE table_schema = dbname; … Continue reading →
• 02 09, 2010
• 

  javascript和html中unicode编码和字符转义的详解

  Posted: 02 9th, 2010, 7:05am PST by admin

  本人之前已经对javascript中unicode编码进行了解释，请参
• 01 30, 2010
• 

  电推剪和手剪的区别之与代码手写和所见即所得

  Posted: 01 30th, 2010, 10:33am PST by admin

  平时理发的时候，你会喜欢让理发师用手剪还是电推剪，相信很多人都讨厌理发师用电推剪： 电推剪推出来的发型过于平整，死板 电动的嗡嗡声让人烦躁不安 手剪的更个性化，更能处理细节，更符合人的不同审美需求 电推剪的缺点在于没有细节，死板，难看，所以很不喜欢，而理发师优雅的技术似乎更让人钦佩，让人向往。 当然，电推剪也有它的特有的优点“平整”，在脖子后面的比较细小的汗毛比较适合用它来完成，很干净，很利落，相信理发师不会愿意用剪刀去给你去刮汗毛吧。 代码所见即所得，顾名思义，通过看到的得到想要的，举个例子，Dreamweaver，刚开始从事网页设计的朋友都会选择它，可能是因为一方面所见即所得，一方面不太熟悉一些属性，有代码提示功能，还可以插入代码片段，比如插入一个表格，比较熟悉的人可能一会儿功夫就能弄完一个页面，且不说它源码凌乱，很多无用的代码，浏览器兼容性差，无标准可言。。。整完所有这些，相信你会觉得还是手写更好更快一些（当然你也可以不整，很多人选择不整） 不过一些工具还是有很多辅助功能，能帮你达到事半功倍的效果，一些代码提示，一些代码片段，都非常实用，下面介绍一二： eclipse的代码提示功能非常好用，如果是前端开发的话，用Aptana就能满足你大部分需要，spket很轻便也不错； 代码格式化功能，使代码非常整洁，如eclipse系列的Aptana、spket； 代码加亮，几乎所有的编辑器都会有； 代码补全功能，很喜欢轻便的编辑器，在用ubuntu的时候结实了gedit，用作集成工具肯定不能胜任了，但是平时写写html，css都是非常好的，可以设置自己想要的片段，比如doctype（相信没人会想去记住它），为了符合标准，还不得不写，用gedit的话，“doctype+tab”即可完成，太酷了，“html+tab”把html的head，body都完成了，“div+tab”完成一个闭合的div标签，等等，省去了很多代码编写时间。 在开发web编辑器的过程中，总会发现用户不是特别会用，确实在线的编辑器没有word那么好用，原因是用户不懂html，相信熟悉html的人会选择切换至源码状态，看看html是否符合自己的期望，整洁的html不仅使页面美观，而且可以增加页面健壮性。 也许未来的网站编辑或者公司文员的应聘的条件是“是否熟悉掌握html”，哈哈。 编辑器的功能在于在用户想插入链接的地方按照某种规则正确的插入链接，在想加粗的地方正确的加粗，等等，在这一过程中，用户并不会知道用了什么标签，<a/>,<b/><strong/>或者使用font-weight:bold来控制显示，他们也不会去关心这些，但是程序和机器有一个共性，只能处理自己知道的事情，对于一些不寻常的操作和不符合规则的操作，很难完成任务，所以用户没有一定的html基础也很难完成任务。 收笔
• 01 19, 2010
• 

  host&domain

  Posted: 01 19th, 2010, 7:45am PST by admin

  FROM
• 12 19, 2009
• 

  第四届D2行

  Posted: 12 19th, 2009, 9:32am PST by admin

  怀着兴奋的心情来到了盼望已久的杭州D2交流会，会址在滨江区的阿里巴巴。 12月19日上午举行，所以我和宝鑫19号晚上就从上海出发，凌晨2点多到了杭州东站，买了张地图，问了问路，因为晚上没车去滨江区，早上5:30才有车，所以决定招惹一下在车站拉客的人，找个地方可以睡上3、4小时。找了一哥们，什么都没来得及说，就被拉上了车，去了一家旅馆，最后我们选择了在楼顶的一间房，这是一间比较廉价的房间，由于我们俩都希望节俭一些，所以就凑活在这住下了。可能是高处不胜寒，俩人在那直哆嗦。现在想来我们跟睡在大街上没多大差别，也算体验了一下天为被，地为铺的生活，辛酸了一把。 早上公交穿过时代大道，来到了阿里，8:45签了到，领了进门证，一只手袋，一瓶水，一些会议会址的介绍书，以及中午的餐券 会议由闭月主持，会场气氛很活跃 有5个演讲嘉宾，就略说一二吧， 1.百度的金大为，题为《大模板》，谈到数据模型的理念，很赞同这种观点，对数据的操作比较接近Extjs的Store，很灵活，数据的更改会带来相应界面的重新渲染 2.豆瓣的张克军，YUI的演变历史，谈及“库”到“框架”的转变，以及一直强调前端理念的重要性。 3.QQ演示了silverlightQQ，界面确炫的没法说 4.明城的安全性，由于之前还没涉及到安全性的考虑，新鲜 5.秦歌的性能优化，涉及到一些很细小的优化，精彩 内容还算丰富，但总感觉缺了点什么。是不是还有谁没来，或者其他什么的 晚上踏上归程。。。
• 11 22, 2009
• 

  互联网与生活

  Posted: 11 22nd, 2009, 8:01am PST by admin

  最近喜欢随意浏览一些网站，漫无目的，但是细看各个网站都有它的不同之处，换句话说就是都会有它自己的亮点，每个模块也许内容排版或者界面设计并不是十分到位，但是这样那样的设计多少会有他的道理，所以绝大多数网站都足以让我停留片刻。 网站想生存下来，必须为用户提供服务，以此留住用户。从在线音乐、视频，社区、门户、论坛，到新闻、博客等等一系列工具，为用户提供了不同方面的服务，用户从不同的服务当中得到不同的满足。人有不同的需求，需求也分不同的层次，而一个用户同时可能有多个需求，那我们如何把握住用户的需求？我们是不是要做到满足用户的所有需求，很明显我们没必要这么做，它也是一件不现实的想法。其实我们只要满足用户的某一个需求，我们就成功了，就足以让用户逗留哪怕一会儿工夫。 互联网不断的发展，但各个互联网产品都似乎在围绕现实生活打转，也就是说，互联网产品源自现实生活，并不会脱离我们的生活，日常生活中有什么样的形态，我们都可以围绕它在互联网中开辟一席之地，生活中有社区，依靠互联网我们也可以模拟一个社区，每个社区成员都会有一个ID，来参与社区的活动，有时也会有游览观光者，他们不是社区的一份子，所以他们没有ID，但他们如果获得门卫的允许，可以在社区里自由观看风景。我们再来看观光者和社区成员的关系：社区成员若不出示证件，跟观光者也没什么区别，门卫也会对他进行打量；而观光者如果出示了有效证件那么他也就享有了跟其他社区成员一样的权限，观光者如何取得证件？方法很多，有正规渠道，也可以盗取他人的证件。我们可以看出网络社区的处理事情的方式完全和现实生活中的社区吻合。 那么我们是不是就可以说互联网产品和服务源自生活？我的答案是：yes。如有不同意见，拍砖即可。 冒昧的抛出狂言，细心品味生活，才能真正的做好互联网产品。本人网络技术出身，起初以为有了技术就可以做自己想实现的东西，现在想来实在是不成熟。用心去理解生活，体会生活，方能理解互联网。
• 11 01, 2009
• 

  乱扯一番

  Posted: 11 1st, 2009, 12:16am PDT by admin

  博客停了好长时间，工作忙…，不是借口，最大的原因还是心停不下来，此刻我不想狡辩什么 我只想说，“哥想回来” 一周的最后一天也是下一周的第一天 坐在窗前，耳边来去不绝的车辆 窗户上贴着窗纸，据说是之前的MM贴的，还有一丝阳光可以透过 啪啪啪的键盘声，心却静了下来 系统刚升级到9.10，爱不释手 室内的音乐，一遍又一遍的也不厌烦，用的是简洁但不逊色的Rhythmbox … 看到落花的首页，也不想说什么了，很有型，太阳和船如果作为backgroud来显示的话，Crtl+A就更酷了 大冬的clearTime，很赞 sliuqin带着美女去了杭州，甚是想念 fireFTP拖动着，准备改点什么，不然out了 … 晚上去小胡那做饭，上次做饭已经很久了
• 05 23, 2009
• 

  json_encode中的编码问题

  Posted: 05 23rd, 2009, 11:06am PDT by admin

  前段时间想把数据格式转化成json格式，以便于前端处理，php中恰好有个函数可以将各种类型的数据转成json，json_encode,用法如下 <?php header('Content-Type: application/json; charset=utf-8'); $obj; $obj -> id = 1234; $obj -> name = 'mtalk'; echo json_encode($obj); ?> 会格式成: {"id":1234,"name":"mtalk"} 当字符串包含utf8中文字符时，json_encode会把中文字符转成unicode字符串，例如： json_encode('要'); 会格式化成： (1)."\u8981" 而不是： (2)."要" 而经过javascript读取之后还是会在页面显示为(2)。 起初还一直以为是LAMP的那个部分的字符集出了问题，经查证，json_encode本意如此，再说经过javascript处理就不会有页面显示的问题，而且json字符串不会因为不同的字符集同时出现时出错，所以也是有一定的道理的。好了，废话不多说，点到为止。
• 05 18, 2009
• 

  LAMP中utf8乱码解决方案

  Posted: 05 18th, 2009, 5:09am PDT by admin

  php,mysql的utf-8乱码问题已经很久了,找了一大堆资料，却不能解决，其实并不是很难解决,只是方法就在眼前,而没能发现: 在分别在mysql,php,apache中配置相关参数后,执行如下操作: 1.mysql的配置文件,如”/etc/mysql/my.cnf”文件在［[mysql]］下添加: default-character-set=utf8 2.php的配置文件,如”/etc/php5/apache2/php.ini”: 把;mssql.charset = “ISO-8859-1″该写成如下（去掉前面的“;”）, mssql.charset = "utf8" 3.apache的配置文件,如”/etc/apache2/conf.d/charset”添加如下: AddDefaultCharset UTF-8 【注】在不同的系统以及不同版本的相关软件的配置会略有不同,但是并不会大相径庭: 接着,重启mysql,apache; SHOW VARIABLES LIKE 'character_set%'; +--------------------------+----------------------------+ | Variable_name | Value | +--------------------------+----------------------------+ | character_set_client | utf8 | | character_set_connection | utf8 | | character_set_database | … Continue reading →
• 03 29, 2009
• 

  坚持每天学习

  Posted: 03 29th, 2009, 12:12am PDT by admin

  [...]
• 09 06, 2008
• 

  浏览器对execCommand的支持情况

  Posted: 09 6th, 2008, 7:52pm PDT by admin

  [...]
• 08 27, 2008
• 

  xml操作注意点2

  Posted: 08 27th, 2008, 4:56am PDT by admin

  尽量少的代码冗余，尽量少的局部变量，尽量少的全局变量，如下先举个小例子： var a = document.getElementsByTagName("p"); var b = a[0]; var c = b.firstChild.nodeValue; 此时，可以看出b这个中间变量，可能我们使用的可以用a[0]来替代，而没有必要申明一个意义不大的变量。那么有人也会提出质疑，“a的意义也不大”，其实不然 var c = document.getElementsByTagName("p"). firstChild.nodeValue; 假使document.getElementsByTagName(”p”)这个对象接下来会用到多次，这是很正常的，比如 document.getElementsByTagName("p").style.color = "red"; 那么此时不难发现多次的使用这个对象毫无疑问增加了代码的篇幅，如果它只出现一次两次的话，就无所谓了，一个长表达式就可以满足需要了。 【注】然而并不是任何时候都可以让我们满意： var linkNode = content.getElementsByTagName("link")[0]; var nodeText = linkNode.firstChild.nodeValue; 可以省略linkNode这个中间变量，写成： var nodeText = content.getElementsByTagName("link") [0].firstChild.nodeValue; 而如下的 var achor = document.createElement("a"); achor.setAttribute("href","http:\\.."); var achorTitle = document.createTextNode("hehe"); achor.appendChild(achorTitle); 中间出现了变量achorTitle，开始我会想当然的写成如下： var achor = document.createElement("a"). appendChild(document.createTextNode("hehe")); achor.setAttribute("href","http:\\.."); 甚至会有如下的欲望： var achor = document.createElement("a"). setAttribute("href","http:\\.."). appendChild(document.createTextNode("hehe")); 或者 var achor = document.createElement("a"). appendChild(document.createTextNode("hehe")). setAttribute("href","http:\\.."); 可惜的是以上三种设想都没有成功，问号打了许久，不知道为什么这里就不行。 所以并不是任何时候都可以让我们想当然的写程序。 至于什么原因只能待续了。。。 作者：虞峰
• 08 26, 2008
• 

  xml操作注意点1

  Posted: 08 26th, 2008, 8:29pm PDT by admin

  var createXmlNode = function(tagname,textnode,styleobj){ var tag = document.createElement(tagname); for(var p in styleobj){ tag.style[p] = styleobj[p]; }; var tagtext = document.createTextNode(textnode); tag.appendChild(tagtext); return tag; }; var testNode = createXmlNode("p","hehe",{color:"red"}); //此时tag结点只有一份拷贝 //如果我们写 document.getElementById("test1"). appendChild(testNode); test1 hehe test2 //很明显test1下肯定会插入testNode结点，此时我们再继续写 document.getElementById("test2"). appendChild(testNode); //我们可能想当然的会认为test2再获得一份拷贝，但事实上我们会得到如下的情况 test1 test2 hehe //说明testNode这个结点被剪切了，而不是复制。 //浅显说这些对于不经常做xml操作的人来说，也许是够了，但是按照这种方式移动结点到底对我们的页面有多大的影响呢。比如说样式是否全然不变？结点的一个动作是否会改变？ 事实证明，移动节点后，本身的样式是不会改变的，而通过继承得来的样式肯定就没有了，还会继承当前位置应该有的样式。 而动作基本上是不会变的，而文档结构的变化导致动作的变化也是无可厚非的。 //好了问题发现了，如何解决呢，我们起初的目的就是复制testNode这个结点，很简单 var testNode1 = testNode. cloneNode(true); 作者：虞峰 2008.8
• 08 24, 2008
• 

  responseXML在不同浏览器中的不同表现

  Posted: 08 24th, 2008, 7:16pm PDT by admin

  xm [HttpRequest对象XHR请求一个页面时，需要对该页面进行判断] 在firefox中XHR.responseXML有如下属性 nodeName nodeValue nodeType parentNode childNodes firstChild lastChild previousSibling nextSibling attributes ownerDocument insertBefore replaceChild removeChild appendChild hasChildNodes cloneNode normalize isSupported namespaceURI prefix localName hasAttributes doctype implementation documentElement createElement createDocumentFragment createTextNode createComment createCDATASection createProcessingInstruction createAttribute createEntityReference getElementsByTagName importNode createElementNS createAttributeNS getElementsByTagNameNS getElementById ELEMENT_NODE ATTRIBUTE_NODE TEXT_NODE CDATA_SECTION_NODE ENTITY_REFERENCE_NODE ENTITY_NODE PROCESSING_INSTRUCTION_NODE COMMENT_NODE DOCUMENT_NODE DOCUMENT_TYPE_NODE DOCUMENT_FRAGMENT_NODE NOTATION_NODE async load evaluateFIXptr evaluateXPointer getInterface characterSet dir title contentType lastModified referrer getBoxObjectFor hasFocus activeElement getElementsByClassName [...]
• 08 16, 2008
• 

  满足json字符串的条件

  Posted: 08 16th, 2008, 8:21pm PDT by admin

  Boolean: ‘true’,'false’ Array: ‘["a","b","c"]‘ String: ‘1234′,’1e5′ Object: ‘{”prop1″:”yufeng”,”prop2″:null,”prop3″:{},”prop5″:true}’ 作者：虞峰
• 08 15, 2008
• 

  一相情愿的\n与

  Posted: 08 15th, 2008, 6:51pm PDT by admin

  有时候用”n”为什么换不了行？ 这个问题出在你混淆了javascript与DOM文档之间的联系，要知道“n”是javascript的字符串转义字符（通俗的讲也就是一个字符），那么一个字符串在DOM中也只是一个字符而已，浏览器并没有赋予它换行的权利。在浏览器中换行的话就需要用到”<br />”了 作者：虞峰
• 08 13, 2008
• 

  javascript字符编码、转义

  Posted: 08 13th, 2008, 3:04am PDT by admin

  Unicode十六进制转义[\uxxxx] Unicode 转义序列:Unicode 转义序列以 \u开头，后面加四位十六进制数（不能多，也不能少）。Unicode 十六进制数不仅包含数字 0-9，大写字母 A-F，还有小写字母 a-f。下面的示例演示了正确形成的 Unicode 转义序列。 z = “\u1A5F”;//该形式浏览器可以直接打印成Unicode字符。 与之相对应的还有\xxx:以\x开头，后面加两位十六进制数（不能多，也不能少）。Unicode 十六进制数不仅包含数字 0-9，大写字母 A-F，还有小写字母 a-f。 z=”\x05″;//该形式浏览器可以直接打印成Unicode字符。 escape[%xx,%uxxxx] 对 String 对象编码以便它们能在所有计算机上可读，escape 方法返回一个包含了 charstring 内容的字符串值（ Unicode 格式）。所有空格、标点、重音符号以及其他非 ASCII 字符都用 %xx 编码代替(其中 xx 等于表示该字符的十六进制数。例如，空格返回的是 “%20″); 字符值大于 255 的以 %uxxxx 格式存储（xxxx也是16进制数，如”001f”）； 需要经过unescape后才可以通过浏览器打印； 注意: escape 方法不能够用来对统一资源标示码 (URI) 进行编码。对其编码应使用 encodeURI 和encodeURIComponent 方法。 RegExp(正则)中的转义(显示表格) \ For characters that are usually treated literally, indicates that the next character is special [...]