wsnbjj-CSDN博客

原创对象封装 – Prototype 模式

`prototype` 是 `Function` 对象的一个属性，这个属性指向另一个对象。这个对象的所有属性和方法，都会被构造函数的实例继承。　　同时 `prototype` 又存在一个指向构造函数的引用 `constructor`，这样就成功的构成一个循环引用的原型链结构。　　我们可以把那些不变的属性和方法，直接定义在 `prototype` 对象上，节省内存开销。

2014-11-25 16:02:31 696

原创面向对象的英文全称叫做Object Oriented

面向对象的英文全称叫做Object Oriented，简称OO。OO其实包括OOA(Object Oriented Analysis，面向对象分析)、OOD(Object Oriented Design，面向对象设计)和OOP(Object Oriented Programming，面向对象的程序设计)。　　通常所说的面向对象是指OOP, OOP是一种围绕真实世界的概念来组织模型的程序

2014-11-24 13:03:32 11284

原创越来越感觉到前端技术需要成体系的积累

第九日，前端技术体系　　现在越来越感觉到前端技术需要成体系的积累，一方面可以规范我们的前端技术培训，另一方面，作为知识线索为新人做指引，省的走弯路，避免陷入奇技淫巧的深坑之中不能自拔。　　之前我整理了一下“前端技术知识结构”，罗列的比较散，但也基本表述清楚了我的观点。今年上半年也在整个研发中心组织了一次前端技术培训，对于前端技术的演化规律也有过整理，都放在了这个ppt中，希

2014-11-22 09:38:23 844

原创做地球上最牛的UED——UED创立之初的口号

“做地球上最牛的UED!”，这是淘宝UED创立之初的口号，现在被渐渐淡忘了，因为微博上的一些讨论，又想起了这份曾经美好的初衷。玉伯也感叹道：“这愿景曾吸引了多少好汉前往投奔呀。只可惜短短几年间，这愿景好像越来越远了”。问题是，要做好一个团队，靠的是个人、还是整体?愿景是越来越远了吗?　　是谁推动了历史的前进，是英雄?还是人民?微观来看，是英雄，宏观来看，是人民。再放大了看，是互联网大潮

2014-11-21 16:00:11 1785

原创前端技术进入公众视野时间不长，有实力的伯乐更加是凤毛麟角

一个人这辈子能遇到一个好师兄是一种缘分，可遇不可求。很多人工作中的幸福感似乎也源自这种被认同，被师兄的了解和认同，有人能直言不讳的指出你的不足，帮你发现机会，并将最适合你做的事情分配给你，这是莫大的幸运，但如此幸运的人十之一二，大多数人因为缺少伯乐的提点，渐渐辱于“奴隶人之手“，潜力渐失，毁于中庸。　　在前端技术领域，这种情况很普遍也很特殊，当然有很多客观原因。即前端技术进入公众视野时

2014-11-19 13:56:01 660

原创程序员到三十岁之后需要转行或者转管理吗

现在，让我们回过头回答一下“青春饭”的问题。在“青春饭”小节中提到，“程序员到三十岁之后需要转行或者转管理吗?”　　上文提到，工业化生产的四个领域，1，创意，2，生产线，3，高级技工，4，技术管理。Web前端技术也是如此，可以在这四个领域找到各自的归宿。　　第一，“创意“　　即和产品需求越走越近，拥有良好的产品感，对产品需求、设计交互把握准确，能够用适当的技术方

2014-11-15 15:11:57 4155

原创牛逼团队中的创造性受限

如果你能耐心读到这里，心里一定有一个疑问，上面说的都是技术上能力上怎样怎样，那我所做项目不给力又当如何?如果项目不挣钱、黄了、裁了，我的努力不就白费了吗?我又有什么绩效和价值呢?　　没错，有这种想法的人不在少数。特别是刚出道的校招同学往往更加心高气傲，以为自己有改变世界的本事，一定要参与一个牛逼的团队做一款光鲜靓丽受人追捧能给自己脸上贴金的项目。如果你有这种想法，趁早打消掉这个念头，当

