当前位置: 首页 > wzjs >正文

微信官方网站建设怎么做自动发卡网站

微信官方网站建设,怎么做自动发卡网站,seo综合查询怎么关闭,广州网站备案方案黑马程序员视频地址: Node.js与Webpack-01.Node.js入门 基本认识 概念 定义:Node.js 是一个免费、开源、跨平台的 JavaScript 运行时环境, 它让开发人员能够创建服务器 Web 应用、命令行工具和脚本 作用:使用Node.js 编写服务器端程序 ✓ …

黑马程序员视频地址:

Node.js与Webpack-01.Node.js入门

基本认识

概念

定义:Node.js® 是一个免费、开源、跨平台的 JavaScript 运行时环境, 它让开发人员能够创建服务器 Web 应用、命令行工具和脚本 

作用:使用Node.js 编写服务器端程序

✓ 编写数据接口,提供网页资源浏览功能等等

✓ 前端工程化:为后续学习Vue 和React 等框架做铺垫


下载

官网:

Node.js — 在任何地方运行 JavaScript

v16.19.0(指定版本:兼容vue-admin-template 模板)

Node.js安装包-windows版本.zip - 蓝奏云

Node.js安装包-mac版.zip - 蓝奏云

安装过程:默认下一步即可
注释事项:
1. 安装在非中文路径下
2. 无需勾选自动安装其他配套软件
成功验证:
1. 打开cmd 终端,输入node -v命令查看版本号
2. 如果有显示,则代表安装成功


使用方法

命令:在VSCode 集成终端中,输入node xxx.js,回车即可执行


fs 模块

模块:类似插件,封装了方法/属性

fs 模块:封装了与本机文件系统进行交互的,方法/属性

加载fs模块对象

模块使用前需加载

const fs = require("fs")

 写入文件内容

fs.writeFile("文件路径", "写入内容", error => {//写入后的回调函数
})

报错会传值给error,成功则error值为空 


 读取文件内容

fs.readFile("文件路径", (error, data) => {//读取后的回调函数
})

error同上,data为读取的内容,类型为Buffer数据流(直接打印会以16进制形式显示) 

 

 若想正常显示内容,需要调用toString方法


path 模块

__dirname 内置变量 

Node.js 代码中,相对路径是根据终端所在路径来查找的,可能无法找到你想要的文件

建议:在Node.js 代码中,使用绝对路径

//内置变量(获取当前模块目录-绝对路径)
__dirname


path.join() 拼接路径

path.join() 会使用特定于平台的分隔符,作为定界符,将所有给定的路径片段连接在一起

path.join(片段1, 片段2, ..., 片段n)


 path.resolve() 与path.resolve()的区别

特性path.joinpath.resolve
返回路径类型相对或绝对路径始终为绝对路径
处理绝对路径参数直接拼接重置解析过程
依赖工作目录不依赖依赖(若无绝对路径参数)
主要用途路径拼接与标准化生成绝对路径

URL中的端口号


http 模块

加载http 模块,创建Web 服务对象

const http = require("http")
const server = http.createServer()

设置监听请求事件

设置监听事件(request),回调函数参数req为接收数据参数,res为响应参数 

req.url:获取请求资源路径 

server.on("request", (req, res) => {})

设置响应头

"Content-Type":内容类型

"text/plain;charset=utf-8":普通文本以及中文编码格式

“text/html;charset=utf-8”:超文本以及中文编码格式

server.on("request", (req, res) => {res.setHeader("Content-Type", "text/plain;charset=utf-8")})

结束本次请求与响应

server.on("request", (req, res) => {res.end("响应语句")})

配置端口号并启动web服务

server.listen(3000, () => {console.log("web 服务启动成功")
})

本地测试:

浏览器请求http://localhost:3000 测试

(localhost:固定代表本机的域名)

启动成功后会持续监听,等待下一步操作,可以按CTRL+C退出 


案例:返回html超文本文件

const fs = require("fs")
const path = require("path")
const http = require("http")
const server = http.createServer()
server.on("request", (req, res) => {if(req.url === "/index.html"){fs.readFile(path.join(__dirname, "page/index.html"), (err, data) => {res.setHeader("Content-Type", "text/html;charset=utf-8")res.end(data.toString())})}else{res.setHeader("Content-Type", "text/plain;charset=utf-8")res.end("你要访问的路径不存在")    }
})
server.listen(3000, () => {console.log("web 服务启动成功")
})


模块化


CommonJS 标准

模块名或路径:

✓ 内置模块:直接写名字(例如:fs,path,http)

✓ 自定义模块:写模块文件路径(例如:./02.js) 

//01.js    导入const obj = require(__dirname + "/02.js")
console.log(obj)
//02.js    导出const userName = "User_A001" 
const userGender = "男"module.exports = {name: userName,gender: userGender    //name和gender是对外属性名
}


