nodejs学习

学习vue

佐手、 提交于 2019-12-05 04:21:06
最近项目用到了vue,所以简单的学习一下 首先要搞清楚下面的概念:nodejs, npm, cnpm, vue-cli, webpack 1.从官网上下载nodejs 并在对应的文件夹下创建两个文件夹:node-cache node-global 2.因为最新的nodejs中已经有了npm 所以不需要在npm安装 3.在配置环境中配置nodejs: D:\Program Files\nodejs D:\Program Files\nodejs\node-global 4.安装vue-cli 5.最新的vue上面已经有了webpack 6.通过vue来创建项目,并进行初始化 7.进到项目路径下通过命令:npm run dev 进行启动 优化: 8.通过webstorm将vue项目打开,并添加npm 启动 9.将npm可以转为cnpm来进行创建项目 来源: https://www.cnblogs.com/zongguitao/p/11905343.html

windows安装npm教程

|▌冷眼眸甩不掉的悲伤 提交于 2019-12-05 04:17:14
windows安装npm教程 1、在使用之前,先类掌握3个东西,明白它们是用来干什么的: npm: nodejs 下的包管理器。 webpack: 它主要用途是通过CommonJS 的语法把所有浏览器端需要发布的静态资源作相应的准备,比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要npm install 就可以安装。 2、nodejs下载网址: https://nodejs.org/en/ 【如果嫌下载的慢,可以下载其他网站上的,别人有现成的,下载的比较快】 3、下载好后,双击安装: 4、默认,下一步: 5、接受协议: 6、选择安装路径: 7、会默认自己添加环境变量: 8、接下去一路“next”,最后点击finish 9、安装好后,对应的各个文件的作用: 10、cmd打开终端: 11、检查是否正常 12、再看看另外2个目录,npm的本地仓库跑在系统盘c盘的用户目录了(没见到npm-cache是因为没有用过, 一使用缓存目录就生成了),我们试图把这2个目录移动回到D:\nodejs 先如下图建立2个目录: 13、然后运行以下2条命令 npm config set prefix "D:\nodejs\node_global" npm config set cache "D:

前后端分离后的前端时代

帅比萌擦擦* 提交于 2019-12-04 01:30:54
什么是前后端分离,要区分前端和后端,需要有个明确的界限。一般,用户可以直接看到的东西,都是属于前端的范畴,除了前端之外都属于后端了。 在传统的像ASP,JSP和PHP等开发模式中,前端是处在一个混沌的状态中,可以说是没有独立的“人格”可言。 前端负责切图和编写静态页面模板,后端将数据渲染到前端提供的页面模板中,最后将页面渲染到浏览器展示。 这个过程中,前端只提供页面模板或者写一些JavaScript脚本,有的甚至JS脚本都是后端来写,前端的作用只局限于切图和样式模板文件,这种角色就是传说中的“切图仔”。 这也是为什么行业内都觉得前端是一个很简单的工作,只要花个一周,学下HTML、CSS和PS的简单技巧就可以胜任的工作。 现在看来,那时候的前端就是一个打酱油的,发展前景很有限。那时候的JavaScript脚本也比较简单,一个jQuery就可以横扫天下,所以对于精通语言类代码的后端程序员来说,可以很快的上手JavaScript,对前端来说,发展空间就更小了。 前后端分离,不只是简单的代码的分离。 首先是要架构上分离解耦,逐渐摆脱前后端在架构上的依赖,前后端各司其职,分开部署在不同的服务器上,通过RESTful接口传递数据。减轻后端服务器的压力,后端服务器不再负责页面渲染,只负责输入数据,吞吐量提升了好几倍。 其次是逻辑分离,不分离的时候,对于业务代码的界限很不明确

nodeJs学习-12 consolidate适配各种模板引擎

别等时光非礼了梦想. 提交于 2019-12-03 19:38:50
const express=require('express'); const static=require('express-static'); const cookieParser=require('cookie-parser'); const cookieSession=require('cookie-session'); const bodyParser=require('body-parser'); const multer=require('multer'); const consolidate=require('consolidate'); //适配模板引擎 不用单独引入ejs、jade之类 var server=express(); server.listen(8080); //1.解析cookie server.use(cookieParser('sdfasl43kjoifguokn4lkhoifo4k3')); //2.使用session var arr=[]; for(var i=0;i<100000;i++){ arr.push('keys_'+Math.random()); } server.use(cookieSession({name: 'zns_sess_id', keys: arr, maxAge: 20*3600*1000})); //3

vscode运行nodejs的方法

眉间皱痕 提交于 2019-12-03 11:36:31
之前有学习过nodejs,但是用的编译器是webstorm,后来接触了vscode编译器,发现是真的好用,但是nodejs不知道咋运行。 其实简单的运行很简单,首先找到vscode中的 这个地方,相信大家都能找到吧,然后搜索 code runner,安装完毕后,右击js文件,运行run code ,就能简单运行nodejs了。 来源: CSDN 作者: 慢吞吞写代码 链接: https://blog.csdn.net/wangjiayu08/article/details/89463237