2014-11-13 16:48:16 626

我们知道知识积累有两种思路，第一种是先构建知识面、建立技术体系的大局观，即构建树干，然后分别深入每一个知识点，即构建枝叶，最终形成大树。第二种是先收集知识点，越多越好，最后用一根线索将这些知识点串接起来，同样形成大树。第一种方法比较适合科班秀才，第二种方法则更适合转行作前端的人，即实践先行，理论升华在后。比如对“IE6怪异模式“这条线索来说，要首先将遇到的IE6下的样式bug收集起来，每个bug都

2014-11-12 15:59:21 603

原创信心的树立对于转行做前端的人来说更是如此

然而，不管怎样，信心的树立不是一蹴而就的，对于转行做前端的人来说更是如此。俗话说，隔行入隔山。每个行业自有其道，自然不是想做就做。前端技术领域半路出家者非常多，我们来分析一下转行的心理。第一，看到前端技术入门简单、互联网对前端技术的需求缺口巨大;第二，前端技术所见即所得、感觉学习起来很快;第三，我身边的某某转行作前端看上去不错、我似乎也可以;第四，我不喜欢我现在做的工作、想换行业、正好前端技术上手

2014-11-10 10:50:31 1036

原创 “码农”是IT从业者一个自嘲的称号

“码农”是IT从业者一个自嘲的称号，也有从事没有发展前景的软件开发职位，靠写代码为生的意思。但我认为码农是一个爱称，编码的农民，和农民一样有着执着纯真朴实豪爽的共性，仅仅分工不同而已。就好比农业社会对粮食的依赖，工业化进程对计算机应用也有着很强的依赖，大量的需求催生出这样一群人。他们有智慧的大脑，对于编程，设计，开发都有着熟练的技巧，但多数人看来，码农的特点是：　　1，收入低

2014-11-09 15:53:08 7093

原创互联网的发展的确太快，Web前端技术也在花样翻新

互联网的发展的确太快，Web前端技术也在花样翻新，有人经不起诱惑，开始做新的尝试。前端技术虽然范围广，但各个分支都还比较容易入门，比如服务器端脚本编程、再比如纯粹的WebApp，我认为这两者都是前端技术的范畴，毕竟他们都没有脱离“浏览器”，或者说类似浏览器的环境。NodeJS依赖于V8，WebApp更是软件化的WebPage。只要打好基础，这些方向都是值得深入钻研的，因为，互联网的形态越发多元，新

2014-11-06 10:10:24 1907

原创程序员早早的就想让自己和“架构”扯上关系

实际情况是，程序员早早的就想让自己和“架构”扯上关系，并自封xx架构师。在项目中应用各种模式分层、解耦方法，每个项目都可以产出一套看上去很复杂的“架构图”，感觉很牛逼的样子，没错，实践这些方法论总不是坏事，但世界观才是方法论的基础，只有在概念上对产品模块有科学的定义，方法论便自然形成了，《编程珠玑》中一再提及数据结构就是静态的算法，在Web前端领域亦是如此，在页面的建模过程中，定义分解维度要比分解

2014-10-16 10:35:18 556

原创前端领域存在“架构师”吗

读到这里，你不禁会问，前端领域存在“架构师”吗?这个问题会在后面的“码农的宿命”中展开解释。这里先说下代码架构的一些琐事吧。　　什么是架构?架构是由“架”和“构”组成，架，即元件，构，即连接件。因此，架构即是将总体分解为单元，然后定义单元之间的连接方式。架构的含义源自禅宗，而禅宗的基本信条则之一就是真理是无法用语言来描述的。这个基本信条有其背景，即语言具有某种抽象性。而人们对这种抽象性

2014-09-28 22:18:33 1390

原创代码也层次清晰解偶充分重用率高

