前端

CSS中的flex布局

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

Vue3.2+Vite2.x+Typescript项目进阶搭建-Element-plus

前言:该文没有全局引入的方式讲解 官方文档: 安装淘宝镜像(非必须) 先安装好淘宝镜像 npm install -g cnpm --registry= cnpm install node-sass --save 遇到错误 cnpm : 无法加载文件D:\nodejs\node_global\cnpm.ps1,因为在此系统上

es6开发常用技巧

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

vite技术揭秘--环境变量

前言     我们开发中不可避免的要根据环境变量来做一些逻辑分支,在vite中有两种实现方式,即define和.env文件 示例     通过cross-env包设置环境变量,并通过define向页面中export     在.env中使用VITE_作为开头命名 源码     define         读取配置的整体流程和proxy差不多,这里就不展开说了,总之就是

JavaScript数组方法教学(包教不包会)

数组是什么? 数组是一种特殊的变量,它能够一次存放一个以上的值。 创建数组的方法? 1.创建数组直接量 使用方括号直接创建:[ ] var arr = [1,2,3,4] 2.构造函数法 构造函数就是构造对象的一种模具(函数)构造对象的时候:任何一个函数在构造对象时都要遵守语法: var arr = new Array(1,2,3,4) 数组的特点? 1.数组是有索引的 : 数组的第1个元素索

第四节:React组件状态的State属性

1. State状态理解 关于state的理解 state 是组件对象中最重要的属性,值是对象(可以包含多个数据) 组件被称为"状态机",通过更新组件的state来更新对应的页面显示(重新渲染组件) state是组件实例的属性,函数组件没有实例,因为函数组件没有状态 state可以理解是组件自己的数据, props数据是外部传入,state数据就是组件自己的 2. State状态的使用 2.1

实现web视频弹幕的完整指南

本文还有配套的精品资源,点击获取 简介:Web视频弹幕为观众提供实时评论的互动体验。本文将详细说明如何使用 player.min.js JavaScript库,实现一个网页视频播放器的弹幕功能。包括基本播放器集成、弹幕数据源准备、弹幕加载与显示、样式自定义以及弹幕功能的扩展和定制。 1. Web视频弹幕的重要性 引言:视频