博客园_xiao_p

我是如何学习NodeJs的 – 笔记1

2012-01-20T05:22:00Z

实际上在开始的时候我已经对NodeJS有了一定的了解。

比如我知道它是居于Javascript语言的服务器端web Server，比如我知道它的优势在于它的性能，而造成性能优异的原因在于高效的V8引擎，也就是编译器，以及其它一些语言层面的东东，无非就是JS一些语言的特点，函数，异步，回调之类的。

但是在具体学习的时候，我还是遇到了开始时候想象不到的很多困难，下面就是对学习过程的一个简单记录。

当然是Google开始

第一条搜索记录显然就是www.NodeJS.org这个官方网站，很简洁的网站。

发现最中间好大的一个Download按钮，不管许多，下载之。发现是一个msi文件，那还考虑什么，安装吧。（Windows OS）

安装的过程很简单。

后来才发现，在Linux下和Mac下都要比Windows下折腾麻烦一些，Windows下的青年们果然都是小白。（目前还只是在windows下折腾）

OK，开始程序员的永远的第一步“Hello World”。

var http = require("http");

http.createServer(function(request, response) {

response.writeHead(200, {"Content-Type": "text/plain"});

response.write("Hello World");

response.end();

}).listen(8080);

这样就完事了，将这几句话copy近一个server.js的文件中，然后你需要打开命令行（强烈推荐使用PowerShell，我现在都没有搞明白用CMD的话除了关掉窗口怎么停止或者Restart），运行

node server.js

接下来，打开浏览器访问http://localhost:8080/，你会看到一个写着“Hello World”的网页。

这几句话应该都能看明白，不解释了。

接下来自然而然的就想如何弄Web Socket的Server了，于是继续Google之，发现需要安装NodeJS的模块socket.io（这东西个人的理解就是类似于Java中的第三方库的意思）

安装模块的方式一般是通过NPM，对于NPM完全没有概念，于是继续Google之。

找到一篇文章介绍NPM的http://howtonode.org/introduction-to-npm，看了下，大概有了一些了解。（文章不错，推荐下）

NPM就是NodeJS Package Management的缩写。目前的NodeJS已经自带NPM了。

这里简单介绍几个npm 命令，

npm list – 查看当前安装的模块

npm version – 查看当前npm的版本

npm install – 安装新模块

npm update – 更新模块

npm help – 帮助（这个最重要）

其它命令可以去帮助文件中查询，或者敲击最上面的npm help命令

安装的命令很简单，你可以运行 npm help install获取更多帮助（发现npm的帮助文件做的相当的不错，例如运行上面的命令会自动打开一个htm帮助文件）

npm Install socket.io

npm install express

有些文章会提示这个命令可以加上-g或者-d（如果不试用-g的话，会发现express命令不好用，原因暂不清楚），例如

npm install –g socket.io

搜索了下-g，-d是什么意思，在config的帮助文件中找到了答案

按照帮助文件的说法，-g，-d其实就是Shorthand（缩记），说白了就是缩记符，他们分别代表的是

g – global

d – log lever info

还有其它的一些缩记符，你可以在帮助文件中找到他们

上面的缩记符的影响如下：

如果你添加了-g的话，则会将NodeJS模块安装到C:\Users\User Name\AppData\Roaming\npm\node_modules这个路径下，如果没有添加的话，则会安装到你的NodeJS的安装路径的node_modules路径下

注意：这里有个很重要的区别，如果是选择-g也就是全局安装的话，你可以直接在命令行中使用express，jade等命令，原因在于安装NodeJS的时候，会自动将C:\Users\User Name\AppData\Roaming\npm\node_modules这个路径添加到系统的环境变量中。

如果不添加-g的话，如果要使用express，jade等命令，则需要在NodeJS的node_modules目录中寻找到express命令所在的.bin目录，才可以正常使用。

如果添加了-d的话，则会显示所有的安装日志信息

