Node(1),web前端开发最佳实践,web后端开发框架

本文介绍了EJS模板引擎的结构和在Express中的应用,包括安装步骤、在JS文件中使用EJS渲染模板以及创建和使用模板文件。同时提及了相关技术概念如HTTP缓存、HTTPS和网络协议基础知识。
摘要由CSDN通过智能技术生成
运行

在这里插入图片描述

在这里插入图片描述

ejs

==============================================================

ejs介绍
  • ejs 结构就是html

  • 输出: <%= 数据名|属性名|变量名 + 表达式 %>

  • 语句: <% 语句 %> 需要被<% %> 包裹

  • 非转义输出: <%- 数据名|变量名 + 表达式 %>

  • 载入公共:<%- include('./hd.ejs',{数据}) %>

  • ejs更多资料点击进入官网了解

ejs使用
  • 先安装ejsnpm i ejs

在这里插入图片描述

  • js文件代码

const express = require(‘express’)

const ejs = require(‘ejs’)

const server = express()

server.listen(3000)

// 静态资源托管

server.use(express.static(‘./public’))

let data={

title:‘hello ejs模板’,

name:‘张三’,

age:18,

bool:false,

list:[

{id:1,msg:‘今天周一’,href:‘href1’},

{id:1,msg:‘今天周二’,href:‘href2’},

{id:1,msg:‘今天周三’,href:‘href3’}

],

strong:“我是非常强壮的

}

server.get(‘/’, (req, res) => {

ejs.renderFile(‘./views/index.ejs’, data, (err, data) => {

if (!err) {

res.send(data)

}

})

})

  • ejs模板文件index.ejs代码
Document

<%- include(‘./head.ejs’,{data:‘也可以在这传递数据’})%>

<%=name %>

<%= age+1 %>

<%= strong %>

<%- strong %>

<% let a=1

let b=2

let c=a+b

%>

c=> <%= c%>

<% d=10 %>

<% e=10 %>

<% f=d+e %>

f=> <%= f%>

<% if(bool){ %>

bool是false

<% }else{ %>

bool是true

<% } %>

    <% for(let i=0;i<list.length;i++){ %>

    • <%= list[i].msg %>
    • <% } %>

      • ejs模板文件head.ejs代码

      <%= title%>

      <%= data%>

      • css文件

      h1{color: red;}

      ul,li{list-style: none;}

      小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

      深知大多数初中级前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
      因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

      img
      img
      img
      img

      由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

      如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)
      img

      计算机网络

      • HTTP 缓存

      • 你知道 302 状态码是什么嘛?你平时浏览网页的过程中遇到过哪些 302 的场景?

      • HTTP 常用的请求方式,区别和用途?

      • HTTPS 是什么?具体流程

      • 三次握手和四次挥手

      • 你对 TCP 滑动窗口有了解嘛?

      • WebSocket与Ajax的区别

      • 了解 WebSocket 嘛?

      • HTTP 如何实现长连接?在什么时候会超时?

      • TCP 如何保证有效传输及拥塞控制原理。

      • TCP 协议怎么保证可靠的,UDP 为什么不可靠?

      开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

      算法

      • 链表

      • 字符串

      • 数组问题

      • 二叉树

      • 排序算法

      • 二分查找

      • 动态规划

      • BFS

      • DFS

      • 回溯算法


        mg_convert/614771dc66a0fec7a3e33c2c7e1fa878.png)

      开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

      算法

      • 链表

      • 字符串

      • 数组问题

      • 二叉树

      • 排序算法

      • 二分查找

      • 动态规划

      • BFS

      • DFS

      • 回溯算法

    • 5
      点赞
    • 10
      收藏
      觉得还不错? 一键收藏
    • 0
      评论
    评论
    添加红包

    请填写红包祝福语或标题

    红包个数最小为10个

    红包金额最低5元

    当前余额3.43前往充值 >
    需支付:10.00
    成就一亿技术人!
    领取后你会自动成为博主和红包主的粉丝 规则
    hope_wisdom
    发出的红包
    实付
    使用余额支付
    点击重新获取
    扫码支付
    钱包余额 0

    抵扣说明:

    1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
    2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

    余额充值