我开源的H5商城2.0版本发布，强烈推荐；我们团队是如何用好vue3 setup组合式API的？；利用 OpenAI 与 Node.js，精彩呈现电影信息的奥秘；HTML富应用的基石与案例；Flutter TolyUI 框架#05 | 树形菜单设计；面试官问：你会几种三栏布局方式？ 我答：我会5种；web 开发中前端性能优化有哪些策略？；动手实战构建动态交互Web应用 —— Ajax项目深度演练
-
VueJS ReactJS实现AI问答小助手(2)——流式TTS文字转实时语音播放
文章浏览阅读101次。文档只给出了一些配置项的说明，以及java端的代码示例，但没有web端的。所以这篇笔记可以给web开发者参考。首先，AI答复的消息是通过SSE()返回的。SSE请求的实现流程后续有时间再填坑。代码实现中，使用了一个onReply回调来执行后续动作。这个方法会连续多次执行，直到消息结束。SSE是单向的，只能由服务端向客户端推送，而流式TTS这种双向通信需要通过socket来实现。socket的实现，原本是打算用封装了心跳、房间等概念的socket.io。
-
vue3中基于element-plus封装一个表格弹框组件，要求可以单选和多选table数据
文章浏览阅读368次，点赞19次，收藏13次。单选：多选：弹框表格组件代码这里多啰嗦一句，我这里是自定义列，使用单选框的方式实现的为什么要这样呢，因为我开始是使用多选加反选的方式实现单选，但这样存在一个bug，就是多选框的表头有个全选按钮，点击那个全选的时候会出现反选的问题。
-
第六节:带你全面理解vue3 浅层响应式API: shallowRef, shallowReactive, shallowReadonly
文章浏览阅读249次，点赞7次，收藏3次。本章主要给大家讲解创建浅层响应式数据的 API, 即`shallowRef`, `shallowReactive`, `shallowReadonly`
-
文章浏览阅读190次，点赞2次，收藏4次。背景增加组件的复用性，个人体验组件化还是react 方便。
-
vue3怎么分离ts文件（或怎么把vue3的ts文件单独分离出来），以登录页面为例
文章浏览阅读925次，点赞18次，收藏19次。vue3分离ts方法（1）用默认导入法，也就是用export default关键字（2）用命名导入法，也就是用export关键字（3）用自定义组件法，也就是用defineComponent函数
-
文章浏览阅读60次。点击之后如何通知vue弹框出现呢，我在store.js中定义了弹框显隐变量，在main.js vue实例初始化之后将初始化对象挂载到window对象，就可以访问了。我们知道，在百度编辑器中增加自定义toolbar，需要注册自己写的功能,js名称叫135editor.js，代码如下，最近处理一个百度编辑器的需求，需要在百度编辑器内部增加自定义toolbar功能，点击自定义功能实现页面出现一个弹框。UE实例是百度编辑器，在index.html中引入之后就可以使用。点击之后出现vue组件弹框。
-
文章浏览阅读356次，点赞6次，收藏6次。Vue的响应式数据（Reactivity）是Vue.js框架最重要的特性之一，它是Vue实现数据绑定的核心机制。总结来说，Vue的响应式数据使得前端开发变得更加简单和高效，开发者只需要关注数据的状态变化，而不必手动操作DOM来更新视图。在Vue中，响应式数据的实现是通过对数据对象进行劫持和监听，当数据发生改变时，依赖于该数据的视图会自动更新。属性的值会发生改变，Vue会检测到这个改变并自动更新相关的DOM元素，从而实现了数据和视图的同步更新。最后问候亲爱的朋友们，并邀请你们阅读我的全新著作。
-
文章浏览阅读2.9k次，点赞25次，收藏14次。这两个选项在从模型引用中读取或设置值时会接收到当前的值，并且它们都应该返回一个经过处理的新值。返回的值是一个 ref。值且父组件没有为该 prop 提供任何值，会导致父组件与子组件之间不同步。在下面的示例中，父组件的。参数]小节中学到的指定参数与事件名的技巧，我们可以在单个组件实例上创建多个。把这个 ref 绑定到一个原生 input 元素上，在提供相同的。这里是另一个例子，展示了如何在使用多个不同参数的。在某些场景下，你可能想要一个自定义组件的。的返回值，可以在子组件中访问添加到组件。
-
文章浏览阅读72次，点赞3次，收藏4次。ref 是 React 中的一个重要概念，它用于访问和操作 DOM 元素或者类组件实例。在React中，ref 提供了一种方式，允许我们访问DOM节点或在render方法中创建的React元素。这对于执行DOM操作、读取值、动画、集成第三方DOM库等场景非常有用。ref 是一种特殊的属性，你可以将它附加到React元素上。当元素被挂载到DOM或卸载时，React会将ref对象上的特定方法作为回调传递给它。这使得可以在生命周期方法或其他React组件的方法中直接访问DOM元素。
-
js+vue3+elementplus发送验证码实现（含倒计时重新发送）
文章浏览阅读251次，点赞5次，收藏2次。前端发送验证码
-
文章浏览阅读580次，点赞6次，收藏15次。一种组件间通信方式，适用于父子组件间通信。通过父组件给子组件传递函数类型的props实现: 子给父传递数据通过父组件给子组件绑定一个自定义事件实现: 子给父传递数据(第一种写法，使用@或v-on、$emit通过父组件给子组件绑定一个自定义事件实现: 子给父传递数据(第二种写法，使用refthis.$off(‘atguigu’) //解绑一个自定义事件this.$off([‘atguigu’，demo’]) //解绑多个自定义事件this.$off() //解绑所有的自定义事件。
-
文章浏览阅读432次，点赞11次，收藏16次。package.json:图表渲染器(图表组件)一般负责：基于数据协议的图表渲染逻辑渲染逻辑：通用渲染逻辑、特殊渲染逻辑BarRenderer.vue、LineRenderer.vue，统一在ChartsRenderer.vue中进行分发渲染（在这一层将不同的图表类型差异磨平）图表的事件处理图表举例：创建 ChartsRenderer.vuecomponentsChartsRenderer.vueApp.vue项目中：ChartsDataTransformer.t
-
文章浏览阅读98次。在hooks出现之前，react的函数式组件也叫做无状态组件（函数里面无法创建属于自己的状态，只能使用props接收）一个管理状态的 hooks，能让函数组件拥有自己的状态，实现状态的初始化、读取、更新。
-
vue3第三十二节（TS 之 ref reactive defineProps）
文章浏览阅读350次，点赞6次，收藏3次。时候，编译模板会自动根据script 中定义的数据类型而推断出属性的类型（当没有声明属性类型时候）：在使用时候类型定义要与调用的方法保持一致，不然会导致对应的属性 没有该方法而报错；由于string 类型的属性是没有 toFixed() 方法的，故报错，如下图。类型声明或者调用 ref时传入一个泛型参数 来覆盖推断类型。创建的响应式，只能是对象类型，不能是基本类型;vue3 文件中 当我们在。指定复杂类型时候，通过。
-
文章浏览阅读681次，点赞9次，收藏30次。记录使用 vue3 过程中的一些技术点
-
文章浏览阅读140次，点赞3次，收藏3次。React 内部自带了很多 Hooks 例如 useState、useEffect 等等，那么我们为什么还要自定义 Hooks？使用 Hooks 的好处之一就是重用，可以将代码从组件中抽离出来定义为 Hooks，而不用每个组件中重复去写相同的代码。首先是维护方便，更重要的是封装，Hooks 将业务逻辑进行了封装，只要返回值不变，任何改动对组件都是透明的。
-
Vue状态管理深度剖析：Vuex vs Pinia —— 从原理到实践的全面对比
文章浏览阅读1.8k次，点赞151次，收藏127次。Vue应用的状态管理历经演变，从Vue2中成熟的Vuex到Vue3推荐的现代化库Pinia: 作为Vue生态系统长期信赖的状态管理解决方案，Vuex以其全面的特性和对大型项目的支持著称。它通过集中式存储、明确区分同步Mutation和异步Action，提供了一套严谨的状态管理流程，尤其适合复杂应用的开发。: 随着Vue3的发布，Pinia应运而生，它以其轻量级、易用性及对TypeScript的出色集成，成为新趋势。Pinia简化了状态更新逻辑，无需区分Mutation和Action。
-
文章浏览阅读141次。前端页面下载问题
-
前端框架选择指南：React vs Vue vs Angular
文章浏览阅读903次，点赞33次，收藏13次。HTML5文件File API为浏览器提供了与用户计算机上的文件进行交互的能力，使得Web应用程序能够在客户端直接处理文件数据，而无需依赖服务器端上传后再处理。增强了Web应用程序的功能性和用户体验，特别是对于那些需要处理用户上传文件（如图片、文档、视频等）的场景。
-
文章浏览阅读63次。是一个函数时，每次 Vue 创建一个新的组件实例，都会调用这个函数并返回一个新的对象作为该实例的数据。这样，每个组件实例都会拥有自己独立的数据副本，它们之间的数据互不影响。是一个对象，那么这个对象在多个组件实例之间将是共享的，这会导致所有的组件实例都访问和修改同一份数据，这显然不是我们想要的。必须是一个函数而不是一个对象，这是因为 Vue 组件是可复用的，并且每个组件实例都需要拥有自己独立的数据状态。必须是函数，是为了确保每个组件实例都拥有自己独立的数据状态，从而避免数据污染和意外的行为。