于是开始安装模块，看起来很简单，但是这个时候问题出现了，我怎么都连接不上服务器

总是提示这个错误

npm http GET https://registry.npmjs.org/express

Error: failed to fetch from registry

看了下这个命令和执行过程，怀疑是下载一些包和文件之类的东东回来。

由于我是在单位折腾的，所以怀疑是网络环境的问题，因为没有办法通过服务器的审查，所以不允许下载。

（1）最开始想到的办法是将https改为http，不使用ssl这样的https传输协议，于是找到了修改配置的命令

npm config set registry http://registry.npmjs.org/express

npm config set strict-ssl false

更改之后，发现无效

（2）因为其实就是下载文件，所有有的网站提到了可以将默认的http://registry.npmjs.org/express更改为其它网站，并给了几个网址，可以通过上面的更改配置的方式更改，还是无效

（3）最后无奈换了个网络环境之后，发现可以安装了，感觉应该是下载了安装包，不会有其它变化（比如写入注册表之类的），所以将整个目录copy了过来，并且进行了验证，发现是好用的，你可以通过如下语句验证

npm list

于是，环境终于算是搭建完成了，可以开始下面的工作了

几个注意事项及总结

1.       NodeJS的模块路径是nodejs的安装目录下面的node_modules子目录，例如我的是
C:\Program Files\nodejs\node_modules
2.       很多命令都需要node执行，比如
node –v
node –help
node是一个命令行的执行程序，在NodeJS的根目录中能够找到
3.       很多命令都需要npm的执行，你可以在NodeJS的根目录中找到npm.cmd这个文件
4.       帮助文档很重要，有很多时候比Google定位问题要准确的多
5.       有准备的去找答案和瞎碰完全就是两个概念
6.       多折腾总归是有好处的，千万不要怕折腾

Reference：

http://twaver.servasoft.com/?p=3426

http://cnodejs.org

本文链接

关于WPF的拖拽（1让我们拖拽吧！）

2010-07-11T04:52:00Z

主题：

1.让我们拖拽吧！

2.什么，拖拽时还要缩略图？。。。

3.拖拽时的部件重叠（一个萝卜一个坑，请不要占我的坑）

引子：

BOSS：为啥你的程序不支持拖拽？

我：因为我不会拖拽。。。

BOSS：我每月给你的￥都TMD喂狗了啊。。。

上帝说：我要光，所以有了光。

BOSS说：我要拖拽，于是有了拖拽！

正文：

1.让我们拖拽吧！

话说，WPF，要实现拖拽还是比较简单的。

首先是素材，你得有个拖拽的容器，还要有一些拖拽的部件。

然后无非就是以下几个步骤。

对于想要拖拽的部件

（1）你先得给他弄上MouseMove and MouseLeftButtonDown事件

（2）你还得弄个DataObject包含你拖拽时的数据和你想要的效果

（3）然后调用DragDrop.DoDragDrop()吧

对于容器

（1）你要把它的AllowDrop 设置为true，这样你的容器才能被人随便的丢垃圾进去。

（2）当然，你还得加上DragEnter 事件，拖动进入了你的容器时会发生这个事件。

（3）最后，不要忘记加上DragDrop 事件，它会告诉你有某个部件被扔下来了。

好了，说了这么多，还是弄点代码上来吧。

我们自定义一些UserControl代表部件，容器就使用Canvas，因为Canvas能够很好的定位内部的部件位置。

下面是代码

Container的XMAL

Component的XMAL

<Border Background="Azure" BorderThickness="10" CornerRadius="5" BorderBrush="#FF8C4242">
    <DockPanel Margin="10">
        <TextBlock FontSize="20" FontWeight="Bold" FontStyle="Normal">
            I am a container!
        </TextBlock>
    </DockPanel>
</Border>

