实战:基于服务端开发和前后端分离开发区别,从入门到精通系列前端高级工程师路线介绍

31 阅读3分钟

前端框架

前端框架太多了,真的学不动了,别慌,其实对于前端的三大马车,Angular、React、Vue 只要把其中一种框架学明白,底层原理实现,其他两个学起来不会很吃力,这也取决于你以后就职的公司要求你会哪一个框架了,当然,会的越多越好,但是往往每个人的时间是有限的,对于自学的学生,或者即将面试找工作的人,当然要选择一门框架深挖原理。

以 Vue 为例,我整理了如下的面试题。

Vue部分截图

开源分享:docs.qq.com/doc/DSmRnRG… 配置新的模板引擎


  1. 概念:nunjucks—火狐开源

  2. 删除ejs配置nunjucks

npm uninstall --save ejs

npm install nunjucks --save

在这里插入图片描述

  1. 页面操作

app.js

let nunjucks = require('nunjucks');

nunjucks.configure(config.viewPath, {

autoescape: true,

express: app,

noCache: true

});

在这里插入图片描述

① nunjucks模板引擎没有对模板文件名的后缀做特定限制

② 如果文件名是a.html 则渲染是就需要传递 a.html

配置全局路由


  1. 在routes文件夹下,分别新建web.js、back.js文件夹,配置前后端路由

在这里插入图片描述

  1. 在js文件中,分别配置前后端路由

在这里插入图片描述

在这里插入图片描述

  1. 在app.js中,配置静态资源文件夹

// 配置静态资源文件夹

app.use(express.static(path.join(__dirname, 'public')));

app.use(express.static(path.join(__dirname, 'public/web')));

在这里插入图片描述

  1. 在app.js中引入路由中间件,并使用路由中间件

最后

总的来说,面试官要是考察思路就会从你实际做过的项目入手,考察你实际编码能力,就会让你在电脑敲代码,看你用什么编辑器、插件、编码习惯等。所以我们在回答面试官问题时,有一个清晰的逻辑思路,清楚知道自己在和面试官说项目说技术时的话就好了

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