前端

CSS中的flex布局

CSS中的flex布局 一.flex布局的基本概念 1.什么是flex布局 Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局,行内元素也可以通过 inline-flex 使属性值用 Flex 布局。 采用 Flex 布局的元素,称为 Flex 容器(flex container),简称"容器"。它的所有子元素自动成

es6开发常用技巧

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

2022年Vue面试题

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

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

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

webpack快速使用

一、webpack是什么 webpack 是一个用于现代 JavaScript 应用程序的静态模块化打包构建工具 Webpack的运行需要依赖Node.js,因此需要先安装Node.js。 [下载地址](Node.js 中文网 (nodejs.cn) 查看是否安装成功 // 查看版本 node - v // 例如 :v16.13.1 二、webpack快速使用 2.1 初始化pack

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

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

WSDL 是什么?一篇小白都能懂的 WebService 接口说明书介绍

你刚接触企业级接口,听到别人说“WSDL”,一脸懵逼?别急,这篇文章专门帮你搞明白: WSDL 究竟是什么? 它和 SOAP、WebService 有啥关系? 为什么我们必须要看 WSDL? 它长啥样,结构如何? 怎么用 WSDL 让开发更简

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

语音发声练习之辩音

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