2024年最全vue 全局实现数字千位分隔符格式(2)，2024年最新前端开发面试题

总结一下

面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。

还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。

万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。

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

为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。

前端面试题汇总

// 整数部分处理，增加,

const intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, ‘$1,’)

// 预定义小数部分

let floatPart = ‘’

// 将数值截取为小数部分和整数部分

const valueArray = value.toString().split(‘.’)

if (valueArray.length === 2) { // 有小数部分

floatPart = valueArray[1].toString() // 取得小数部分

return intPartFormat + ‘.’ + floatPart

}

return intPartFormat + floatPart

}

好了，这样就实现了，当然如果有其他的需求，具体的转换代码得根据实际来修改。

接下来就是引用。

引用挂载全局

---

在 main.js 文件中引入刚才的过滤器文件，并且挂载到全局。

import { numberToCurrencyNo } from ‘@/utils/numberToCurrency’

// 配置全局过滤器，实现数字千分位格式

Vue.filter(‘numberToCurrency’, numberToCurrencyNo)

这样子就可以了，然后在具体需要转换的地方使用一下就OK了。

使用

---

使用的话就是普通过滤器的使用方法。

Vue 面试题

1.Vue 双向绑定原理
2.描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？
3.你是如何理解 Vue 的响应式系统的?
4.虚拟 DOM 实现原理
5.既然 Vue 通过数据劫持可以精准探测数据变化,为什么还需要虚拟 DOM 进行 diff 检测差异?
6.Vue 中 key 值的作用？
7.Vue 的生命周期
8.Vue 组件间通信有哪些方式?
9.watch、methods 和 computed 的区别?
10.vue 中怎么重置 data?
11.组件中写 name 选项有什么作用？
12.vue-router 有哪些钩子函数?
13.route 和 router 的区别是什么？
14.说一下 Vue 和 React 的认识，做一个简单的对比
15.Vue 的 nextTick 的原理是什么？
16.Vuex 有哪几种属性?
17.vue 首屏加载优化
18.Vue 3.0 有没有过了解？
19.vue-cli 替我们做了哪些工作？

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

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