主窗体CS文件

        this.container.AllowDrop = true;

        this.container.DragEnter += new DragEventHandler((sender, e) =>
        {
            e.Effects = DragDropEffects.None;
        }
        );
        this.container.Drop += new DragEventHandler((sender, e) =>
        {
            //get the object
            var component = e.Data.GetData(typeof(Component)) as Component;
            var endPoint = e.GetPosition(container);

            //calculate the length of component moved
            var moveX = endPoint.X - startPoint.X;
            var moveY = endPoint.Y - startPoint.Y;

            var x = Canvas.GetLeft(component) + moveX;
            var y = Canvas.GetTop(component) + moveY;

            Canvas.SetLeft(component, x);
            Canvas.SetTop(component, y);
        }
        );

        private Point startPoint;

        private void component1_PreviewMouseMove(object sender, MouseEventArgs e)
        {
            // Get the current mouse position
            Point mousePos = e.GetPosition(null);
            Vector diff = startPoint - mousePos;

            if (e.LeftButton == MouseButtonState.Pressed &&
                Math.Abs(diff.X) > SystemParameters.MinimumHorizontalDragDistance &&
                Math.Abs(diff.Y) > SystemParameters.MinimumVerticalDragDistance)
            {
                // Initialize the drag & drop operation
                var component = sender as Component;

                DataObject obj = new DataObject(typeof(Component), component);
                DragDrop.DoDragDrop(component, obj, DragDropEffects.All);
            }
        }
        private void component1_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            startPoint = e.GetPosition(container);
        }

搞定！

总结：至于什么ListView，TreeView的拖拽也都大同小异，无非就是拖拽的部件和容器变化。

可以参考这个文章

http://www.codeproject.com/KB/WPF/WpfDragAndDropSmorgasbord.aspx

本文链接

F# Fundamentals

2010-03-22T03:53:00Z

F# Fundamentals 基本语法

先是一些简单示例

1.Hello World

Printfn "Hello World"

2.简单的Windows Form程序

open System.Windows.Form

let form = new Form (Visible=true)

form.Click.Add (fun _ -> printfn "click")

Application.Run form

3.斐波那契数列

let rec fib x =
if x < 2 then 1
else fib (x–1) + fib (x-2)

let results = Array.map fib [| 1 .. 40 |]

printfn "results = %A" results

感觉怎么样，嘿嘿，OCAML的语法，刚开始看起来肯定是挺晕的。

let关键字

let关键字用来绑定（binding）

let data = (1, 2, 3)           //绑定一个静态值

let f (a, b, c) =              //绑定一个静态方法
    let sum = a + b + c        //绑定一个局部变量
    let g x = sum + x*x        //绑定一个局部方法
    (g a, g b, g c)

不解释，很简单，类似于JavaScript中的var。

NOte注意，F#用缩进表示Scope，开始不是很习惯，习惯了就好。

F#中的注释

// comment
(* comment *) --- 这种注释方式在别的语言中还真没见过，孤陋寡闻了。。。

F#中的函数

(fun x -> x + 1) ---匿名函数

let f x = x + 1

(f, f)

val f : int -> int

F#中的操作符

由于F#允许操作符重载，而且支持的操作符也较多，所以显得有些混乱，如果想了解具体的重载规则，请参考老赵的这篇文章http://www.cnblogs.com/JeffreyZhao/archive/2009/12/14/fsharp-operator.html

算术运算符

Overloaded Arithmetic
x + y        Addition
x - y        Subtraction
x * y        Multiplication
x / y        Division
x % y        Remainder/modulus
-x        Unary negation

逻辑运算符

not expr    Boolean negation
expr && expr    Boolean “and”
expr || expr    Boolean “or”

F#的基础类型

F#的类型推断系统是很牛X的，具体怎么牛，大家自己慢慢研究吧。。。

下面是F#的基本类型

Basic Types/Literals
    int        76
    string     "abc", @"c:\etc"
    float      3.14, 3.2e5
    char       '7'
    bool       true, false
    unit       ()