【励志之本】　　其实，除了个人需要明确努力的方向，每个人都更渴望身处一个好团队，谁都不希望有猪一样的队友。我们都很羡慕处身这样的团队，可以放心的将精力放在纯粹的技术上，身边每个人都自觉的补充文档注释，代码也层次清晰解偶充分重用率高，精妙的设计实现可以更快的传播，bug得到的改进建议也是务实专业的，技术在这种良性互动中价值倍增。我想这也算是好团队的一种境界了，这有赖于团队成员水平水涨船高

2014-09-23 08:57:42 876

原创为什么说前端工程师也要关注代码版本控制呢

那么，为什么说前端工程师也要关注代码版本控制呢?因为web开发和软件开发本质无异，同样具有迭代周期，需求不是一揽子提完、一口气开发完的，是有步骤的开发，因此，每次上线开发哪些功能、为后续扩展功能留足哪些接口、代码在可扩展和可维护性上应当作哪些考虑……，这些应当是每个工程师关注的事情，所谓迭代就是指这种需求的叠加，这是软件开发的常态，也是web开发的常态，刚开始，前端工程师总会不断抱怨没完没了的需求

2014-09-22 08:48:58 1778

原创前端工程师不是写html/css/js的吗

说来奇怪，前端工程师不是写html/css/js的吗，搞懂那些边缘知识有什么用?《Web前端开发修炼之道》中也提到，精通一行需要先精通十行。这里我来解释一下原因。　　作为交互设计师的下游，前端工程师学需要习设计知识是很容易理解的，因为它能帮助你更准确的理解设计师的意图，在原型不完整的时候也能正确的反馈设计缺陷，将问题阻挡在设计的环节，会大大减少UI bug数量，比如说，设计师会给出理想

2014-09-20 08:44:37 1456

原创转行做前端的人又当如何呢

【半路出家】　　那么，转行做前端的人又当如何呢?其实发展轨迹和科班秀才们非常类似，只是时间跨度可能会长一些，你要花更多的精力、做更多的项目、更多的反思和总结才能理解某个知识点的本质(比如HTTP协议)。当然这只是一般情况。　　此外，这些人还需要摆脱很多思维定势的禁锢。这里我推荐大家阅读阿当的《Web前端开发修炼之道》。当然，如果你有一个靠谱的师兄带你入道，自然幸运万倍。

2014-09-19 09:01:09 1867

原创工作2-3年的人在前端技能上趋于稳定

工作2-3年的人在前端技能上趋于稳定，也就是技能上的第一次瓶颈，这种人干活熟练，切页面可能也很快，代码看上去也比较规范，属于熟练工，开始注重沟通技巧和一些职业技能的积累，比如带人带项目，至少有这方面的意识，并有过推动项目、和业务方pk需求的经历，这就达到了中级应当具备的职业技能，但应当注意的是，这时最容易出现偏科的情况，特别是对于那些“专门切页面的“和“专门写脚本的“人，毕竟html/css/js

2014-09-18 09:11:13 1544

原创当前不少入道的前端工程师大都是转行而来

我想，一部分原因是，当前不少入道的前端工程师大都是转行而来，毕竟，正儿八经的学校里也不会教这玩意，觉得“切页面”有啥好教的，甚至不觉得html/css是一门语言。转行这事自不必详说，大家也各自瞄准当前市场需求，造成的现象是，初级前端工程师堆成山，中高级人才却一将难求，计算机系的科班出身就更加凤毛麟角了。一方面反映了教育部门的后知后觉，另一方面也体现了大部分人急功近利的跟风。当然最重要的原因是，所谓

2014-09-17 08:45:55 1448

原创 Web前端工程师是一个特别的岗位

