您的位置:

首页 >

365体育备用网址 >

365体育备用网址:3分钟快速搭建nodejs本地服务器方法运行测试html/js >

365体育备用网址:3分钟快速搭建nodejs本地服务器方法运行测试html/js

2016-07-19 08:27:19

分类:365体育备用网址

做前端的都知道,公司的项目在自己的电脑上搭建环境是挺麻烦的一件事情 首先:一般个人电脑没公司的配置性能好, 其次:搭建公司项目在自己电脑涉及很多缓存环境,资源环境包,数据库等的限制,加起来够搞一天了(熟悉公司搭建的环境除外) 就我自身公司而言情况是这样,我作为前端工程师, 前端目前是基于polymer——实现最近遇到的问题就是不知道自己写的页面有没有什么问题,但是要成功启动项目的tomcat才能看,因为这些页面无法直接打开,会包资源解析错误,于是我在想,如何才能把前端页面不依赖tomcat这些蛋疼的部署服务器呢? 于是百度看到了nodejs和nginx,带着对前端服务器的好奇开始了自己的实践,一个晚上也请教了一些同学,然后得到了一些启发 步骤如下 1、到nodejs官网下载安装包http://nodejs.cn/安装完成后自动映射了环境到系统中,不需要自己配置环境变量,然后打开控制台 输入命令:node 没有报错表示运行成功 2、接着在与测试目录同级目录下面新建下面两个js文件 http.js(服务器脚本配置文件)var PORT = 3000;//var http = require('http');var url=require('url');var fs=require('fs');var mine=require('./mine').types;//var path=require('path');var server = http.createServer(function (request, response) { var pathname = url.parse(request.url).pathname; var realPath = path.join("webapp", pathname); //这里设置自己的文件名称; var ext = path.extname(realPath); ext = ext ? ext.slice(1) : 'unknown'; fs.exists(realPath, function (exists) { if (!exists) { response.writeHead(404, { 'Content-Type': 'text/plain' }); response.write("This request URL " + pathname + " was not found on this server."); response.end(); } else { fs.readFile(realPath, "binary", function (err, file) { if (err) { response.writeHead(500, { 'Content-Type': 'text/plain' }); response.end(err); } else { var contentType = mine[ext] || "text/plain"; response.writeHead(200, { 'Content-Type': contentType }); response.write(file, "binary"); response.end(); } }); } });});server.listen(PORT);console.log("Server runing at port: " + PORT + ".");mine.js(引入对应的文件)exports.types = { "css": "text/css", "gif": "image/gif", "html": "text/html", "ico": "image/x-icon", "jpeg": "image/jpeg", "jpg": "image/jpeg", "js": "text/javascript", "json": "application/json", "pdf": "application/pdf", "png": "image/png", "svg": "image/svg+xml", "swf": "application/x-shockwave-flash", "tiff": "image/tiff", "txt": "text/plain", "wav": "audio/x-wav", "wma": "audio/x-ms-wma", "wmv": "video/x-ms-wmv", "xml": "text/xml"};上面两个js新建成功后,打开http.js,接着在里面找到路径设置,把我当前webapp改成你自己的名字项目名称Friendship tips:(前提是跟js在同级个目录。如果测试项目在其他文件,那么路径可能要设置绝对路径了_这个我没尝试) 下面是我的目录对应的文件,三个箭头是必备的其他无需设置 3、控制台启动服务器测试是否成功 见下图: 打开项目所在目录输入node http.js 接着提示端口启动成功, 接着直接输入自己需要测试的文件地址就行了。比如我的 http://localhost:3000/index.html到此全部部署完成!这里注意:一定要在端口号后面加上自己文件路径才能运行成功。不然会报错因为http.js里面写的比较简单,暂时未直接映射 http://localhost:3000 如果出错了那么请重写启动服务 即:Node.js 当然你有兴趣的话可以重写node.js完善它 最后表示:这两个js都是我在博客和百度上看到一些大牛写的,不过他们的写的教程不够清晰(本人水平不足不能跟上他们的思路), 所以再次感谢这些博客大牛.以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