因为也是基于CLR的，所以基本类型都差不多。

但是F#为了科学计算，所以又增加了一些类型支持。

Basic Types and Literals
sbyte      = System.SByte        76y
byte       = System.Byte        76uy
int16      = System.Int16        76s
uint16     = System.UInt16        76us
int32      = System.Int32        76
uint32     = System.UInt32        76u
int64      = System.Int64        76L
uint64     = System.UInt64        76UL
string     = System.String        "abc", @"c:\etc"
single     = System.Single        3.14f
double     = System.Double        3.14, 3.2e5
char       = System.Char        '7'
nativeint  = System.IntPtr        76n
unativeint = System.UIntPtr    76un
bool       = System.Boolean    true, false
unit       = FSharp.Core.Unit    ()
obj        = System.Object          box 5
exn        = System.Exception       new ArgumentException()
bigint     = FSharp.Math.BigInt     1024I * 1024I * 1024I * 1024I

F#的管道符

这东西早就有一大堆东西支持了，比如powershell，linux shell等

无非就是前个函数的输出作为下一个函数的输入罢了

x |> f

x |> f1
|> f2
|> f3

看一个具体的应用

open System.IO

let files =
    Directory.GetFiles(@"c:\", "*.*",
                       SearchOption.AllDirectories)

let totalSize =
    files
    |> Array.map (fun file -> FileInfo file)
    |> Array.map (fun info -> info.Length)
    |> Array.sum

本文链接

关于程序员的那些事---一个五年程序员的总结

2010-01-25T03:49:00Z

程序员的那点事...

关于计划

2009-12-15T04:02:00Z

去年也是在这个时候给自己列了一份计划清单，大概如下，1.完整的读一本技术书籍2.完整的读一本英文书籍3.参加一个完整的项目（从需求分析到发布结束）4.出去旅行一次5.适当的锻炼身体6.学习一门函数式语言(F#,Erlang,Lisp/Schema)7.更新五篇以上的技术博客8.参加一个英语学习班9.爬一座山现在到了年底了，我发现这份清单有一些完成了，有一些没有完成。列这份清单的意义在于有很多的事情...

巧用异步委托解决异步并发问题

2009-09-01T12:35:00Z

客户需求如下：要求系统能够同时导入A、B、C、D四个文件。如果某个文件导入的时候出错，显示错误信息，其它文件能够继续导入。全部导入之后，通知主线程，程序结束。最终决定采用异步委托解决这个问题。首先编写一个委托，通过需求可以知道，委托的方法名如下：/// /// Import Data Delegate/// /// 导入文件路径public delegate void ImportData...

应用HttpHandler， Json， JQuery， ASP.Net UserControl等技术处理 Ajax 的解决方案

2009-08-31T10:09:00Z

HttpHandler， Json， JQuery， ASP.Net UserControl各部分相应的作用如下， HttpHandler：相应客户请求，并通过调用service返回相应数据。 Json：用来传输简单数据的数据格式。 JQuery：通过JQuery的API调用Ajax，修改页面数据、样式等。 UserControl：生成复杂的html数据，并回传给客户端。一、页面请求部分页面请求...

关于90后程序员工作经历的一些看法

2008-10-09T04:59:00Z

关于90后程序员工作经历的一些看法，没有忠告，只有一些小的建议。

一个奇怪的问题，关于重载！

2008-09-05T04:33:00Z

关于重载的一个奇怪问题

vssettings 黑色theme

2007-09-18T08:44:00Z

帖张效果图从外国一个网站找的theme，感觉不错！！！不过，默认是给VS2008 使用的，当import settings时候，如果在VS2005下面会报错！解决的办法也很简单，用记事本打开文件，代码的最开始部分如下[代码]只要将最上面的<ApplicationIdentity version="9.0" />改成<ApplicationIdentity version="8....