前端

Vue2响应式原理模拟(个人笔记)

image.png Vue 把 data 中的成员注入到 Vue 实例,并且把 data 中的成员转成 getter/setter Observer 能够对数据对象的所有属性进行监听,如有变动可拿到最新值并通知 Dep Compiler 解析每个元素中的指令/插值表达式,并替换成相应的数据 Dep 添加观察者(watcher),当数据变化通知所有观察者 Watcher 数据变化更新视

vue的动态组件 keep-alive

1. 什么是动态组件 动态组件指的是 动态切换组件的显示与隐藏 2. 如何实现动态组件渲染 vue提供了一个内置的<component>组件,专门用来实现动态组件的渲染。 作用:组件的占位符 is的值表示要渲染的组件 示例代码如下: Left.vue的代码 <template> <div class="box">这是左边的组件</div>

knife4j通过js动态刷新全局参数

背景 之前在为框架集成knife4j接口调试查看工具,使用了一段时间,使用体验上比较繁琐,因为接口都需要token,所以每次都要去f12查看token复制再创建全局参数,可能我只需要测试一个接口但是步骤少不了,针对此问题框架做了一些优化 设计分析 框架后端针对系统管理员增加一个根据用户直接生成token的接口,将获取到的token通过js方式直接附加到knife4j的全局参数中,这样就只需要点击获

WebRTC-Streamer 介绍、安装与使用

WebRTC-Streamer 介绍、安装与使用1. 项目介绍WebRTC-Streamer 是一个开源项目,旨在通过 WebRTC 技术实现低延迟的音视频流传输。它支持多种数据源,包括 RTSP 流、V4L2 捕获设备和屏幕捕捉等,能够将这些数据源的音视频流通过 WebRTC 传输到浏览器。项目提供了丰富的 API 和示例代码,便于开发者快

盘点简洁好用的8款静态网站搭建框架,小白易上手

后台有个小伙伴最近接了一个私活,找了一个开源的静态网站框架,给一个小公司做了一个官网,部署到服务器上,顺手就赚了几千块钱。你眼红不?相对动态网站,静态网站不需要和后端的交互逻辑,所以只要有点前端基础都可以搞定。即使没有任何前端基础,也没问题,咱不是有 GPT 么&#xff1

前端网页开发学习(HTML+CSS+JS)有这一篇就够!

目录HTML教程▐ 概述▐ 基础语法▐ 文本标签▐ 列表标签 ▐ 表格标签▐ 表单标签CSS教程▐ 概述▐ 基础语法▐ 选择器▐ 修饰文本▐ 修饰背景▐ 透明度▐ 伪类▐ 盒子模型▐ 浮动▐ 定位JavaScript教程▐ 概述▐ 基础语法▐ 函数▐ 事件▐ 计时  ▐ HTML DOMhtml css js三者之间的关系HTML教程 ▐ 概述HTML是HyperText  Markup  Lan

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

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

【Web API系列】WebSocketStream API 深度实践:构建高吞吐量实时应用的流式通信方案

前言在当今的 Web 开发领域,实时通信已成为许多应用的核心需求。无论是即时聊天、实时数据仪表盘,还是在线游戏和金融交易系统,都需要高效的双向数据传输能力。传统的 WebSocket API 为此提供了基础支持,但在处理大规模数据流、背压控制和异步操作管理方面逐渐显露出不足。例如,当客户端接收速度无法跟上服务器发送速度时&#x

Android-Jetpack-Navigation组件使用

图片来源网络 可能有部分Android开发的小伙伴见过单Activity多Fragment的App,使用起来非常的流畅或者说非常的丝滑。自己想要尝试这种开发模式的时候,又会发现Fragment的管理会比较麻烦。现在不用怕了,Android SDK为了我们提供了Navigation来实现这种开发模式。希望这篇文章对小伙伴们有所启发。 Navigation的优势 先来说说使用Navigat