nodeJs学习-08 模板引擎 jade、ejs

寵の児 提交于 2019-12-03 04:44:59
模板引擎   jade -破坏式、侵入式,强依赖;用了之后不能随便用别的引擎   ejs - 温和、非侵入时、弱依赖 jade使用 const jade = require('jade'); var str = jade.renderFile('./views/8.jade', { pretty: true, //美化 调试时使用 }); console.log(str); ejs使用 const ejs=require('ejs'); ejs.renderFile('./views/1.ejs', {name: 'blue'}, function (err, data){ if(err) console.log('编译失败'); else console.log(data); }); jade语法:   自动识别单标签 实例:属性script(src="a.js") link(href="a.css",rel="stylesheet")input(type="text",id="txt1",value="abc")div&attributes({title: 'aaa', id: 'div1'}) 标签内部值a(href="http://www.baidu.com/") 百度 样式div(style="width:200px;height:200px;background:red

nodeJs学习-08 cookie、session

依然范特西╮ 提交于 2019-12-03 04:39:58
http-无状态的:两次访问之间,无区别,cookie可解决 cookie:在浏览器保存一些数据,每次请求都会带过来;   弊端:可以查看修改,并不安全、大小有限(4K)   读取--cookie-parser   发送--    session:保存数据,保存在服务端,更加安全,大小无限   基于cookie实现,通过cookie读取session值;cookie中会有一个session的ID,服务器利用session_id找到session文件、读取、写入   隐患:session劫持--cookie加密、定期更换等   cookie-session 1、发送cookie   res.secret(签名);   res.cookie(名字,值,{path:'/',maxAge:毫秒单位的有效期,signed:true} 2、读取cookie   依赖cookie-parser 中间件 签名     cookie-encrypter 中间件 加密   server.use(cookieParser('asgewrwrfsf')); //签名秘钥 必须和req.secret的一致     console.log('未签名的cookie:',req.cookies);   console.log('签名的cookie',req.signedCookies); 3、删除cookie  

关于webpack一些路径

匿名 (未验证) 提交于 2019-12-03 00:36:02
好多新手对webpack中的路径一直感到迷茫,其实再学习webpack之前都应该去了解下nodejs的内容, 以为webpack就是个nodejs项目,所以里面涉及到的路径都是nodejs里面的写法 { output: { filename: ‘bundle.js‘, // 这里只能是相对路径或者单个文件名称 path: __dirname + ‘/build‘ // 这里需要是绝对路径 比如 path.resolve(__dirname, ‘../build‘) } } // output 里面涉及到的其他 比如 chunkFilename 都和 path 一样都是相对路径 原文:https://www.cnblogs.com/sxmny/p/9227246.html

转《浅谈架构之路:前后端分离模式》

匿名 (未验证) 提交于 2019-12-03 00:18:01
原文链接: https://www.cnblogs.com/shanrengo/p/6397734.html 前言:分离模式   对前后端分离研究了一段时间,恰逢公司有一个大项目决定尝试使用前后端分离模式进行,便参与其中。该项目从2016年初立项至今,平平稳稳得度过,但也涌现出越来越多的问题,绝对不是说前后端分离模式不好,而是很多公司在尝试前后端分离的时候没有做好充分得准备。   网上对前后端分离介绍的文章已经屡见不鲜,接下来本人用一点粗浅的言语也谈谈这块,献丑了。 为什么要分离?   如果只问“前后端分离的意义大么?”这是废话,因为从软件架构的角度 Web 的前后端从一开始不就一直是分离的么,而且 browser、server 可能将永远分离下去。   为了了解这个问题,我们有必要先了解一下 Web的研发模式演变,关于这个题材,下面这篇博文说得不错,这边就不做搬运工了。    https://github.com/lifesinger/blog/issues/184   我们不能“为了分离而分离”,而应该“为了真正理解web开发、为了更好完成需求而分离”。 前后端分离的误区?    1、前端人员配备是否充足?   由于所在公司以往项目采用传统开发风格,即以后端MVC为主的开发模式,前端人员仅仅提供静态html页面,其余工作皆由后端开发人员完成。 采用前后端分离模式可以减 后

Nodejs客户端连接Zookeeper - 学习记录(四)

匿名 (未验证) 提交于 2019-12-02 23:38:02
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/phpfzh/article/details/91345536 官网文档地址: https://www.npmjs.com/package/node-zookeeper-client NPM 安装node-zookeeper-client 模块: 创建zookeeper.js 文件: 文章来源: https://blog.csdn.net/phpfzh/article/details/91345536