个人技术分享

js保留两位小数四舍五入

以上是几种常用的方法来对一个数字保留两位小数并进行四舍五入。根据具体的使用场景和要求，可以选择适合的方法来实现。方法二：使用Math.round()和Math.pow()方法。方法四：使用Math.floor()和Math.pow()方法。方法五：使用Math.ceil()和Math.pow()方法。方法三：使用Math.round()和字符串操作。方法一：使用toFixed()方法。

简述Vue中的数据双向绑定原理

在Vue的编译过程中，当模板中的某个数据对象的属性被使用时（如通过插值表达式{{}}或指令如v-model），Vue会为这个属性创建一个Watcher实例。Vue不仅会对data中的顶层属性进行劫持，还会递归地对所有子属性对象的属性进行劫持，以确保能够监听到所有层级的数据变化。Vue的虚拟DOM系统会根据新的数据状态，计算出需要进行的DOM更新操作，并应用到真实的DOM上，从而实现视图的更新。派发更新：当数据属性变化时，触发setter函数，通知Dep中的所有Watcher实例执行更新。

独一无二的设计模式——单例模式（Java实现）

亲爱的读者们，欢迎来到我们的设计模式专题，今天的讲解的设计模式，还是单例模式哦！上次讲解的单例模式是基于Python实现的，但是目前很多实际系统是通过JAVA实现的，所以今天聊一聊基于JAVA的语言特性，单例模式的实现和应用。单例模式是一种简单而强大的设计模式，确保一个类只有一个实例，并提供全局访问点。在实际开发中，单例模式广泛应用于配置管理、日志记录等场景，通过合理地使用单例模式，我们可以有效管理和优化资源，确保系统的一致性和稳定性。为空，则创建一个新的实例并返回，否则返回已有的实例；

Vue.js 中 ref 和 reactive 的区别及用法

ref适用于需要频繁更改整个值的场景，因为它可以直接赋值新的数组或对象。reactive适用于需要深度响应的对象或数组，在修改其内部属性或元素时能保持响应性。不能直接赋值数组：reactive 创建的是一个深度响应的对象或数组，Vue 只跟踪创建时的对象引用。如果直接重新赋值一个新的对象或数组，Vue 将无法跟踪新的引用，因为新的引用不会被自动转换为响应式对象。

vue引入并使用物理引擎matter.js

Matter.js 提供了一系列强大的功能，使得模拟真实世界中的物理行为变得简单，例如碰撞检测、刚体动力学、约束条件等。⑤渲染独立：Matter.js 不直接处理渲染，而是提供了物体的位置和尺寸信息，开发者可以根据需要选择自己的渲染方式。③物理特性丰富：支持静态、动态、运动学等多种类型的物体，以及各种关节、碰撞检测、摩擦力、重力等物理属性的自定义。②模块化：Matter.js 是高度模块化的，你可以选择只使用需要的功能模块，减少最终应用的体积。// frictionAir: 0.1 // 设置空气阻力。

vue中数据响应式选择ref还是reactive?

语法上来说，两者都可以实现响应式，之所以有ref和reactive，是为了更加方便的将不同的数据类型分类处理。：reactive只能声明对象/数组，ref可以响应任意数据类型，但是使用时需要加.value进行解包。解构对象时，要想保持对象的响应式，注意使用toRefs函数，否则会失去响应式。但是在使用时，reactive直接赋值非常容易丢失响应式。