Cpage.js是一款轻量级的Mvvm框架,使用TypeScript(JavaScript的超集)开发。内置模板引擎,路由,指令,http,dom等模块。可以方便地进行组件化开发,语法统一、易用,不依赖于第三方框架,适合中小项目开发。Cpage.js不仅可以给普通元素绑定事件,也可以给组件绑定事件!首先,我们可以定义一个组件headervar header = Cpage.component({ name: 'header', components: [], template: `<div>{{header}}--{{height}}</div>`, data: { header: 'this is header' }, props: { height: { default: '10' } }, beforeRender() { }, render() { }});之后,在需要使用的地方引用他<div> <div class="main" c-click="handelIf()">my app--templateId</div> <div c-if="{{ifTest}}"> <article></article> </div> <header height="{{headerHeight}}" c-click="headerClick()" ></header> <article></article> <footer></footer> </div>在组件上可以使用c-事件 的方式绑定事件总结以上所述是小编给大家介绍的Cpage.js给组件绑定事件的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

一种编程语言是否易用,很大程度上,取决于开发命令行程序的能力。Node.js 作为目前最热门的开发工具之一,怎样使用它开发命令行程序,是 Web 开发者应该掌握的技能。下面就是我在它的基础上扩展的教程,应该是目前最好的解决方案了。一、可执行脚本我们从最简单的讲起。首先,使用 JavaScript 语言,写一个可执行脚本 hello 。#!/usr/bin/env nodeconsole.log('hello world');然后,修改 hello 的权限。$ chmod 755 hello现在,hello 就可以执行了。$ ./hellohello world如果想把 hello 前面的路径去除,可以将 hello 的路径加入环境变量 PATH。但是,另一种更好的做法,是在当前目录下新建 package.json ,写入下面的内容。{ "name": "hello", "bin": { "hello": "hello" }}然后执行 npm link 命令。$ npm link现在再执行 hello ,就不用输入路径了。$ hellohello world二、命令行参数的原始写法命令行参数可以用系统变量 process.argv 获取。下面是一个脚本 hello 。#!/usr/bin/env nodeconsole.log('hello ', process.argv[2]);执行时,直接在脚本文件后面,加上参数即可。$ ./hello tomhello tom上面代码中,实际上执行的是 node ./hello tom ,对应的 process.argv 是 ['node', '/path/to/hello', 'tom'] 。三、新建进程脚本可以通过 child_process 模块新建子进程,从而执行 Unix 系统命令。#!/usr/bin/env nodevar name = process.argv[2];var exec = require('child_process').exec;var child = exec('echo hello ' + name, function(err, stdout, stderr) { if (err) throw err; console.log(stdout);});用法如下。$ ./hello tomhello tom四、shelljs 模块shelljs 模块重新包装了 child_process,调用系统命令更加方便。它需要安装后使用。npm install --save shelljs然后,改写脚本。#!/usr/bin/env nodevar name = process.argv[2];var shell = require("shelljs");shell.exec("echo hello " + name);上面代码是 shelljs 的本地模式,即通过 exec 方法执行 shell 命令。此外还有全局模式,允许直接在脚本中写 shell 命令。require('shelljs/global');if (!which('git')) { echo('Sorry, this script requires git'); exit(1);}mkdir('-p', 'out/Release');cp('-R', 'stuff/*', 'out/Release');cd('lib');ls('*.js').forEach(function(file) { sed('-i', 'BUILD_VERSION', 'v0.1.2', file); sed('-i', /.*REMOVE_THIS_LINE.*\n/, '', file); sed('-i', /.*REPLACE_LINE_WITH_MACRO.*\n/, cat('macro.js'), file);});cd('..');if (exec('git commit -am "Auto-commit"').code !== 0) { echo('Error: Git commit failed'); exit(1);}五、yargs 模块shelljs 只解决了如何调用 shell 命令,而 yargs 模块能够解决如何处理命令行参数。它也需要安装。$ npm install --save yargsyargs 模块提供 argv 对象,用来读取命令行参数。请看改写后的 hello 。#!/usr/bin/env nodevar argv = require('yargs').argv;console.log('hello ', argv.name);使用时,下面两种用法都可以。$ hello --name=tomhello tom$ hello --name tomhello tom也就是说,process.argv 的原始返回值如下。$ node hello --name=tom[ 'node', '/path/to/myscript.js', '--name=tom' ]yargs 可以上面的结果改为一个对象,每个参数项就是一个键值对。var argv = require('yargs').argv;// $ node hello --name=tom// argv = {// name: tom// };如果将 argv.name 改成 argv.n,就可以使用一个字母的短参数形式了。$ hello -n tomhello tom可以使用 alias 方法,指定 name 是 n 的别名。#!/usr/bin/env nodevar argv = require('yargs') .alias('n', 'name') .argv;console.log('hello ', argv.n);这样一来,短参数和长参数就都可以使用了。$ hello -n tomhello tom$ hello --name tomhello tomargv 对象有一个下划线(_)属性,可以获取非连词线开头的参数。#!/usr/bin/env nodevar argv = require('yargs').argv;console.log('hello ', argv.n);console.log(argv._);用法如下。$ hello A -n tom B Chello tom[ 'A', 'B', 'C' ]六、命令行参数的配置yargs 模块还提供3个方法,用来配置命令行参数。 demand:是否必选 default:默认值 describe:提示#!/usr/bin/env nodevar argv = require('yargs') .demand(['n']) .default({n: 'tom'}) .describe({n: 'your name'}) .argv;console.log('hello ', argv.n);上面代码指定 n 参数不可省略,默认值为 tom,并给出一行提示。options 方法允许将所有这些配置写进一个对象。#!/usr/bin/env nodevar argv = require('yargs') .option('n', { alias : 'name', demand: true, default: 'tom', describe: 'your name', type: 'string' }) .argv;console.log('hello ', argv.n);有时,某些参数不需要值,只起到一个开关作用,这时可以用 boolean 方法指定这些参数返回布尔值。#!/usr/bin/env nodevar argv = require('yargs') .boolean(['n']) .argv;console.log('hello ', argv.n);上面代码中,参数 n 总是返回一个布尔值,用法如下。$ hellohello false$ hello -nhello true$ hello -n tomhello trueboolean 方法也可以作为属性,写入 option 对象。#!/usr/bin/env nodevar argv = require('yargs') .option('n', { boolean: true }) .argv;console.log('hello ', argv.n);七、帮助信息yargs 模块提供以下方法,生成帮助信息。 usage:用法格式 example:提供例子 help:显示帮助信息 epilog:出现在帮助信息的结尾#!/usr/bin/env nodevar argv = require('yargs') .option('f', { alias : 'name', demand: true, default: 'tom', describe: 'your name', type: 'string' }) .usage('Usage: hello [options]') .example('hello -n tom', 'say hello to Tom') .help('h') .alias('h', 'help') .epilog('copyright 2015') .argv;console.log('hello ', argv.n);执行结果如下。$ hello -hUsage: hello [options]Options: -f, --name your name [string] [required] [default: "tom"] -h, --help Show help [boolean]Examples: hello -n tom say hello to Tomcopyright 2015八、子命令yargs 模块还允许通过 command 方法,设置 Git 风格的子命令。#!/usr/bin/env nodevar argv = require('yargs') .command("morning", "good morning", function (yargs) { console.log("Good Morning"); }) .command("evening", "good evening", function (yargs) { console.log("Good Evening"); }) .argv;console.log('hello ', argv.n);用法如下。$ hello morning -n tomGood Morninghello tom可以将这个功能与 shellojs 模块结合起来。#!/usr/bin/env noderequire('shelljs/global');var argv = require('yargs') .command("morning", "good morning", function (yargs) { echo("Good Morning"); }) .command("evening", "good evening", function (yargs) { echo("Good Evening"); }) .argv;console.log('hello ', argv.n);每个子命令往往有自己的参数,这时就需要在回调函数中单独指定。回调函数中,要先用 reset 方法重置 yargs 对象。#!/usr/bin/env noderequire('shelljs/global');var argv = require('yargs') .command("morning", "good morning", function (yargs) { echo("Good Morning"); var argv = yargs.reset() .option("m", { alias: "message", description: "provide any sentence" }) .help("h") .alias("h", "help") .argv; echo(argv.m); }) .argv;用法如下。$ hello morning -m "Are you hungry?"Good MorningAre you hungry?九、其他事项(1)返回值根据 Unix 传统,程序执行成功返回 0,否则返回 1 。if (err) { process.exit(1);} else { process.exit(0);}(2)重定向Unix 允许程序之间使用管道重定向数据。$ ps aux | grep 'node'脚本可以通过监听标准输入的data 事件,获取重定向的数据。process.stdin.resume();process.stdin.setEncoding('utf8');process.stdin.on('data', function(data) { process.stdout.write(data);});下面是用法。$ echo 'foo' | ./hellohello foo(3)系统信号操作系统可以向执行中的进程发送信号,process 对象能够监听信号事件。process.on('SIGINT', function () { console.log('Got a SIGINT'); process.exit(0);});发送信号的方法如下。$ kill -s SIGINT [process_id]以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

