一个项目开发、维护的时间久了之后，总会多多少少碰到一段不是你写的，而现在你要维护，但你却看不明白的那是什么鬼的代码；当然有时候也可能是多人在同一个项目里协作开发时，对于bug最终责任人的确诊问题(找到最终责任人不是要“修理他”。帮助他认识问题，提高自身能力，加深团队协作意识才是重点)。

开发的过程中，当一个项目逐渐变大，很多资源的具体位置在我们的记忆中就可能变得模糊；当然也可能是每次需要找到这几个资源你觉得浪费时间。拿我自己举例，项目中有几个配置文件在调试过程中需要经常的修改，但它们又分布在项目的各个深层次的目录里，虽然ide提供了各种快速查找的功能，但仍然需要你键入一些关键标示来...

vscode是个超级好用的开发工具，谁用谁知道。 不少前端开发者可能有和我一样的依赖保绿强迫症，简单说，就是见不得下面这些图标： 但是手动一个个依赖检查么？不现实，也太累了。 用npm update？那说明你还是太年轻了，看看它的说明吧： This command will update all the packages listed to the latest version (speci...

说起工程人员/团队应该具备的“常识”，真正促使我认真思考这个问题，还是因为知乎的一篇贴跟没有常识的人聊天是一种怎样的体验？，里面笑料百出，各种由于“常识”不足导致的尴尬癌真真是忍俊不禁。但笑过之后我发现，所谓的“没常识”，可能由多种原因导致，这点在知乎里多位答主都提到过：

前端工程师有时候面试时会遇到一类面试官，他们问的问题对于语言本身非常较真儿，往往不是候选人可能期待的面向实际的问题(有些候选人强调能干活就行，至于知不知道其中缘由是无关痛痒的)。这类题目，虽然没有逻辑，但某种程度说，确实考察了候选人对于javascript这门语言的理解。

我们在开开心心做几道JavaScript机试题 - 01中吐了槽，也顺势展开了机试题之旅，本章我们暂时压抑自己的吐槽之心，继续就题目前行。仍然希望对各位正确认识JavaScript这门语言，已经在面试过程中遇到这些问题时，如何思考！

我们在长期的面试过程中，经历了种种苦不堪言，不诉苦感觉不过瘾(我尽量控制)，然后主要聊聊常见JavaScript面试题的解法，以及面试注意事项

与时俱进吧，看着 vue3 和 vite，虽然不会用，但还是心痒痒，然后就把原先基于 vue@2 的实现做了重构。不周之处，大家见谅！下面关于过期的内容，我就用删除线标记了。

Typescript是一门拥有可选静态类型系统、基于类的编译型语言。这话如果你觉着怪，那尝试这么理解一下，她是JavaScript的超集，也就是说，理论上她支持JavaScript的所有特性，然后又提供了额外的优势。

AngularJS不用我赘述，前端开发人员一定耳熟能详。有人称之为MVWhatever框架，意思是使用AngularJS，你可以参考任意范式进行应用开发，无论是MVC、还是MVVVM都信手拈来，只要你懂，范式在AngularJS手下，都可以轻松适配。

AngularJS作为一个成功的框架，营造出了完备的生态系统。尤其Directive，对于组件化起了非常大的作用。很多时候，如我这般懒人，网上搜一搜，就找到一个合用的Directive，省了自己诸多麻烦。今天就简单介绍一下我的一个懒人组件 － 百度地图。

当参数是filename，.hiddenfile时，lastIndexOf的返回值分别是-1和0。然后无符号移位操作符将-2转成了4294967294、-1转成了4294967295，这个小技巧保证了极端状况下取值也不会异常

上一章里我们在AppComponent里通过组合InputItem、 CheckableItem、 Counter三个组件，并通过Unidirectional Data Flow(单向数据流)的方式把她们驱动起来。今天这章，我们讲讲angular2里的service。

注：本文中，我假设诸位已经对angular2的基础知识有所了解。如果你是绝对新手，之前只听说过，完全没概念什么是angular2的，先去读读下面这些资料：

在上一章里我们讲了如何在angular2下开发一个component(还没做的赶紧去学吧)。我们使用了Unidirectional Data Flow模式书写component，并引入了Immutable思想，这些以前只在React里见到的设计，现在angular2里也有体现，并且在本章中会着重讲解多components的协作。

在上一章里我们讲了如何为angular2搭建开发环境(还没搭起来的赶紧去看哦)，并使之跑起来我们的第一个"My First Angular 2 App"。当然也有不少朋友反映环境搭建似乎比较复杂，整整一篇教程，最后只简单输出了一句话！这里我要说一句，学习新知识的确有一个阵痛的过程，尤其像angular2这种框架，引入了大量以前"前端"并不...

angular2是什么？我猜不容我赘述，各位一定略有耳闻，无论是曾经AngularJS的拥趸，亦或是React的粉丝，都或多或少的对她有过一点了解。未见其物、先闻其声，angular2在问世之前已经做足了宣传，想必诸位也一定被下面各种词汇所震慑，什么：TypeScript、 ES5、 ES6、 Dart、 Immutable、 Unidirectional Data Flow、 Reac...

不可变性(Immutability)是函数式编程的核心原则，在面向对象编程里也有大量应用。在这篇文章里，我会给大家秀一下到底什么是不可变性(Immutability)、她为什么还这么屌、以及在JavaScript中怎么应用。

大多数关于monad的教程都和老太太的裹脚布一样，又臭、又长，说不清、道不明。当然我也不伟大，没法保证我写的一定更明了，更生动，甚至更屌？不过我至少可以确定，我这篇更简洁。浪费不了你多少时间的！

但是，当我们稍微look look那些知名的开源项目，或者老牛们的代码时，常常都能在它们的package.json里看到一个写满了命令的scripts属性。这里面都隐藏了哪些秘密，牛牛们都用它做了什么，怎么做到的？这些疑问必定撕扯着你的好奇心，来，我们今天就聊聊神秘的scripts属性。

迭代器(iterators)、生成器(generators)、数组推导式(array comprehensions); 随着JavaScript与Python之间的相似度与日俱增，对于这种变化，我绝对是最high的那个。那今天我们就来聊聊又一个Python化在ES2016(也叫ES7)里的体现——装饰器(Decorators)，by Yehuda Katz

那为什么会出现这种状况？编写习惯、或者说编写流程起了重要因素，譬如：没有测试用例——这表示你在编写时压根儿没想过时刻追踪编写内容的正确性、健壮性；也没考虑过程序如何适应来自PM的花样需求。

说起桌面应用，想必大家使用过的就已经海了去了。什么暴风影音、QQ、skype之类的，早已不是新鲜事！不过大家有没有了解过如何编写一个桌面应用？历史上，我们都有哪些方式去编写桌面应用呢？

Functors 先看看如下代码： {代码...} 这就是一个普通函数，接收一个integer作为参数，再加1返回。类似的，我们还能再来一个加2的函数。稍后我们会用到这几个函数： {代码...} 下面我们来写一个如下的组合函数，来按需执行上述函数 {代码...} 当传入正确的integer参数时，这个组合函数F工作正常，那如果传入的数据类型是...

预备 分分钟使用默认选项安装完nodejs 分分钟使用sudo npm install -g yo安装完yeoman 通过sudo npm install -g generator-cli-starter安装cli开发脚手架 OK, 现在我们可以使用yo cli-starter命令开始我们cli开发之旅了 创建cli项目 {代码...} 按照提示输入项目名称、命令名称，完成cli项目创建。后续的教程中我们将使用...

做好后大概是这个样子滴： 可以直接参考我的线上Blog demo: Jekyll-Materiallize，有兴趣的朋友可以继续往下看了 前期准备 安装ruby。(mac用户请跳过) 安装Jekyll，(windows用户看过来windows特供文档，虽然你们经受了种种考验，但做人最重要的就是开心，不要轻言放弃) 注册Gitcafe账号(已有账号的请跳过) 动手 新建与用...

众所周知，腾讯是那样一个神奇的公司，他们的产品在商业上获得巨大成功，但文档真的很难令人恭维，诺大一个公众号开发平台，我竟然找不到真正的，关于web开发的官方文档，有的就是个别示例，剩下的...呵呵，有一个叫开发者交流互助的东东。