2012年11月_xiongzhengxiang

转载网页编码就是那点事

（转者著：转贴文章，中间原作者有些说的不对的地方，unicode细节可以参加wikipedia：http://zh.wikipedia.org/wiki/Unicode）编码一直是让新手头疼的问题，特别是 GBK、GB2312、UTF-8 这三个比较常见的网页编码的区别，更是让许多新手晕头转向，怎么解释也解释不清楚。但是编码又是那么重要，特别在网页这一块。如果你打出来的不是乱码，而网页

2012-11-28 21:15:55 425

原创 js 设计模式第十七章 Chain of Responsibility

在js 中，我们已熟悉了这个模式，即事件捕捉和冒泡。why?这是一种将请求同处理解耦的一种模式。它解耦了客户端和事件请求处理对象，同时创建一个链条的对象来处理请求。当你在编写程序时，对于发出的请求，不知道哪个对象会处理，这个时候，可以应用Chain of Responsibility ；Chain of Responsibility 可以让程序动态选择哪个对象去处理请求，这样，你就可以

2012-11-27 09:03:11 475

原创 js 设计模式第十六章 Command Pattern

why？解耦触发对象和方法实现对象。比如 UI 的button 是触发对象，而实现click 事件的对象就是方法的实现对象。他是一种组织型的模式，所以可以应用到几乎所有的系统中。但是，Command Pattern 中，最适于的场景是：用一个invoker类，能在不同地方调用很多不同的类。how？所有的command 对象，都有一个执行方法，用来触发绑定的事件。一般这个方法的名称

2012-11-19 09:02:44 614

转载 comet 方法大集合一看就懂

對 Comet 的懵懂記得兩年多前，第一次看到 Gmail 中的 GTalk 覺得很好奇：「咦？線上聊天且是 Google 的熱門系統，只用傳統的 AJAX 應該會操爆伺服器吧？」很幸運的，當時前公司內部的 Tech Talk 就有位同事分享這個叫 Comet 的技術、是種「為了讓瀏覽器與伺服器頻繁溝通所使用的技術、主要的瓶頸在於 WWW 伺服器上。」但因為工作沒有用到這類的需

2012-11-15 09:43:05 1051

原创 js 设计模式第十五章 Observer Pattern

why？在一个事件驱动的环境里面，Observer Pattern 是一个非常好的工具，它可以用来管理对象、处理事件、状态。what ？Observer Pattern 能让对象观察别的对象，当别的对象发生变化时，这个对象能够被通知这里涉及到两个概念：observer ：也即subscribers，可以subscribe ,也可以unsubscribe,同时也可以消费数

2012-11-15 09:02:50 503

原创跨域问题

十个跨域方法，参考：http://www.woiweb.net/10-cross-domain-methods.html

2012-11-14 18:53:49 360

转载陈一舟推荐：顶级产品经理如何跻身TOP 1%

每个备受推崇的产品背后，是顶级优秀产品人的创新精神和执行力。今天，人人网CEO陈一舟回复了人人网一位员工同学的邮件——关于创新和专业学习，并推荐 Quora 上的一篇文章《顶级优秀的产品经理如何从TOP 10%跻身TOP 1%》。他在信中称，目前公司已经开展的，潜力巨大的项目非常多。我们目前最需要的是抓执行，使这些项目更成功，更dominate，而不是起更多的项目。你的创

2012-11-14 09:59:04 863

原创 js 设计模式第十四章 Proxy Pattern

why？1 如果某对象的创建比较耗资源，吃内存。一个方案，就是当用户真正调用对象的方法时，才让真实对象实例化。暴露给用户的是，那个真实对象的代理，它的创建不会消耗太多的资源，这里说的就是virtural proxy。2 让网络上的数据，用起来像是本地数据。屏蔽网络请求、错误处理等复杂的底层处理。remote proxy 就是一个远程资源的代理。how？proxy 的核心是：prox

2012-11-14 09:03:54 533

转载前端工程师的价值体现在哪里？

这是一个很老的话题“前端工程师的价值体现在哪里？”。有人说：“前端工程师之于网站的价值犹如化妆师之于明星的价值。”一位好的web前端开发工程师在知识体系上既要有广度，又要有深度。当然，Web前端工程师并不是设计师，每天接触最多的是代码，代码，还是代码。对此，你是如何给自己定位的？你的价值是否能够得到很好的体现？如今，旧话重提无非是想与开发者们共同探讨下前端工程师的价值所在，希望对你有所感悟。

2012-11-12 09:59:15 975

转载周鸿祎交流四大用户体验心得承认360产品很土

