前端

react中 useContext 和useReducer的使用

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

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

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

语音发声练习之辩音

辩音: 鼻边音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 的核心机制,通

es6开发常用技巧

1.如何隐藏所有指定的元素 const hide = (el) => Array.from(el).forEach(e => (e.style.display = 'none')); // 事例: 隐藏页面上所有`<p>`元素 hide(document.querySelectorALL('p')) 2.如何检查元素是否具有指定的类? 页面DOM里面的每个节点上都有一个

开源WebUploader插件如何扩展PHP实现多线程分片上传加速?

前端老哥外包救星:原生JS大文件上传组件(IE9兼容+20G断点续传)兄弟,作为甘肃接外包的前端程序员,我太懂你现在的处境了——客户要20G大文件上传,还要文件夹层级保留、IE9兼容、加密传输,预算还卡得死死的。网上找的代码全是“文件上传半成品”,文件夹功能要么丢层级&#xff

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

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

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

BUUCTF【提示篇】-CISCN2019 华北赛区 Day1 Web2]ikun

为了给做题做到一半的hackers提供趣味性,所以开头先给这道题更多更明显的提示:提示1:        我的商品非常多,你看要找一百多页才能找到lv6商品提示2:        在购物车里的lv6,如果你能以非常优惠的价格买到的话,我会再给你一个新的地址提示3:  &