前端

Vite+vue3+Ts+pinia开发(三:父子通讯、兄弟通讯、数组清空、ref、reactive的使用)

首先你完成了如下: Vite+vue3+Ts+pinia实战(一:初始、基础安装、踩坑) Vite+vue3+Ts+pinia开发(二:路由、pinia、UI库安装) 今天就讲讲父子通讯、兄弟通讯,以及ref、reactive的简单使用吧。 父传子Ref基础的HelloWorle.vue就有就不多说了。 初始目录: image.png 一、在components下建一个组件,我这里叫h

JavaScript JSON

前言 JSON 英文全称 JavaScript Object Notation,JSON 是一种轻量级的数据交换格式。JSON是独立的语言 ,易于理解。 JSON 格式仅仅是一个文本。文本可以被任何编程语言读取及作为数据格式传递。 作用 JSON 是用于存储和传输数据的格式。 JSON 通常用于服务端向网页传递数据 。 JSON语法规则 数据为 键/值 对 数据由逗号分隔,最后一个不加逗号

Vue 的单项数据流

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

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

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

2022年Vue面试题

本次让我们系统的熟悉vue的面试常用题目,无论是给准备面试还是准备跳槽的小伙伴,一个学习以及温故知新的版块。这其中加入了我的理解,我尽量用白话文和易懂的语言形式进行解释,如果有地方解释的不正确或者不准确的情况,还请大家不吝赐教。 2022年大环境的不景气,让我们用知识充实自己,面对生活的一次次挑战与考验,加油! 入门级: 1:什么是mvvm? MVVM是Model-View-ViewModel的简

双剑破天门:攻防世界Web题解之独孤九剑心法(七)

免责声明:用户因使用公众号内容而产生的任何行为和后果,由用户自行承担责任。本公众号不承担因用户误解、不当使用等导致的法律责任**本文以攻防世界部分题为例进行演示,后续会对攻防世界大部分的web题目进行演示,如果你感兴趣请关注**目录一:Newscenter二:upload1三:Xff_referer四

Navigator.sendBeacon-页面关闭也能发送请求

背景 最近在需求中有一个这样的场景:需要在页面关闭的时候,用户不需要操作,主动关闭当前订单 当时考虑的方案:在页面关闭的时候,向后端发送一个请求,将这个资源释放掉; 定下方案时,觉得也不是什么难事,觉得谷歌浏览器应该会提供页面关闭的 API 供开发者使用。 经过查找,找到了这么两个 API :beforeunload 和 unload beforeunload 当浏览器窗口关闭或者刷新时,会触

设计模式之观察者模式

1. 观察者模式 观察者模式(Observer Pattern) 观察者模式又叫作发布-订阅(Publish/Subscribe)模式、模型-视图(Model/View)模式、源-监听器(Source/Listener)模式或从属者(Dependent)模式 一对多的依赖关系,一个主题对象可被多个观察者对象同时监听,每当主题对象状态变化时,所有依赖它的对象都会得到通知并被自动更新 观察者模式

前端 VSCODE 插件开发总结 (后续将出专栏详细讲解开发的细节...)

前端 VSCODE 插件开发经验总结 一、开发前期准备 (一)环境搭建Node.js 安装:VSCODE 插件基于 Node.js 开发,需确保安装了合适版本的 Node.js。可从 Node.js 官网下载对应操作系统的安装包,安装过程中按默认设置即可。安装完成后,在命令行输入node -v,若显