Web前端工程师是一个特别的岗位，只存在于互联网领域。最近几年随着互联网产业的火爆，对前端工程师的需求量暴增，兵源几近枯竭。各大公司技术掌门一定都有过类似的苦恼：“招一个靠谱的前端工程师、难于上青天”。因此，“着眼当下、对症下药”的品质就显得弥足珍贵了，比如，双飞翼布局方法是为了解决一套(html)代码适应多种布局设计，这里的布局相对于固定的产品来说也是固定的，而无针对终

2014-09-16 08:57:58 865

原创更容易在build环节加入语法检查和代码风格检查

再比如，淘宝旅行计划项目中的部署方式，也没有完全使用Loader管理依赖，而是将依赖层级做的很少，业务逻辑使用脚本来合并，这样就可以更容易在build环节加入语法检查和代码风格检查。　　类似这种摆脱原有编程思维，有针对性的用新思路新方法解决问题的做法显然让人感觉更加清爽，编程的乐趣也正体现在打破常规的快感之中，小马曾经说过：“制造规范是为了打破规范”，万不要因为这些规范标准加重负担，导

2014-09-15 08:46:04 636

原创依赖于规范轻易的适应终端宽度

如果说新技术的尝鲜缺少针对性，但至少满足程序员的某种洁癖和快感，那么“负担”从何而来呢?对于初学者来说，有价值学习资料可能只有这些规范，如果说规范价值不大，那又当从何入手呢?　　刚才我说的不是依赖于规范，而是对规范的反思，摆脱规范灌输给我们的思维定势。新人们大概是看了Wiki中的很多指标、结论、实践，在做项目之初就附加了不少“八股式”的负担，甚至影响我们对项目关键需求和关键问题的洞察力

2014-09-13 08:43:03 569

原创 Web前端初级工程师走向中级甚至高级的一次重要蜕变

我们的确需要规范，但好的规范一定是务实的，一定是“解决问题“的。比如针对项目构建的DPL可以收纳公用的视觉元件以减少重复开发、规定某OPOA项目的事件分发原则以确立增量开发的代码惯性。反之，糟糕的规范却显得过于“抽象“，比如页面性能指标、响应式设计原则。另外，尽管他山之石可以攻玉，但拿来主义有一个大前提，就是你了解你的项目的关键问题，你要优先解决的是些关键问题，而外来规范正好能解决你的问题。因此规

2014-09-12 08:51:45 3175

原创能很大程度减轻很多Web前端工程师的思想负担

所以，雅虎技术的推销是相对成功和远播的。关键在于两方面，扎实的技术功底和高超的写手。而真正的技术大牛一定是集两者与一身，不仅钻研剑道，还能产出秘籍。这也是Yahoo!优雅的学院派气息的动力源泉。国内很多技术团体想在这方面有所建树，应当首先想清楚这一点。　　【规范的破与立 1】　　雅虎的技术运作非常规范，刚才已经提到，包括技术、组织、文化，一切看起来有模有样，也堪称标杆，自然

2014-09-11 08:49:34 564

原创具有先天开源优势的Web前端技术社区里也是波澜不惊

让人感觉奇怪的是，在中文社区始终未见这种学院派。甚至在具有先天开源优势的Web前端技术社区里也是波澜不惊，可见写一篇好的技术文案真的比登天还难。我所见到的大部分所谓文档索性把代码里输出数据的语句块拷贝粘贴出来，至于为什么数据格式要设计成这样、如果字段有修改怎么做、编码解码要求如何等等关键信息只字不提，或者开发者也没想过这些问题呢。因此，我们一直在强调代码的质量和可维护性，但一直以来都未见效，盖源于

2014-09-10 08:41:20 1373

原创各自了解浏览器本质的一部分

应当说这两类人是互补的，他们各自了解浏览器本质的一部分，一拨人对渲染引擎了如指掌，另一拨人则将JS引擎奉为至宝，其实任何一部分的优势发挥出来都能做出精品。大部分前端工程师都能从这两条渊源中找到自己的影子。但，这两类人的思维模式和观点是如此不同，以至于形成了一些不必要的对抗，比如在某些公司，干脆将Web前端技术一分为二，“切页面的”和“写js的”。这样做看上去明确了分工提高了效率，但他对员工的职业

