NodeJS4-4静态资源服务器实战_优化引入模板引擎

【NodeJS4-4静态资源服务器实战_优化引入模板引擎】的更多相关文章

NodeJS4-4静态资源服务器实战_优化引入模板引擎

引入模板引擎(handlebars) cnpm i handlebars 结构大概是这样子的,新建模板dir.tpl文件和route.js dir.tpl <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, i…

浏览器控制台看一下RequestHeader有一个Accept-Encoding,而RespondHeaders中也会有一个Content-Encoding和他进行对应. Accept-Encoding当我们的浏览器发起一个文件的请求时告诉服务器支持哪几种压缩方式,也就是服务器用这几种压缩方式浏览器都能解压,当服务器接收到请求后,知道浏览器支持的压缩方式,服务器就会自动识别其中一种进行压缩并且告诉浏览器自己用了哪个方式压缩,浏览器知道后就知道用哪种对应方式解压了根据拓展名限制一下支持的几钟压缩…

NodeJS4-3静态资源服务器实战_优化成近似同步写法

实例3 上面有点回调,优化成近似同步的写法 route.js const fs =require('fs') const promisify = require('util').promisify; const stat = promisify(fs.stat) const readdir = promisify(fs.readdir); module.exports=async function(req,res,filePath){ try{ const stats =await stat(f…

NodeJS4-8静态资源服务器实战_构建cli工具

Cli(command-line interface),中文是命令行界面,简单来说就是可以通过命令行快速生成自己的项目模板等功能(比较熟悉的是vue-cli脚手架这些),把上述写的包做成Cli工具. 延续上一次的代码,这次现在readme.md里面先注释告诉用户又那些命令行的语句具体对应哪些功能 step1:README.md # anydoor Tiny NodeJS Static Web server ##安装 ``` npm i -g anydoor ``` ##使用方法 ``` any…

NodeJS4-7静态资源服务器实战_缓存

浏览器发出一个请求,服务器解析出响应的结果返回给浏览器. 缓存是怎么工作的? 用户发起请求,浏览器检查本地是否存在缓存,如果第一次请求没有缓存,那就向服务器发起请求,服务器协商缓存的内容并且返回响应,接着返回缓存响应,再次请求时,会检查缓存是否失效,没有失效就使用本地缓存,如果本地缓存失效了, 缓存header 判断本地有没有失效的可以用返回时间Expires/Cache-Control Expires(比较老式):返回的是一个绝对时间,由于时区问题很少用 Cache-Control(常用):…

NodeJS4-9静态资源服务器实战_发到npm上

NodeJS4-2静态资源服务器实战_实现获取文件路径

实例2 : 实现获取文件路径,判断是文件还是文件夹,如果是文件夹就显示里面的列表文件,如果是文件就显示里面的内容 defaultConfig.js module.exports={ root:process.cwd(), hostname:'127.0.0.1', port:9527 } app.js const http = require('http'); const chalk = require('chalk') const path = require('path') const fs…

NodeJS4-1静态资源服务器实战_实现访问获取里面的内容

.gitignore 匹配模式前 / 代表项目根目录匹配模式最后加 / 代表是目录匹配模式前加 ! 代表取反 * 代表任意一个字符 ? 匹配任意一个字符 ** 匹配多级目录统一代码风格配置可以用一下editConfig来统一,代码规约(空格,function怎么定义等) 实例1 实现访问获取里面的内容新建一个文件夹,安装ESlint $ npm install eslint --save-dev 结构大约是 defaultConfig.js module.exports={ hostna…

NodeJS4-6静态资源服务器实战_range范围请求

range范围请求:向服务器发起请求可以申明我想请求判断内容的范围,从多少个字节到多少个字节,一次要求把所有的内容拿回来,服务器在得到相应的请求之后,从拿到对应的文件,拿到对应的字节返回给客户端.要实现这一功能,请求的时候在RequestHeaders里面放一个range对象和我们定义的范围,都好分割请求多个范围, range:bytes = [ start ] - [ end ] 在RequestHeaders里面放一个range对象和我们定义的范围,逗号分割请求多个范围, Accept-Ra…

使用Node.js搭建静态资源服务器

对于Node.js新手,搭建一个静态资源服务器是个不错的锻炼,从最简单的返回文件或错误开始,渐进增强,还可以逐步加深对http的理解.那就开始吧,让我们的双手沾满网络请求! Note: 当然在项目中如果有使用express框架,用express.static一行代码就可以达到目的了: app.use(express.static('public')) 这里我们要实现的正是express.static背后所做工作的一部分,建议同步阅读该模块源码. 基本功能不急着写下第一行代码,而是先梳理一下就基…