个人技术分享

Angular是一个完整的前端框架，其核心理念是通过指令和组件化开发构建丰富的客户端Web应用。下面是一个简单的Angular组件示例：一个展示“Hello World”的消息的组件。React是一个用于构建用户界面的JavaScript库，其核心概念是虚拟DOM和组件化开发。下面是一个简单的React组件示例：一个展示“Hello World”的消息的函数组件。下面是一个简单的Vue组件示例：一个展示“Hello World”的消息的单文件组件。通过以上示例，我们可以看到各个框架的语法和特点。

在登陆页面，需要滑块，且滑块向右移动到最右边，完成验证

浏览器f12获取vue实例

hash路由模式下实现点击滑动

一、需求是点击发送按钮说话获取语音文件发送给后台、鼠标移除即发送，限制时长30s。

vue elementui el-input 正则验证，限制只能输入数字和小数

vue3组件间通信-v-model

文章浏览阅读36次。对于列拖拽：点击某列的表头前后挪移时，松开鼠标左键后，挪移的列就应该在哪列显示。行拖拽：和列拖拽一样。eleplus对el-table表格进行拖拽(使用sortablejs进行列拖拽和行拖拽)：-CSDN博客。拖拽后表头不变的bug修复。

组件是可复用的 Vue 实例，且带有一个名字：在这个例子中是 。我们可以在一个通过 new Vue 创建的 Vue 根实例中，把这个组件作为自定义元素来使用： new Vue({ el: '#components-demo' })

今天调试之前的项目突然之间提示证书过期,每次刷新界面都要手动点一下,非常难受.因为当时没有截图,这里网上找一张图片,我的是localhost,每次刷新都需要点击继续访问,在这里记录一下解决过程.

vue3 基于el-tree增加、删除节点（非TypeScript 写法）

解决思路：展开行，在dom上其实是新增了一行的高度，合并上新增一个高度就可以。发现蓝色一行挤下来，而且还错位了。获取点击后合并的长度+合并的数字。

vue项目或vite引入json/js文件批量或单个方法。

Jest 是由 Facebook 提供的开源JavaScript测试框架，特别适用于React和Node.js环境。它以简单的配置、高效的性能和易用性而闻名，旨在简化前端开发中的单元测试集成测试端到端测试和快照测试。Jest 提供了一套完整的测试解决方案，包括断言库测试运行器模拟工具等。此外，Jest还提供内置的代码覆盖率工具，帮助开发者优化测试范围，使得编写和运行测试变得更加简单和高效。开箱即用：Jest 内置了断言库、测试覆盖率报告等功能，无需额外配置即可开始编写测试。

在开关外层用插槽包裹，里面写v-model用来绑定字段。

vue防止多次点击

Angular是Google开发的一个开源Web应用框架，它提供了完整的开发解决方案，包括模板、数据绑定、路由、表单验证等功能。在当今的Web前端开发中，三大主流框架——React、Angular和Vue，以其各自的特色和优势，占据了重要的位置。Vue是一个轻量级的、渐进式的JavaScript框架，它提供了灵活的组件系统和强大的指令系统。：React适用于构建大型、复杂的Web应用，尤其是需要高性能渲染和数据驱动的应用。：Vue适用于构建小型到中型的Web应用，尤其是需要快速开发和灵活定制的应用。

1、vue3中的ref与reactive的区别2、为什么用const声明3、响应式对象与响应式引用的区别4、为什么Array更适合用 ref来声明

两种方式传递参数：params方式和query方式

【尚庭公寓SpringBoot + Vue 项目实战】项目介绍（一）1、项目业务概述2、移动端介绍3、 后台管理系统4、 核心业务流程5、项目技术概述5、数据库设计尚庭公寓是一个公寓租赁平台项目，包含移动端和后台管理系统，其中移动端面向广大用户，提供找房、看房预约、租约管理等功能，后台管理系统面向管理员，提供公寓（房源）管理、租赁管理、用户管理等功能。下面分别介绍两端的具体业务功能。各功能模块具体内容如下房源检索用户可以使用这个功能来搜索和检索符合其需求的房源。