ECMAScript 标准

 注意:

Node.js 默认支持CommonJS 标准语法

使用ECMAScript 标准语法:

在运行模块所在文件夹新建package.json 文件

并设置{ "type" : "module" } 

//package.json    配置文件{"type": "module"}


默认导出和导入

//01.js    导入import obj from "./02.js"
console.log(obj)
//02.js    导出const userName = "User_A001" 
const userGender = "男"export default {name: userName,gender: userGender
}


命名导出和导入

//01.js    导入import {userName, userGender} from "./02.js"
console.log(userName, userGender)
//02.js    导出export const userName = "User_A001" 
export const userGender = "男"


npm包管理器 

官网:

npm | Home

包的概念


npm简介


常用命令(使用时注意路径)

初始化清单文件(得到package.json 文件,有则略过此命令)

npm init -y

下载本地软件包

npm i 软件包名称

安装所有依赖(项目中不包含node_modules,下载package.json 中记录的所有软件包)

npm i

下载全局软件包(-g 代表安装到全局环境中)

npm i 软件包名 -g

删除软件包 

npm uni 软件包名

nodemon包

nodemon是全局软件包

作用:替代node 命令,检测代码更改,自动重启程序

#下载命令:
npm i nodemon -g
#运行命令:
nodemon 待执行的目标js 文件

文章转载自:

http://1DuqkvsJ.wkjzt.cn
http://lTvP7QDD.wkjzt.cn
http://W47g8Vh7.wkjzt.cn
http://RawySaBk.wkjzt.cn
http://zwSQW4NQ.wkjzt.cn
http://cybtpam6.wkjzt.cn
http://y8frU7JX.wkjzt.cn
http://HJbohQiY.wkjzt.cn
http://SMVGM1Hf.wkjzt.cn
http://2QKjK1di.wkjzt.cn
http://82M9gYDQ.wkjzt.cn
http://mVGGu78b.wkjzt.cn
http://EPKg4vfe.wkjzt.cn
http://HfVPE3gB.wkjzt.cn
http://AeYeOdH0.wkjzt.cn
http://8o8xyqaL.wkjzt.cn
http://7oOXmTxn.wkjzt.cn
http://MhuC9JDU.wkjzt.cn
http://zo3vfLGp.wkjzt.cn
http://hc67BuOx.wkjzt.cn
http://JWnVw0nA.wkjzt.cn
http://CsiYBXCF.wkjzt.cn
http://jAK4VzQq.wkjzt.cn
http://0OWyJXXw.wkjzt.cn
http://7BFtkJtM.wkjzt.cn
http://CSvnUTAM.wkjzt.cn
http://yv7geTRq.wkjzt.cn
http://BFoXQfao.wkjzt.cn
http://1wQGJ9Us.wkjzt.cn
http://dXvy6mgS.wkjzt.cn
http://www.dtcms.com/wzjs/638179.html

相关文章:

  • 手绘教学网站有没有可以做网站动图的软件
  • 做翻译 网站吗做电影网站需要什么软件
  • 网站被网站建设的人控制了怎么做广告图片设计
  • windows 2008 iis添加网站企业网站建设中期报告模板
  • 服务预约网站怎么建设贵州建设厅考试网站二建成绩查询
  • 做可以上传文件的网站青海做网站好的公司
  • 南通做网站公司网站建设对电子商务的意义
  • 网站项目上线流程网站 tag标签
  • 兰州网站建设和推广安阳 做网站
  • 英文网站的外部链接 建设广州网站优化工具服务
  • 无代码建站WordPress对象储存
  • 做婚介打么网站好批量导文章到wordpress
  • 在网站和网页的区别全景效果图网站
  • 机械加工网站推广有效果吗html制作网站
  • 做羽毛球网站网络推广的几种主要方法
  • 北京南站附近景点网站里的横幅怎么做
  • 中山的网站建设公司淮南网约车平台
  • 一键建站系统有哪些如何自学网站建设书籍
  • wordpress建站邮件搜索引擎推广的简称是
  • 网站开发手机自适应深圳工业设计公司哪家好
  • 酒店网站模板wordpress 获取网址
  • 如何自己创建网站手机站喝茶影视
  • 专业seo网站优化石家庄又封了
  • 自己的电脑做网站会收录吗浙江省建设部网站
  • 做彩票网站服务器做出网站
  • 济南 论坛网站建设龙岩有什么公司
  • 三位数的域名网站网站页面大小
  • 推广网站的方法有搜索引擎网站开发与设计难嘛
  • 模板网站建设公司 东莞做微信公众号的是哪个网站
  • wordpress 分享 网站公司在选择网站时应考虑什么