Nodejs核心模块、渲染引擎学习笔记

最新推荐文章于 2023-01-07 23:01:13 发布

闽江小张

最新推荐文章于 2023-01-07 23:01:13 发布

阅读量326

点赞数

分类专栏：学习文章标签： nodejs js vue web javascript

本文链接：https://blog.csdn.net/weixin_46681371/article/details/106790052

版权

学习专栏收录该内容

55 篇文章 0 订阅

订阅专栏

Nodejs核心模块、渲染引擎学习笔记

一、Nodejs中的核心模块

Node为JavaScript提供了很多服务区级别的API，这些API都包装在具名的核心模块中，例如操作文件的fs模块，http服务的http模块
使用的时候，require（模块名）引入

1、require模块化

require是一个方法，用来加载模块，并执行里面的代码。
require是具有作用域额，外部访问不到内部，内部访问不到外部，默认是封闭的。
每一个文件模块中都提供了一个对象：exports，把需要的外部访问的成员挂载在exports对象上

二、相应内容类型Content—Type

const http=require('http')
const server=http.createServer();
server.on('request',function(req,res){
    //服务器默认发送的数据是Utf-8编码
    //浏览器不知道发送的数据是utf-8
     //浏览器在不知道服务器发送的是什么编码的情况下，会按照当前操作系统的编码去解析
     //中文操作系统默认是gbk
     //解决：返回数据的时候同时高数浏览器我们返回的内容编码是什么
    // res.setHeader('Content-Type','text/plain;charset=utf-8')
    // res.end('你好')
    res.setHeader('Content-Type','text/html;charset=utf-8')
    res.end('<h2>你好</h2>')
})
server.listen(3000,function(){
    console.log('启动完成！通过http：127.0.0.1:3000/访问')
})

三、模版引擎

1、什么是模版？

一个包含了各种参数，并且能够由模版系统通过识别某些特定语法来替换这些参数的文档,模版引擎不关心内容，只关心它人事的语法标示
例如Vue 中的

<template>
<div>
我是{{user.name}},今年{{user.age}}
</div>
</template>
data:{
			user:{
			name:'Mr.ZJB'，
			age：'18'
			}
}

2、在前端使用模版引擎

<!DOCTYPE html> 
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./node_modules/art-template/lib/template-web.js"></script>
</head>
<body>
    <div id ="container"></div>
    <!-- npm init 安装模版 使用npm install art-template -->
   <script type="text/template" id ="tml">
    <table border="1">
        <tr>
            <th>姓名</th>
            <th>年龄</th>
            <th>性别</th>
        </tr>
        {{each students}}
              <!-- {{$index}}{{$value}} -->
            <tr>
                <td>{{$value.name}}</td>
                <td>{{$value.age}}</td>
                <td>{{$value.sex}}</td>
            </tr>
       {{/each}}
    </table>
</script>
   <script>
        const temp=template('tml',{
          students:[
              {name:'张三',age:20,sex:'男'},
              {name:'李四',age:21,sex:'女'},
              {name:'张撒三',age:22,sex:'男'},
              {name:'张三',age:20,sex:'女'},
          ]
        })
        console.log(temp)
        const container=document.querySelector('#container');
        container.innerHTML=temp
      
    </script>
</body>
</html>

3、在node中使用模版引擎

模版引擎最早诞生于服务端，然后发展到前端
服务端渲染

const template=require('art-template')
const fs=require('fs')
fs.readFile('./07_index.html',function(err,data){
    if(err){
        console.log('文件读取错误')
    }else{
        const temp=template.render(data.toString(),{
            user:{
                name:'张三',
                age:18
            }
        })
        console.log(temp)
    }
})

4、客户端渲染和服务端渲染

客户端渲染：
先请求页面，浏览器再去解析，如果发现有ajax异步请求，在向服务器发送数据请求。
1）请求页面
2）请求数据
服务端渲染：
请求的结果就是最终的结果
1）读取HTML
2）模版引擎渲染，在发送给客户之前，服务端已经吧数据替换数据，只请求了一次

客户端渲染不利于SEO搜索引擎优化
服务端渲染是可以被爬虫抓去到的，客户端异步渲染很难被爬虫抓取

闽江小张

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Nodejs核心模块、渲染引擎学习笔记

Nodejs核心模块、渲染引擎学习笔记一、Nodejs中的核心模块Node为JavaScript提供了很多服务区级别的API，这些API都包装在具名的核心模块中，例如操作文件的fs模块，http服务的http模块使用的时候，require（模块名）引入1、require模块化require是一个方法，用来加载模块，并执行里面的代码。require是具有作用域额，外部访问不到内部，内部访问不到外部，默认是封闭的。每一个文件模块中都提供了一个对象：exports，把需要的外部访问的成员挂载在exp
复制链接

扫一扫

专栏目录