hjy_1420的博客

原创 JavaScript中a-calc解决精度问题

a-calc是一个用于计算数学表达式的npm包。除此之外，a-calc还提供了一些常用的数学函数，如平方根、求幂和取模运算。使用a-calc非常简单。你只需要引入a-calc包，然后通过调用其提供的方法来进行计算。例如，你可以使用a-calc的add方法来计算两个数的和，使用multiply方法来计算两个数的乘积。除了这些基本的操作，a-calc还提供了evaluate方法，可以用于计算复杂的数学表达式。无论是简单的算术运算还是复杂的数学表达式，a-calc都可以帮助你轻松地进行计算。

原创 封装一个通用的Echarts组件

首先Echarts改变的原理是通过修改option来调整样式以及数据，了解到这一点之后我们就有了一些思路，既然是封装组件，可以选择父子组件传值的方法，将我们需要的样式以及数据传入组件当中，组件接收到数据，根据不同的数据渲染出对应的图表。做完以上的操作，我们的图表就已经初现雏形了。

原创 Vue动态组件以及keep-alive

上述讲到的方法虽然能够实现了动态组件的切换，但是每次切换都会把上一个组件销毁，然后渲染下一个组件，对于多次切换而言，显然每次的销毁和重新渲染，很大消耗了我们的性能。动态组件是Vue3中非常重要的一个组件类型，它可以让我们在不同的场景下灵活地渲染不同的组件，动态组件是指在一个挂载点使用多个组件，并进行动态切换，我们可以简单的理解为页面的一个位置，最常见的使用场景就是：tab的切换功能。和keep-alive 相关的两个生命周期。在vue要实现这个功能通常使用。include和exclude。

原创 同源策略的概念以及跨域的解决方案

同源策略（Same-Origin Policy）是一种浏览器安全机制用于限制一个网页中的脚本只能访问来自同一源（协议、域名和端口）的资源。同源策略的目的是防止恶意网站通过脚本获取用户的敏感信息或者进行恶意操作。

原创 Vue2与Vue3自定义指令的区别

在Vue.js中，自定义指令是一种扩展Vue.js功能的方式，可以用于在DOM元素上添加特定的行为。总结一下，Vue.js 2和Vue.js 3中的自定义指令的定义方式有所不同，但都可以用于扩展Vue.js的功能，实现特定的行为。钩子函数来绑定指令，并在元素上添加点击事件监听器。当点击元素时，会根据指令的值来改变元素的背景颜色。钩子函数来绑定指令，并在元素上添加点击事件监听器。当点击元素时，会根据指令的值来改变元素的背景颜色。而在Vue.js 3中，自定义指令的写法有所改变。在上面的例子中，我们使用。

原创 axios的概念和axios封装

axios是一个基于Promise的HTTP客户端，用于发送HTTP请求。这样，通过封装axios，我们可以在项目中统一管理API请求，并且可以方便地进行拦截、错误处理等操作。

原创 闭包概念及使用方法

闭包是一种编程概念，它是指一个函数可以访问并操作其外部函数中定义的变量，即使在外部函数执行完毕后，闭包仍然可以使用这些变量。闭包通常由一个函数和其相关的引用环境组成。

原创 重排的概念及使用方法

重排（Reflow）是指浏览器在渲染页面时，根据元素的尺寸、位置和样式等信息，计算并确定元素在页面中的布局和位置。重排是一个相对耗时的操作，会影响页面的性能和用户体验。

原创 防抖和节流的概念及使用方法

防抖和节流是前端开发中常用的两种性能优化技术，用于控制事件触发的频率，提升用户体验。

原创 Vue3中常用的组件通信方式

provide/inject是 Vue 中提供的一对 API，无论层级多深，API 都可以实现父组件到子孙组件的数据传递。子组件需要emit一个叫update:xxx的事件，再把需要更新的响应式数据传给emit方法的第二个参数即可。Vuex 和 Pinia 是 Vue 3 中的状态管理工具，使用这两个工具可以轻松实现组件通信。v-model不能严格成为数据的传递方式，其实只是减少了代码量。()方法创建props对象，即可拿到父组件传来的数据。父组件以数据绑定的形式声明要传递的数据，子组件通过。

原创 Mac找不到.ssh文件夹的解决

输入命令：~/.ssh 即可找到ssh文件夹。首先打开终端，输入命令：ssh localhost。右键访达，前往文件夹。

原创 JS数组常用的遍历方法