Web前端最全Vue项目中整合富文本编辑器(2)，前端秋招面试题2024

专业技能

一般来说，面试官会根据你的简历内容去提问，但是技术基础还有需要自己去准备分类，形成自己的知识体系的。简单列一下我自己遇到的一些题

• HTML+CSS
• JavaScript
• 前端框架
• 前端性能优化
• 前端监控
• 模块化+项目构建
• 代码管理
• 信息安全
• 网络协议
• 浏览器
• 算法与数据结构
• 团队管理
• 开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

最近得空把之前遇到的面试题做了一个整理，包括我本人自己去面试遇到的，还有其他人员去面试遇到的，还有网上刷到的，我都统一的整理了一下，希望对大家有用。

其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器等等

由于文章篇幅有限，仅展示部分内容

文章目录

• • • 一、在vue中引入tinymce

• 二、配置HTML变量

• 三、引入js脚本

• 四、引入组件

富文本编辑器

一、在vue中引入tinymce

npm install @tinymce/tinymce-vue -S

可是一直无法下载成功，我就直接找了资源

可以直接点这儿下载

将下载好的 tinymce 脚本库放到你的项目的static目录下面

二、配置HTML变量

在 你的项目/build/webpack.dev.conf.js 中添加如下配置：

templateParameters: {

BASE_URL: config.dev.assetsPublicPath + config.dev.assetsSubDirectory

}

目的：为了在html页面中能够使用这里定义的BASE_URL变量

三、引入js脚本

由于富文本编辑器是第三方提供的，需要把它的脚本引入进来才能使用。

在 你的项目/index.html，也就是程序的入口文件中引入js脚本

注意：引入的时候会报错，重启项目错误就会消失

四、引入组件

在 src/components/目录下，编写富文本编辑器的组件

提供了下载地址，资源在优快云的下载资源里面

点击我可以下载

在需要使用到富文本编辑器的页面：

总结:

• 函数式编程其实是一种编程思想，它追求更细的粒度，将应用拆分成一组组极小的单元函数，组合调用操作数据流；

• 它提倡着 纯函数 / 函数复合 / 数据不可变， 谨慎对待函数内的 状态共享 / 依赖外部 / 副作用；

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

Tips:

其实我们很难也不需要在面试过程中去完美地阐述出整套思想，这里也只是浅尝辄止，一些个人理解而已。博主也是初级小菜鸟，停留在表面而已，只求对大家能有所帮助，轻喷🤣；

我个人觉得: 这些编程范式之间，其实并不矛盾，各有各的 优劣势。

理解和学习它们的理念与优势，合理地 设计融合，将优秀的软件编程思想用于提升我们应用；

所有设计思想，最终的目标一定是使我们的应用更加 解耦颗粒化、易拓展、易测试、高复用，开发更为高效和安全；