周鸿祎今日在UPA中国用户体验大会上交流了四大用户体验心得，同时也以他惯有的自信承认：“360的产品很土。”周鸿祎认为，做产品没有一招制敌的方法。“我做了很多产品，我在用户体验上犯过巨大错误，被人骂得狗血碰头，有很多经验教训。”第一，用心，把产品看做自己的产品。可能你在公司只是一颗螺丝钉，很多人没有真正用心。如果不去思考怎样拿出更好的方案，把事情做得更好，那就没有真正用心

2012-11-12 09:49:38 955

转载一个前端工程师眼里的NodeJS

JavaScript单线程的误解　　在我接触JavaScript（无论浏览器还是NodeJS）的时间里，总是遇到有朋友有多线程的需求。而在NodeJS方面，有朋友甚至直接说到，NodeJS是单线程的，无法很好的利用多核CPU。　　诚然，在前端的浏览器中，由于前端的JavaScript与UI占据同一线程，执行JavaScript确实为UI响应造成了一定程度上的麻烦。但是，除非用到

2012-11-12 09:35:34 627

随着native app 的风风火火，web app 也是风生水起。前端开发界，不甘寂寞，拿起三件法器（js、html5、css3），准备在app的世界开辟另一片蓝海。兴致冲冲得进入战地，却被各种框架迷得晕头转向。这篇小文，将介绍流行的一些框架（titanium、phoneGap、Sencha touch、Jquery Mobile、jqtouch），对他们做出对比分析，希望在大家做web app

2012-11-09 17:40:03 1224

原创 js 设计模式第十三章 Flyweight Pattern

why?当一大堆类似的复杂对象被创建，导致内存被大量占用，浏览性能大大降低时，我们应该有所行动，需要优化这些对象。Flyweight Pattern 就是用来做大量对象优化工作的。how ？Flyweight Pattern 将大量的这些复杂对象，转换为少许的一些共享对象，这将大大减少内存的占有what？Flyweight Pattern 目标是减少你需要创造的

2012-11-08 09:02:28 913

转载开源中最好的Web开发的资源

文章来源：Best “must know” open sources to build the new Web。个人感觉这个收集贴收集成相当的全。学习HTML 5编程和设计★ HTML5 Rocks : Major Feature Groups 的学习 HTML5 的资源 (HTML5 演示, 教程 ). 源码很不错的 HTML5 Dashboard – Moz

2012-11-07 19:36:02 909

原创听《设计模式》培训课程有感

今天，参加了《设计模式》的培训课程，感觉收获良多。一方面是，最近一直在研究这方面的内容，很多东西，老师一提起来，就能想起很多，另一方面，老师实力强大，充分结合实例，说明各种模式的使用场景。以下是简单的一些心得：1 软件发展，就是不断分层、模块化。举个例子：从汇编到 c。c 在汇编的基础上，加了一层编译器，这样，程序开发人员就不用操行各种寄存器；c 还引入了模块化，将不同功能的函数，放在不

2012-11-07 11:39:12 558

原创 js 设计模式第十二章 Decorator Pattern

why？当我们想给类增加新功能时，我们可以通过派生类实现。但是用了Decorator Pattern ，我们不用派生各种新的类。装饰器模式的适应场景：1 需要为类增加新特性，但是为新特新子类化，不实际。2 为函数添加功能，而不需要重写函数how？Decorator Pattern 引入了两个名词：component ，即装饰类用来修饰的主体装饰类对象可以代替comp

2012-11-07 09:03:06 590

原创 js 设计模式第十一章 Adapter Pattern

why?如果页面使用的是YUI前端框架，但是想转换到JQuery 框架上，怎么办？将用到YUI接口的地方都换成JQuery 吗？可以，当工作量大，还不能保证不会漏掉。用Adapter Pattern 吧，实现轻松切换如果接口不完全适应当前应用，怎么办？重新写个函数？可以，但是含有重复劳动，浪费！用Adapter Pattern ，写个函数，再封装下原来的函数how?1 对原有的接口

2012-11-02 18:21:06 397

原创 js 设计模式第十章 Facade Pattern

顾名思义，外观，就是套上华丽的外衣，实际上，没有这个外衣，也是没有问题的。why？如果直接使用第三方的接口，一方面，接口名字可能不符合应用的业务性质，另一方面，完成一个功能，可能需要复杂的多步操作。这些都给程序的可阅读性、可维护性带来不便。有了外观模式，我们给实现外观模式的类起个更符合业务的名字，封装复杂的操作，这样，程序就变华丽了，是不？how？从形式上看，facad

2012-11-02 09:02:34 477

xiongzhengxiang的专栏