摘要: 一个小时如何编写一个支持七牛上传的 markdown 编辑器的客户端。如何能从零快速学习 nodejs，并付诸实践。介绍说是一个小时，前前后后加上代码重构，优化代码，也用了一两天得时间，但在写第一版代码的时候，的确用了很短的时候。https://github.com/zhaopengme/ndpediter技术点在做这个的时候，出发点是因为 hexo 编辑的时候，我需要使用七牛的图片外链，但是没有一个好用的支持七牛图片外链的工具。就有了自己动手做一个念头，在技术选择的时候，我最熟悉的是后台 java，前端 javascript 的搭配，因为要写一个客户端，首先想到的时候用纯 java 来实现，之前我也用 java 写过一个支持 markdown 的笔记软件 jnote ,或者做一个 web 网站，再加一个浏览器的壳，在几年之前，我写过这样的一个 demo https://github.com/zhaopengme/jbrower-demo，就是用 Mozilla 内核的浏览器框架，嵌入 web 网站的方式。可目前已经有了 node-webkit 这样的技术，就不需要的我之前的想法。用了node-webkit，搭配最好的就是 nodejs 了，我就放弃了用 java 来实现的方式，虽然我不会 nodejs，但这也给了我一个学习的 nodejs 的机会了。那就开始上手了。在内嵌 web 系统和纯 nodejs 的选择在开始设计的时候，依照我原来的想法，是采用内嵌一个 web 系统，通过 node-webkit 来打开内嵌的 web 系统来实现的，所有我开始学习 express 的文档。看了 http://www.expressjs.com.cn/ 文档后，我尝试着使用纯 nodejs 的方式来实现我的需要，读写文件，图片保存，图片上传，发现也是可以的，其实开头想想也是可以的，只是自己一个惯性思维导致的。技术干货列表nodejsnode-webkitqiniu-nodejs-sdkyeomangenerator-node-webkitlayereditormd1. nodejs主要用来实现文件的读写，图片的上传。2. node-webkit基于node.js和chromium的应用程序实时运行环境，可运行通过HTML(5)、CSS(3)、Javascript来编写的本地应用程序。从网上扒的介绍，为了占位。3. qiniu-nodejs-sdkhttps://github.com/qiniu/nodejs-sdk.v6七牛的 nodejs 的 api。4. yeomanhttp://yeoman.io/Yeoman 是 Google 的团队和外部贡献者团队合作开发的，他的目标是通过Grunt（一个用于开发任务自动化的命令行工具）和Bower（一个HTML、CSS、Javascript和图片等前端资源的包管理器）的包装为开发者创建一个易用的工作流。Yeoman 的目的不仅是要为新项目建立工作流，同时还是为了解决前端开发所面临的诸多严重问题，例如零散的依赖关系。也是从网上扒的介绍，也是为了占位。Yeoman 可以说是对已经成为体系的流程工具的封装，更简单说是”一键开发，一键部署”等等。是 generator-node-webkit 使用的前提。5. generator-node-webkithttps://github.com/Dica-Developer/generator-node-webkitgenerator-node-webkit 是基于 Yeoman 的工具，可以”一键”创建 node-webkit 的开发环境，”一键”打包环境。6. layerhttp://layer.layui.com/一个 jquery 的弹出框插件，我觉得它好用，就单独拉出来了，好东西，值得推荐。比如我得图片上传 配置 关于 保存提醒等都是使用它的。7. editormdhttps://github.com/pandao/editor.md编辑器实现的核心，实现编辑器最为主要的组成部分，在各种 markdown 实现的各种版本中，最优秀的编辑器之一，10分推荐。在开始实现之前，最好先看一下以上的几种技术的说明，方便我们理解。技术实现篇环境准备nodejs 环境作为 hexo 的使用者，nodejs 肯定会有的，即使没有，那自己安装吧，这个很容易。https://nodejs.org/。我装得 mac 版，不会告诉你用 mac 装很多东西都是用 brew 可以一键安装的。yeoman 安装npm install -g yo 这是官方的安装，有可能安装成功了，之后 node-webkit 安装会出现问题，最好用这个 npm i -g yo generator-karma。generator-node-webkit 安装npm install generator-node-webkit -g 用 npm 都是一行命令搞定，很容易吧！用 mac 的童鞋，有没有装 brew 呢？装个 brew 吧！无论是装13还是为了自己开发方便。生成开发环境以上 yeoman 和 generator-node-webkit 我们采用的都是安装全局的办法。1. 自动创建目录结构yo node-webkit 就能生成好我们需要的环境目录了,好吧！这里录个 gif 给大家看看。注意mac 现在基本都是64位的了，不要选择32位的。这个要下载 对应平台的资源，比较慢，我就停止录了。当前创建完成后，就会有下面这样的界面了。2. 下载依赖npm install & bower install 按照提醒，就可以把相关的依赖全部安装了。如果提醒没有 bower，那就 npm install bower -g，bower 也是个常用工具，也作为全局安装吧。3. 下载项目依赖前几个步骤，可以叫做工程依赖，就是每一个这样的工程，都需要这样的步骤的，这个步骤是说，我们项目需要的依赖。比如 qiniu-nodejs-sdk 就是我们项目需要的，可以通过 npm install qiniu来安装，如果我们需要 bootstrap，那么就可以用 bower install bootstrap或者npm install bootstrap…
这两天把收藏了好久的文章，还有收藏夹中的链接做了整理。现在我的做法是文章的收藏一般都会放到麦库里面，我麦库的公开地址是http://note.sdo.com/u/dapeng 现在公开地址的访问还有些问题，访问子栏目需要输入密码，可我没有设置密码，麦库的客服说只能到下一周解决了，等待解决吧！另外是对一些链接的管理办法是，建立收藏网站，使用新浪的SEA提供的typecho搭建了收藏的网站http://zptools.sinaapp.com 收藏网站是模仿阅微草堂的想法建的，部分的链接也是来源那里的。使用新浪的SEA来搭建是为了服务器的稳定，毕竟我自己的用的服务器在国外，说不定哪天给和谐了，不放心啊!在做网站收藏整理的时候，发现国内优秀的JAVA网站没多少，网站的收藏还需要继续的更新整理，才能符合自己的需要。方向是java相关、企业服务SOA、数据库、linux、前端设计、项目管理、互联网等等吧！ 选择了一款比较简单的主题，对主题也做了修改，主要是增加css3的使用，使用了css3的圆角、还有阴影。在chrome、ie9、opera、firefox5测试都通过了，很可惜firefox3没有通过，当然ie6是不会通过了。还增加使用了一个jquery的插件scrolltotop，当页面向下滚动的时候，就会出现返回上面标记。修改好了，也就把博客主题也替换一样了，统一风格吧！现在瞧瞧两个站点吧！http://zptools.sinaapp.com http://dapeng.me
5月6月牢骚一大把 5月过了就像把这个牢骚发发的，没找着机会，这次5月6月的牢骚一起发了。4月末项目中的短信发送出了问题，负责这块的哥们回家了，我跟了这块的问题，算是有人在处理，可也没处理个啥结果，心急啊，我也没个实质性的好办法。系统升级失败，回退到升级前的状态，还出问题，真是叫人无法理解，没法查啊！还是硬着头皮看代码，又不是这块的熟手，没办法改这个东西。最后为了过个安稳点的5.1，有了一个版本出来了，算是解决了正常使用，也遗留了一大块的问题，放到5.1后再处理了。5.1前的问题就这么过去了。原想是5.1休息休息，前两天我姐到武汉了，5.1就去了趟武汉，去那边了，没看见过太阳，我姐身体不太好，还带着小外甥，没出去转过哪里。回南京时，去火车站，半路公交车给坏了，下了一车人，还赶巧了，下车的那地方，就是黄鹤楼，进去一张门票是30还是60的，忘记了，没去，都6点多了吧！我还得找地方住呢，不然晚上要在雨下面待着了。5月份一上班，稀里糊涂的就去另外个项目做支援去了，当时没弄明白，事后才知道的，也不给人说清楚些。5月份基本都在这项目组里面，要给领导们做演示，加班加点的，没休息几天，休息了一次，还在搬家。今年的5月份，最倒霉了，啥倒霉事情还都赶到一起了。事情做完了，没落个是什么好，我认了，这真是我个人的问题。另外就是，演示的前一天中午，在领导要看系统的面前，电脑打不开了，最后的结论是硬盘坏了，项目代码都在我电脑上面，这个运气，真是赶上时间了啊！幸好代码曾经给一朋友发过一份，不然真就是完蛋了。硬盘坏了，这天灾，我也认了。后面接着还有，领导对我今年来的状况做了教育，今年来杂七杂八的事情，心一直静不下来，被教育是应该的。后面有的是，被别人在我后面说三道四了，o(︶︿︶)o 唉！这个我就有点伤心了，一个战壕里面都1年的兄弟了，不需要这样吧！说我做的不对的，我不介意，说一些乱扣帽子的，就不好了吧！这么久了，谁做什么，谁说什么，都知道，真不需要这样的。6月，我是打算好好干起来的，可就是没压住，事情还是有遗漏，这个遗漏啊，把这次升级弄的一团糟，o(︶︿︶)o 唉！现在也不知道咋办了，又乱起来了，比之前更加的乱。NND！！！！！
我知道sql的查询很复杂，也是很强大，但就没有见过如果强大的，让大家看一句我最近刚写的,就一句sql语句将总数，百分比都出来了！select t.*,round(decode(nvl(all_count,0),0,0,send_count/all_count),3)*100 send_count_rate,round(decode(nvl(all_count,0),0,0,distribute_count/all_count),3)*100 distribute_count_rate,round(decode(nvl(all_count,0),0,0,success_count/all_count),3)*100 success_count_rate,round(decode(nvl(all_count,0),0,0,resend_count/all_count),3)*100 resend_count_rate,round(decode(nvl(all_count,0),0,0,failure_count/all_count),3)*100 failure_count_ratefrom(select company_name,sum(case when process_state=1 or process_state=2 or process_state=3 or process_state=4 or process_state=5 then 1 else 0 end) all_count,sum(case when process_state=1 then 1 else 0 end) send_count,sum(case when process_state=2 then 1 else 0 end) distribute_count,sum(case when process_state=3 then 1 else 0 end) success_count,sum(case when process_state=4 then 1 else 0 end) resend_count,sum(case when process_state=5 then 1 else 0 end) failure_countfrom t_pbb_open_task group by company_name) t
一直想做一个每隔一段时间给自己一个提醒的工具，在选取语言的时候，一直考虑着跨平台，想使用java或者python或者其他语言来做，但java需要虚拟机，很麻烦的，而python想很好的做出来，对我来说很有困难！而且我一直是在windows平台下工作的，最后选取了C#，不仅因为他容易上手，运行速度高，而且我相信，在以后的将来c#,也一定能实现款平台的！ 使用C#来做jremind的时候，我还不会C#，但我把他当作VB来使用了，边学边做，还一边和朋友海聊，一共用了5个小时左右吧！现在实现的功能是，每隔30秒提醒一次，停留5秒，这些都是固定死的，以后在改吧！唯一可以修改的就是文字了！ 暂时先这样了，以后看自己有兴趣了没，再添加其他功能。反正这个东西仅仅是为了给自己做个提醒而已。 开发用的是vs2008，运行这个还需要.net3以上的平台，如果为了用这个，还需要装个.net3，好像有点得不偿失了啊！呵呵！ 今天又修改了一下，更新一下版本。