2014-09-09 08:21:59 1014

原创在2000年之后浏览器技术渐渐成熟

在2000年之后浏览器技术渐渐成熟，Web产品也越来越丰富，中国有大批年轻人开始接触互联网，有一点需要注意，大部分人接触互联网不是始于对浏览器功能的好奇，而是被浏览器窗口内的丰富内容所吸引，我们的思维模式从一开始就被限制在一个小窗口之内，以至于很长时间内我们将“视觉”认为是一种“功能”，Web产品无非是用来展现信息之用。起初的入行者无一例外对“视觉”的关注超过了对“内容”的重视，先让页面看起来漂亮

2014-09-06 08:39:12 985

原创一定要注意传递给运算符的数据类型和返回的数据类型

规则:　　一、一定要注意传递给运算符的数据类型和返回的数据类型!不同的运算符都期望它的运算数表达式计算出的结果符合某种数据类型。　　例如:对字符串是不能进行乘法运算的,”a” * “b” 是不合法的,但是,在可能的情况下,javascript会把表达式转换成正确的类型,因此,表达式 “3″ * “5″ 是合法的,javascript将字符串转换成数字执行运算,结果返回的是数

2014-09-05 08:46:52 566

原创浏览器从下载文档到显示页面的过程是个复杂的过程

浏览器从下载文档到显示页面的过程是个复杂的过程，这里包含了重绘和重排。各家浏览器引擎的工作原理略有差别，但也有一定规则。简单讲，通常在文档初次加载时，浏览器引擎会解析HTML文档来构建DOM树，之后根据DOM元素的几何属性构建一棵用于渲染的树。渲染树的每个节点都有大小和边距等属性，类似于盒子模型(由于隐藏元素不需要显示，渲染树中并不包含DOM树中隐藏的元素)。当渲染树构建完成后，浏览器就可以

2014-09-04 09:12:09 549

原创前端同学常常会对一些交互效果质疑

