前端

Android WebRTC实战:从零构建高效实时通信应用

快速体验在开始今天关于 Android WebRTC实战:从零构建高效实时通信应用 的探讨之前,我想先分享一个最近让我觉得很有意思的全栈技术挑战。我们常说 AI 是未来,但作为开发者,如何将大模型(LLM)真正落地为一个低延迟、可交互的实时系统,而不仅仅是调个 API?这里有一个非常硬核

语音发声练习之辩音

辩音: 鼻边音n-l, 平翘舌z-zh,c-ch,s-sh, 前后鼻韵n-ng, 地方方言h-w,f-h 前提: 认字,能区分出不同字不同的拼音 能听出来它们的不同读音 声母需掌握其相应的发音部位和方法 韵母需要注意唇形,舌位,动程 声母发音要领: image.png 鼻边音对比: image.png 平翘舌对比: image.png ima

【Web API系列】深入解析 Web Service Worker 中的 WindowClient 接口:原理、实践与进阶应用

前言在现代 Web 开发领域中,Service Worker 技术已成为构建离线优先应用和实现高级缓存策略的核心支柱。作为 Service Worker API 体系中的重要组成部分,WindowClient 接口为开发者提供了对受控客户端窗口的精准控制能力。本文将从实际工程实践的角度出发,系统解析 WindowClient 的核心机制,通

组件分享之后端组件——基于Gin + Vue + Element UI前后端分离的工单系统ferry

组件分享之后端组件——基于Gin + Vue + Element UI前后端分离的工单系统ferry 背景 近期正在探索前端、后端、系统端各类常用组件与工具,对其一些常见的组件进行再次整理一下,形成标准化组件专题,后续该专题将包含各类语言中的一些常用组件。欢迎大家进行持续关注。 组件基本信息 组件:ferry 开源协议:LGPL-3.0 license 官网:

用Map快速构建前端数据层原型

快速体验 打开 InsCode(快马)平台 输入框内输入如下内容: 实现一个基于Map的轻量数据管理层框架,包含:1. 响应式数据绑定 2. 状态快照功能 3. 变更订阅机制 4. 数据验证层 5. 本地存储集成。要求代码精简(不超过300行),提供清晰API文档,支持通过配置快

react中 useContext 和useReducer的使用

useContext和useReducer 可以用来减少层级使用, useContext,可以理解为供货商提供一个公共的共享值,然后下面的消费者去接受共享值,只有一个供货商,而有多个消费者,可以达到共享的状态改变的目的。 useReducer 可以和 useContext 配合使用,useReducer 可以理解为所有的公共组件共享状态。有多个组件,但是都要共享同一个状态和改变状态后的值,这时候

如何从零到一建立前端规范

前言 不以规矩,不能成方圆。 本人有幸经历了团队从缺乏标准到逐渐规范的一个过程,在此当做记录供大家参考。 本文从为什么需要规范以及建立规范的重要性出发,逐步引申出如何去建立适合自己团队的规范,详细讨论了前端具体涉及到的规范都有哪些,部分小节有具体的配置步骤和操作链接。 文中涉及到的所有配置均放在github上的 Demo 中,觉得不错的点个赞 ❤️❤️❤️。 下面我们开始吧🏃。 为什么需要规范 规

Vue 的单项数据流

数据总是从父组件传到子组件,子组件没有权利修改父组件传过来的数据,只能请求父组件对原始数据进行修改。这样会防止从子组件意外改变父组件的状态,从而导致应用的数据流向难以理解。 注意:在子组件直接用 v-model 绑定父组件传过来的 props 这样是不规范的写法,开发环境会报警告。 如果实在要改变父组件的 props 值可以再data里面定义一个变量,并用 prop 的值初始化它,之后用$emit

(第五篇)Spring AI 核心技术攻坚:流式响应与前端集成实现【打字机】效果

摘要        在 AI 对话应用中,传统同步响应模式会导致秒级阻塞,严重影响用户体验。本文聚焦 Spring AI 流式响应核心技术,基于 WebFlux+SSE 构建低延迟实时交互方案,从 Reactive 编程原理切入,深度解析 ChatClient.stream () API 设计逻辑,对比 E

#什么是防抖和节流,他们的应用场景有哪些

防抖(debounce) 触发高频事件后 n 秒内函数只会执行一次,如果 n 秒内高频事件再次被触发,则重新计算时间 #示例代码: 节流(throttle) 高频事件触发,但在 n 秒内只会执行一次,所以节流会稀释函数的执行频率 #示例代码 #总结 (简要答案) 防抖:防止抖动,单位时间内事件触发会被重置,避免事件被误伤触发多次。代码实现重在清零 clearTim