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

美食网站开发计划湖南专业网站建设

美食网站开发计划,湖南专业网站建设,怎么搭载wordpress,电商网站模板建站一.什么是 Node.js Node.js 是一个独立的 JavaScript 运行环境,能独立执行 JS 代码,因为这个特点,它可以用来编写服务器后端的应用程序 Node.js 作用除了编写后端应用程序,也可以对前端代码进行压缩,转译,…

一.什么是 Node.js

  1. Node.js 是一个独立的 JavaScript 运行环境,能独立执行 JS 代码,因为这个特点,它可以用来编写服务器后端的应用程序

  2. Node.js 作用除了编写后端应用程序,也可以对前端代码进行压缩,转译,整合等等,提高前端开发和运行效率

  3. Node.js 基于Chrome V8 引擎封装,独立执行 JS 代码,但是语法和浏览器环境的 V8 有所不同,没有 document 和 window 但是都支持 ECMAScript 标准的代码语法

  4. 想要得到 Node.js 需要把这个软件安装到电脑,在素材里有安装程序(window 和 mac 环境的)参考 PPT 默认下一步安装即可

  5. Node.js 没有图形化界面,需要使用 cmd 终端命令行(利用一些命令来操控电脑执行某些程序软件)输入,node -v 检查是否安装成功

    node -v
    
  6. 需求:新建 index.js 文件,编写打印代码和 for 循环打印 3 个 6

    /*** 目标:编写 js 代码,用 node 命令执行* 终端作用:敲击命令,调用对应程序执行* 终端打开:目标文件->右键->在集成终端中打开* 命令:node xxx.js (注意路径)*/
    console.log('Hello, World')
    for (let i = 0; i < 3; i++) {console.log(6)
    }
    
  7. Node.js 执行目标 JS 文件,需要使用 node xxx.js 命令来执行(我们可以借助 VSCode 集成终端使用,好处:可以快速切换到目标 JS 文件所在终端目录,利用相对路径找到要执行的目标 JS 文件

    外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

二.fs模块-读写文件

1. 模块:

类似插件,封装了方法和属性供我们使用

2. fs 模块:

封装了与本机文件系统进行交互的,方法和属性

3. fs 模块使用语法如下:

  • 加载 fs 模块,得到 fs 对象

    const fs = require('fs')
    
  • 写入文件内容语法:

    fs.writeFile('文件路径', '写入内容', err => {// 写入后的回调函数
    })
    
  • 读取文件内容的语法:

    fs.readFile('文件路径', (err, data) => {// 读取后的回调函数// data 是文件内容的 Buffer 数据流
    })
    

4. 需求:

向 test.txt 文件写入内容并读取打印

/*** 目标:使用 fs 模块,读写文件内容* 语法:* 1. 引入 fs 模块* 2. 调用 writeFile 写入内容* 3. 调用 readFile  读取内容*/
// 1. 引入 fs 模块
const fs = require('fs')
// 2. 调用 writeFile 写入内容
// 注意:建议写入字符串内容,会覆盖目标文件所有内容
fs.writeFile('./text.txt', '欢迎使用 fs 模块读写文件内容', err => {if (err) console.log(err)else console.log('写入成功')
})
// 3. 调用 readFile  读取内容
fs.readFile('./text.txt', (err, data) => {if (err) console.log(err)else console.log(data.toString()) // 把 Buffer 数据流转成字符串类型
})

三.path模块-路径处理

1. 为什么在 Node.js 待执行的 JS 代码中要用绝对路径:

Node.js 执行 JS 代码时,代码中的路径都是以终端所在文件夹出发查找相对路径,而不是以我们认为的从代码本身出发,会遇到问题,所以在 Node.js 要执行的代码中,访问其他文件,建议使用绝对路径

2. 问题:

新建 03 文件夹编写待执行的 JS 代码,访问外层相对路径下的文件,然后在最外层终端路径来执行目标文件,造成问题

在这里插入图片描述

在这里插入图片描述

3. 问题原因:

就是从代码文件夹出发,使用../text.txt解析路径,找不到目标文件,报错了!

4. 解决方案:

使用模块内置变量 __dirname配合 path.join() 来得到绝对路径使用

const fs = require('fs')
console.log(__dirname) // D:\备课代码\2_node_3天\Node_代码\Day01_Node.js入门\代码\03// 1. 加载 path 模块
const path = require('path')
// 2. 使用 path.join() 来拼接路径
const pathStr = path.join(__dirname, '..', 'text.txt')
console.log(pathStr)fs.readFile(pathStr, (err, data) => {if (err) console.log(err)else console.log(data.toString())
})
  1. 再次执行查看问题就被修复了!以后在 Node.js 要执行的 JS 代码中访问其他文件的路径,都建议使用绝对路径

四.http模块-创建Web服务

1. 需求:

引入 http 模块,使用相关语法,创建 Web 服务程序,响应返回给请求方一句提示 ‘hello,world’

2. 步骤:

  1. 引入 http 模块,创建 Web 服务对象
  2. 监听 request 请求事件,对本次请求,做一些响应处理
  3. 启动 Web 服务监听对应端口号
  4. 运行本服务在终端进程中,用浏览器发起请求

3. 注意:

本机的域名叫做 localhost

4. 代码如下:

/*** 目标:基于 http 模块创建 Web 服务程序*  1.1 加载 http 模块,创建 Web 服务对象*  1.2 监听 request 请求事件,设置响应头和响应体*  1.3 配置端口号并启动 Web 服务*  1.4 浏览器请求(http://localhost:3000)测试*/
// 1.1 加载 http 模块,创建 Web 服务对象
const http = require('http')
const server = http.createServer()
// 1.2 监听 request 请求事件,设置响应头和响应体
server.on('request', (req, res) => {// 设置响应头-内容类型-普通文本以及中文编码格式res.setHeader('Content-Type', 'text/plain;charset=utf-8')// 设置响应体内容,结束本次请求与响应res.end('欢迎使用 Node.js 和 http 模块创建的 Web 服务')
})
// 1.3 配置端口号并启动 Web 服务
server.listen(3000, () => {console.log('Web 服务启动成功了')
})

小结

1. Node.js 有什么用?

编写后端程序,提供数据和网页资源,还可以作为前端工程化的工具,翻译压缩整合代码等,提高开发效率

2. Node.js 为何能执行 JS 代码?

基于 Chrome 的 V8 引擎封装

3. Node.js 与浏览器环境的 JS 最大区别?

Node.js 环境中没有 BOM 和 DOM,但是也用 JS 语法

4. Node.js 如何执行代码?

在 VSCode 终端中输入:node xxx.js 回车即可执行(注意路径)

5. 什么是模块?

类似插件,封装了方法和属性

6. fs 模块的作用?

读写本机文件内容

7. path.join() 方法有什么用?

按照所在本机系统的分隔符作为定界符来链接你传入的路径

8. __dirname 模块内置变量的值是多少?

动态获取当前文件所在文件夹的绝对路径

9. 如何访问本机里运行的 Web 服务?

http://localhost:Web服务的端口号/资源路径

http://www.15wanjia.com/news/157114.html

相关文章:

  • 制作php网站银川网站建设哪家不错
  • 组建团队建设网站与开发需要多少钱深圳外贸英文网站设计公司哪家好
  • 北京网站建设汉邦沈阳品牌网站建设
  • 网站制作里的更多怎么做wordpress菜单手机显示下拉
  • 网站后台文件名360怎么做网站搜索
  • 企业网站建设设计方案茂名网站建设制作
  • 班级的网站设计怎么做网络公司什么意思
  • 常州市教育基本建设与装备管理中心网站企业网站seo维护
  • 荥阳做网站推广网站页面怎么做地图
  • 网站建设为什么学flash辽宁建设工程信息网联合体怎么报名
  • 网站建设费放什么科目张家界建设局网站电话号码
  • 网站建设空间选择的重要性关键词抓取工具都有哪些
  • 网站推广与电话销售wordpress主题汉化是什么意思
  • 网站后缀wordpress小工具代码修改
  • 怎样用手机搭建网站在线平面设计软件免费版
  • 建设银行大学华东学院网站做网站是怎么回事
  • 开网站做外贸上海做网站 公司
  • 建网站如果不买域名别人能不能访问wordpress 反应慢
  • 北京大龙建设集团有限公司网站首页旅游网站对比模板下载
  • 郑州哪家做网站最好修改wordpress主题字体大小
  • 宁波网站建设 网络服务国际知名的论文网站
  • 百度收录网站链接网站分析怎么做
  • 网站建设 系统 排名做网站建设怎么找客户
  • 沈阳做网站比较好的公司沈阳集团网站建设
  • 百度推广做网站设计一款app
  • 做app还是网站可以全部免费观看的平台
  • 网站关键词 公司免费在线制作网页
  • 承接php网站建设网页设计收费标准需要多少钱
  • 做a动漫视频在线观看网站用dw设计网站模板下载
  • 自己做网站stri网站改版目的