在项目的交互或视觉评审中，前端同学常常会对一些交互效果质疑，提出这样做不好那样做不好。主要原因是这些效果通常会产生一系列的浏览器重绘和重排，需要付出高昂的性能代价。那么，什么是浏览器的重绘和重排呢?二者何时发生以及如何权衡?如何在具体的开发过程中将重绘和重排引发的性能问题考虑进去?本文期待可以部分解释以上三个问题。　　ie6双倍边距bug(ie6下块属性标签浮动，并且有横向margin

2014-09-03 08:57:28 777

原创：元素内部末尾添加内容

特性：　　1. 块在一行显示　　2. 行内属性标签支持宽高　　3. 没有宽高的时候内容撑开宽度　　问题：　　1. 代码换行被解析　　2. ie6、ie7不支持快属性标签的inline-block;　　前端规范：　　1. 所有书写均在英文半角状态下的小写　　2. id,class必须以字母开头

2014-09-02 08:57:24 1818

原创代码质量是前端开发中应该重点考虑的问题之一

代码质量是前端开发中应该重点考虑的问题之一。例如，实现一个网站界面可能会有无数种方案，但有些方案的维护成本会比较高，有些方案会存在性能问题，而有些方案则更易于维护，而且性能也比较好。这里的关键影响因素就是代码质量。CSS、HTML、JavaScript这三种前端开发语言的特点是不同的，对代码质量的要求也不同，但它们之间又有着千丝万缕的联系。　　默认样式重置(css reset) css

2014-09-01 09:46:28 1631

原创一位好的Web前端开发工程师在知识体系上既要有广度

一位好的Web前端开发工程师在知识体系上既要有广度，又要有深度，所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。现在说的重点不在于讲解技术，而是更侧重于对技巧的讲解。技术非黑即白，只有对和错，而技巧则见仁见智。以前会Photoshop和Dreamweaver就可以制作网页，现在只掌握这些已经远远不够了。无论是开发难度上，还是开发方式上，现在的网页制作都更接近传统的网站后台开发，所以现在不

2014-08-30 08:49:12 1391

原创 Web——前端开发技术包括三个要素

随着人们对用户体验的要求越来越高，前端开发的技术难度越来越大，Web前端开发工程师这一职业终于从设计和制作不分的局面中独立出来。　　Web前端开发技术包括三个要素：HTML、CSS和JavaScript，但随着RIA的流行和普及，Flash/Flex、Silverlight、XML和服务器端语言也是前端开发工程师应该掌握的。Web前端开发工程师既要与上游的交互设计师、视觉设计师和产品经

2014-08-29 09:14:42 5533

原创网站重构的目的仅仅是为了让网页更符合Web标准吗

网站重构的目的仅仅是为了让网页更符合Web标准吗?不是!重构的本质是构建一个前端灵活的类MVC框架，即HTML作为信息模型(Model)，CSS控制样式(View)，JavaScript负责调度数据和实现某种展现逻辑(Controller)。同时，代码需要具有很好的复用性和可维护性。这是高效率、高质量开发以及协作开发的基础。　　2005年以后，互联网进入Web 2.0时代，各种类似桌面软件的W

2014-08-28 09:46:12 1372

原创在C++0X中引入的Lambda，使得程序员可以定义匿名函数

4、在C++0X中引入的Lambda，使得程序员可以定义匿名函数，完善了C++对于面向函数的编程泛型的支持。　　12争议“在这12年里，C++用户人数大约每七个月半增加一倍”是许多C++相关文件必引的一段话;然而，时至今日新语言层出不穷，用户人数已不太可能以如此速度增长。分析机构EvansData定期对开发人员展开调查，其数据显示，以C++为工具的开发人员在整个开发界所占的比例由199

2014-08-27 12:07:29 703

原创运行最终形成的可执行的二进制文件

运行最终形成的可执行的二进制文件(.exe文件),得到运行结果?　　如果运行结果不正确,应检查程序或算法是否有问题?　　命令行开发方式　　在Unix世界有大量的程序员是传统的非IDE的方式进行软件开发。一般是如下组合：　　GNU GCC[10]1.编译器：gcc和clang等。[10]　　2.编辑器：常用Vim和Emacs　　

2014-08-26 08:46:37 2964

原创关键字编辑关键字(keyword)是整个语言范围内预先保留的标识符

7关键字编辑关键字(keyword)是整个语言范围内预先保留的标识符。每个C++关键字都有特殊的含义。经过预处理后，关键字从预处理记号(preprocessing-token)中区出来，剩下的标识符作为记号(token)，用于声明对象、函数、类型、命名空间等。不能声明与关键字同名的标识符。　　各个版本的ISO C++都规定以下划线接大写字母起始的标识符保留给实现。编译器可以用这些保留标

2014-08-25 08:47:55 693

原创结构体编辑C++增加了class类型后

结构体编辑C++增加了class类型后，仍保留了结构体类型(struct )，而且把它的功能也扩展了。C++允许用struct来定义一个类型。如可以将前面用关键字class声明的类类型改为用关键字struct：　　14structStudent{//用关键字struct来声明一个类类型　　private://声明以下部分为私有的　　intnum;//以下3行为数

2014-08-24 07:46:57 788

原创定义的数据和函数

上述程序段中，最后一行用已声明的Student类来定义对象，这种方法是很容易理解的。经过定义后，stud1和stud2就成为具有Student类特征的对象。stud1和stud2这两个对象都分别包括Student类中定义的数据和函数。　　定义对象也可以有以下几种方法：　　1.先声明类类型，然后再定义对象前面用的就是这种方法，如Student stud1，stud2;//St

2014-08-23 08:36:26 477

空空如也

空空如也