安装及使用
地址:http://www.node.js.cn
特性:
非阻塞IO模型
事件驱动
应用场景
高并发低业务------聊天,电子商务,直播
实时场景
判断node.js安装成功
命令行中输入node -v 或者 npm -v
进入编辑模式:node + 回车
可以进行一些运算
退出模式:Ctrl+d 或 Ctrl+c(两次)
首先进行项目初始化:npm init (快速初始化 npm init -y),会生成文件:package。json
npm install 包的名字(express) --save-dev 生成node_modules文件夹
npm install 包的名字 --save-dev:把依赖包增加到开发环境下
npm install 包的名字 --save:把依赖包增加到运行环境下
模块化开发:
a.js文件:
var man =123
module.exports = man
b.js文件:
require("./a.js")
执行文件:node b.js
express框架
它是一个基于node.js平台的web应用框架,灵活方便,能够快速创建出服务端程序
npm install express --save-dev
webpack:它是一个模块管理器
他可以把js文件当模块来使用
他可以把以上的这些文件进行打包压缩成一个js文件,减少了HTTP的请求
根据模块之间的依赖关系进行分析,按需加载
可以按装一下插件,对插件进行打包处理
安装及使用
npm install webpack -g(global)
打包方式:
手动打包:
a.js
webpack a.js /test/a2.js
创建VUE项目:
npm install vue-cli -g 在全局变量下安装脚手架
vue init webpack 项目名 初始化项目
cd 项目名 切入项目下
npm run dev 运行项目
修改config下的index.js文件中的autoOpenBrowser: true,启动服务自动打开客户端
组件:它是可扩展的HTML
里面包含:
<template></template>
<script></script>
<style></style>
vue框架的特性:能够实现热加载
import和require的区别:
import:一定要放在文件顶部,相当于一个指针引用了文件,并没有把文件包含进来,需要调用文件时引入
require:可以放在文件中任何位置,他是直接把文件包含进来
设置文件路由的流程:
1、建立组件(.vue的文件)
2、配置路由(index.js文件中配置)
3、<router-link to="/">首页</router-link> (compoents.<template><router-link to="/">首页</router-link> </template>)
4、<router-view/> (App.vue中<template><router-view/></template>)
5、更新……
Vue组件的生命周期
1、定义Vue对象并实例化
2、create函数
3、编译模板
4、把HTML元素渲染到页面中
5、mounted函数
6、如果有元素的更新,就执行updated函数
7、销毁实例