本文实例讲述了ES6新特性三: Generator(生成器)函数。分享给大家供大家参考,具体如下:1. 简介① 理解:可以把它理解成一个函数的内部状态的遍历器,每调用一次,函数的内部状态发生一次改变。② 写法:function* f() {}③ 作用:就是可以完全控制函数的内部状态的变化,依次遍历这些状态。④ 运行过程:当调用Generator函数的时候,该函数并不执行,而是返回一个遍历器(可以理解成暂停执行)。通过调用next()开始执行,遇到yield停止执行,返回一个value属性值为当前yield语句的值,done属性为false的对象,循环调用next(),一直执行到return语句(如果没有return语句,就执行到函数结束)。next方法返回的对象的value属性,就是紧跟在return语句后面的表达式的值(如果没有return语句,则value属性的值为undefined),done属性的值true,表示遍历已经结束。示例:function* helloWorldGenerator() { yield 'hello'; yield 'world'; return 'ending';}var hw = helloWorldGenerator();//第一次调用该方法不会执行,仅返回一个遍历器。var a = hw.next();while(!a.done){ //当执行到return 时,a.done=true,终止循环 console.log(a.value+','+a.done); a = hw.next();}console.log(a.value+','+a.done);结果:hello,falseworld,falseending,true2. next() 的参数① 我们要知道是next()返回一个对象,yield语句本身是没有返回值,或者说总是返回undefined。next方法可以带一个参数,该参数就会被当作上一个yield语句的返回值。function* f() { for(var i=0; true; i++) { var reset = yield i; console.log(reset); //打印reset,验证yield语句是没有返回值的 if(reset) { i = -1; } }}var g = f();console.log(g.next()) // { value: 0, done: false }console.log(g.next())// { value: 1, done: false }console.log(g.next(true)) // { value: 0, done: false }结果:{ value: 0, done: false }undefined{ value: 1, done: false }true{ value: 0, done: false }通过next方法的参数,就有办法在Generator函数开始运行之后,继续向函数体内部注入值。也就是说,可以在Generator函数运行的不同阶段,从外部向内部注入不同的值,从而调整函数行为。②由于next方法的参数表示上一个yield语句的返回值,所以第一次使用next方法时,不能带有参数。V8引擎直接忽略第一次使用next方法时的参数,只有从第二次使用next方法开始,参数才是有效的。function* foo(x) { var y = 2 * (yield (x + 1)); var z = yield (y / 3); return (x + y + z);}var it = foo(5);console.log(it.next(3))// { value:6, done:false }console.log(it.next(12))// { value:8, done:false }console.log(it.next(13))// { value:42, done:true }3. for-of 遍历generatorfor...of循环可以自动遍历Generator函数,且此时不再需要调用next方法,一旦next方法的返回对象的done属性为true,for...of循环就会中止,且不包含该返回对象function *foo() { yield 1; yield 2; yield 3; yield 4; yield 5; return 6;}for (let v of foo()) { console.log(v);}// 1 2 3 4 54. yield* 语句① 如果yield命令后面跟的是一个遍历器,需要在yield命令后面加上星号,表明它返回的是一个遍历器。这被称为yield*语句。let a = (function* () { yield 'Hello!'; yield 'Bye!';}());let b = (function* () { yield 'Greetings!'; yield* a; yield 'Ok, bye.';}());for(let value of b) { console.log(value);}结果:Greetings!Hello!Bye!Ok, bye.② yield命令后面如果不加星号,返回的是整个数组,加了星号就表示返回的是数组的遍历器。function* gen(){ yield* ["a", "b", "c"];}gen().next() // { value:"a", done:false }遍历嵌套数组:function* iterTree(tree) { if (Array.isArray(tree)) { for(let i=0; i < tree.length; i++) { yield* iterTree(tree[i]); } } else { yield tree; }}const tree = [ 'a', ['b', 'c'], ['d', 'e'] ];for(let x of iterTree(tree)) { console.log(x);}// a b c d e希望本文所述对大家ECMAScript程序设计有所帮助。

一、现象用户登录时需要记住密码的功能,在前端需要对密码进行加密处理,增加安全性二解决1、利用npm(如果没有,先自行安装npm)安装ts-md5npm install ts-md5 --save-dev2、在使用的页面中导入 import { Md5 } from 'ts-md5/dist/md5';3、使用Md5.hashStr(str),如:Md5.hashStr("123456")三、总结发现这个 npm install md5 --save-dev  用不了?有待研究。。。以上所述是本文的全部内容,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

焦点访谈

最新最热的文章

更多 >

COPYRIGHT (©) 2017 Copyright ©2017 365体育在线备用网址 网站地图

联系我们

827570882

扫描二维码分享到微信