Web前端最全Koa 基础篇（三）—— 模板引擎，2024年最新大厂面经合集

算法

1. 冒泡排序

2. 选择排序

3. 快速排序

4. 二叉树查找: 最大值、最小值、固定值

5. 二叉树遍历

6. 二叉树的最大深度

7. 给予链表中的任一节点，把它删除掉

8. 链表倒叙

9. 如何判断一个单链表有环

   

由于篇幅限制小编，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！

如果你觉得对你有帮助，可以戳这里获取：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

在 news.ejs 中引入：

<%- include header.ejs%>

插入 HTML 元素

语法：<%- html代码 %>

循环语句与条件判断语句

循环语句：

<% for(){ %>

//循环体

<% } %>

条件判断语句：

<% if(){ %>

//逻辑

<% } %>

art-template

---

art-template 模板引擎有两种语法，一种是 ejs 的语法，另外一种是类似于 angular 的语法。它也是一种模板引擎，它比 ejs 高效。

1. 安装

npm install --save art-template koa-art-template

2. 引入

const render = require(“koa-art-template”)

render(app,{

root:path.join(__dirname,“views”),

extname:“.ejs”,

debug: process.env.NODE_ENV !== ‘production’

})

注意：views 是存放模板的目录，extname 是模板的后缀名。

3. 基本使用

router.get(“/news”,async (ctx,next) => {

ctx.render(“news”)

})

使用的方式也跟 ejs 的一样，通过 ctx.render 就可以渲染模板。

其他语法：

router.get(“/news”,async (ctx,next) => {

let username = “jonas”

let bool = true

let div = “

this is a div box

”

let list = [“1111”,“2222”,“3333”]

ctx.render(“news”,{

username,

bool,

div,

list

})

})

输出表达式

{{username}}

三元运算符

{{bool ? 1 : 2}}

解析HTML

{{@div}}

条件判断

{{if(bool)}}

you can see me

{{/if}}

循环

{{each list}}

• {{$index}} - {{$value}}

• {{/each}}

  子模板

  {{include ‘./header.ejs’}}

  文末

  从转行到现在，差不多两年的时间，虽不能和大佬相比，但也是学了很多东西。我个人在学习的过程中，习惯简单做做笔记，方便自己复习的时候能够快速理解，现在将自己的笔记分享出来，和大家共同学习。

  个人将这段时间所学的知识，分为三个阶段：

  第一阶段：HTML&CSS&JavaScript基础

  

  第二阶段:移动端开发技术

  

  第三阶段:前端常用框架

  

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

  • 推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；

  • 大厂的面试难在，针对一个基础知识点，比如JS的事件循环机制，不会上来就问概念，而是换个角度，从题目入手，看你是否真正掌握。所以对于概念的理解真的很重要。

  f1982ec0da6e4.png)

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

  • 推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；

  • 大厂的面试难在，针对一个基础知识点，比如JS的事件循环机制，不会上来就问概念，而是换个角度，从题目入手，看你是否真正掌握。所以对于概念的理解真的很重要。