node 包管理器随着nodejs的出现，另外两个东西也进入了前端大众的视野–CommonJS规范、node 包管理器。
说到node 包管理器，就不得不提npm，毕竟是官方标配，安装了node就自带了npm。npm + nodejs，构成了一个宏伟了前端世界。当然，出于各种原因，市面上还存在着各种包管理器，比较著名的端资源包管理器 – ‘bower’；镜像为主的cnpm、tnpm；工具提供的rnpm、spm；还有很多其他的（我也没用过）：jamjs、component。
今天，想向大家介绍的是yarn– 2016.10.11 Facebook 正式发布的 javascript 包管理器， 用来替代npm。我在一次偶然的升级react native的时候，接触了yarn(react native已经将自家的yarn融入安装环境中)。一遍文章《Yarn: A new package manager for JavaScript》讲述了yarn的诞生历程。
阅读全文
carvenzhang
11月 21, 2016
动作同步尝试用过browser-sync辅助开发的前端同学，大概都会感到神奇：在多个端打开网页，网页的动作却是完全同步的。当然我还没有看过源码，大概也知道是通过’websocket’实现信息同步。今天在看书籍《跨终端Web》–徐凯 的时候，里面有一部分 web动作同步的代码演示。于是做了demo做练习。
准备工具
koa : @1.1.2socket.io : @1.5.0
其中koa并没有什么特别意思，只是作为一个服务器存在，用express或者其他什么都可以。socket.io是我们需要的通讯库
原理1、 前端捕获正在发生的动作action，和触发动作的元素target，通过客户端socket传输到服务器socket;2、 服务器socket接收到信息，再将信息广播到其他所有客户端socket;3、 其他客户端socket接收到广播信息，使特定的元素target触发特定的动作action
阅读全文
carvenzhang
10月 10, 2016
体验koa之前使用nodejs开发后台服务，使用的一直是express。后来了解到express开发团队重新开发了一个框架koa。
先不说优点有什么，秉着探索的精神，先体验一下 koa
不同之处koa 中文文档
koa 给人感觉最大的不同就是，在处理流程上使用的是ES6 的 generator
generator通过yield和next的方法，使得流程清晰易见。
阅读全文
carvenzhang
9月 01, 2016
什么是electronElectron 可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用。Electron 集合了 nodejs + Chromium 浏览器浏览器；这意味着前端开发者可以通过web的方式构建视图，通过nodejs去进行io操作，甚至可以在html文档中直接调用nodejs功能；这可以使前端开发者以一种非常熟悉的方式去开发一款桌面应用。
当electron启动一个应用的时候，最创建一个主进程（就是启动的入口文件）。这个主进程负责与你系统的GUI交互，并为你的应用创建GUI（就是新建窗口）；借用Get社区的一个图片进行流程展示，一定要看哦；继续向下看：
阅读全文
carvenzhang
7月 21, 2016
背景这是挺久之前的事情了，还是觉得先记录下来，免得自己忘记了。在实习的公司做web开发，gulp 是经常用到的，可是我做的不仅仅的前端，还包括后台，所以将前端文件移至后台这种事当然也需要我做啦，用gulp，但是，文件移至后台目录后，资源文件的路径必须修改，（我做的后台的是用express做的），一时间，没有找到适合的插件，于是我萌生了自己开发一下gulp插件的想法。
阅读全文
carvenzhang
3月 10, 2016
前言 这个学期以来一直在学习nodejs，发现真的很便利，也萌生了利用nodejs搭建即时聊天系统的念头。 之前已经尝试过利用webSocket来搭建了，也很成功，相比PHP方便太多。我以为使用socket也差不多。 后来才发现自己的念头太简单了。使用socket更方便。 socket.io与单纯的webSocket不同，socket利用on和emit不断在客户端监听和触发各种自定义事件，自定义操作性很强
开始 这一次的聊天系统基于 nodejs+express+socket.io+bootstrap.下面是我开发时的相应版本：
socket.io v1.3.7nodejs v4.1.1express v4.13.1bootstrap v3.3.5
实例地址 ： http://chat.carvenzhang.cn
源码地址 ： https://github.com/zjy01/socketChat/
参考源码 ： https://github.com/coofly/qx-chat （博主是参考这个源码写的）
阅读全文
carvenzhang
10月 05, 2015