前端 效果 动画css
怎么用 CSS 美化被选中的文字？
要使用 CSS 美化被选中的文字，可以使用 ::selection 伪元素选择器来设置样式。该选择器会选中用户在页面上所选中的文本，因此您可以使用它来应用样式来改变文本的外观。 例如，要将被选中的文本的背景色设置为黄色，可以使用以下 CSS 代码： ::selection { background- ......
二、搭建前后端分离的自动化测试平台的前端Vue3+Element-plus前端项目
一、安装Node.js以及配置环境变量 1、Node获取地址 https://nodejs.org/en/download 一直默认选项安装，安装好了之后，在环境变量中会自动配置Node的地址，可以在cmd中使用 node -v/npm -v命令验证是否下载成功 2、设置Node的配置内容 （1）在 ......
前端大文件切片上传，断点续传、秒传等解决方案，vue中使用实例
先看逻辑 如何切片？如何获取文件唯一hash？与后端交互获取文件上传的状态，用于判断情况，是秒传还是续传？上传切片文件，判断失败文件重新执行？全部上传完成通知后端？ 1、先上全部代码，后面第2部分解析、第3部分vue中使用相关依赖spark-md5主要用于拿取文件的md5mitt 发布订阅 impo ......
css3 flex弹性盒子布局简单使用
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
使用原生js 写的picker 效果
class Picker { DEFAULT_DURATION = 200; MIN_DISTANCE = 10; DEMO_DATA = []; // demo数据 // 惯性滑动思路: // 在手指离开屏幕时，如果和上一次 move 时的间隔小于 `MOMENTUM_LIMIT_TIME` 且 ......
Spring Boot - ffmpeg 获得 m3u8 列表和 ts 文件，前端请求视频流进行播放
安装 ffmpeg FFmpeg 下载地址：GitHub releases。请下载：ffmpeg-master-latest-win64-gpl-shared.zip 压缩包。 解压到你系统盘任意位置（前提是你以后找得到这玩意儿在哪）。 接下来就是配置其环境变量，所有的环境变量都是配置它的启动文件的 ......
前端面试题
vue页面跳转会经过两个钩子函数**beforeEach、afterEach** 组见守卫 **beforeRouteEnter**前置组见守卫 **beforeRouteUpdate*更新之前 watch和computed区别 数据没有改变，则 computed 不会重新计算）。若没改变，计算属性 ......
尝试将生成的算式及习题长期保存下来，建议采用CSV形式存储。提交实现效果及相关代码。
import java.io.FileWriter;import java.io.IOException;import java.util.ArrayList;import java.util.List;import java.util.Random;public class MathOperati ......
属性选择器 伪类选择器 伪元素选择器 选择器的优先级 CSS属性相关 字体属性 CSS盒子模型 float浮动
今日内容详细 属性选择器 通过标签的属性来查找标签，标签都有属性 <div class="c1" id="d1"></div> id值和class值是每个标签都自带的属性，还有另外一种：自定义属性 <div class="c1" id="d1" username='kevin' password=' ......
CSS样式之基础选择器
CSS样式 css样式的作用是改变标签的内容 如何选中标签的内容？ 方法是使用选择器来实现 ①标签选择器 ②类选择器 ③id选择器 ④通配符选择器 标签选择器 语法： 标签{ 属性：值; 属性：值；......... 属性：值； } 举个例子： 1 <!DOCTYPE html> 2 <html l ......
基于Echart的前端可视化
GitHub 上有许多关于低代码自助可视化的项目，前端使用 Vue 和 ECharts 的示例。以下是一些可能符合你要求的项目： DataV: 项目链接：DataV 描述：DataV 是一款基于 Vue 和 ECharts 的低代码自助可视化工具，它提供了丰富的可视化组件和拖拽式的界面设计，使用户可 ......
CSS 实现钟表
<div className="roundAnim"> {/* 刻度 */} <div className="scale"></div> <div className="s"></div> <div className="m"></div> <div className="h"></div> <di ......
CSS 中的 :root
CSS 中的 :root：https://blog.csdn.net/weixin_51123974/article/details/122311909?ops_request_misc=%257B%2522request%255Fid%2522%253A%252216987384991680019 ......
css模块化及CSS Modules使用详解
css模块化及CSS Modules使用详解：https://xiangzhihong.blog.csdn.net/article/details/53195926?spm=1001.2101.3001.6650.6&utm_medium=distribute.pc_relevant.none-ta ......
每日一练:css关键词：inherit、initial、revert、unset解释
1、inherit (继承) inherit 关键词用于将一个属性值设置为其父元素的相同属性值。 它是一种实现样式继承的方式，使子元素继承父元素的样式属性。 如果父元素没有明确定义该属性，子元素将继承到该属性的默认值。 这个关键词通常用于处理文本属性，如文本颜色、字体等。 <div> <p>这是一个 ......
03_jQuery 事件和动画
目录一、事件页面载入ready(fn)事件处理on(eve,[sel],[data],fn)1.7+off(eve,[sel],[fn])1.7+bind(type,[data],fn)one(type,[data],fn)trigger(type,[data])triggerHandler(typ ......
Chrome浏览器查看前端参数
按F12或者右键点击“检查”进入开发者模式。 点击这个箭头图标，即可选择要查看参数的区域。 查看表格的行高和列宽 当鼠标移到某区域，就会出现浮层，显示此区域的长和宽 查看字体和字号 在搜索栏搜索关键字“font-size”可找到字号 ......
网页CAD(web cad sdk)前端直接获取修改转换后的图纸数据
前言 有用户集成网页CAD之后，需要提取图纸的各种信息和数据，下面我们讲一下Web版CAD如何在前端直接提取修改和转换后的图纸信息，没有集成过在线CAD的小伙伴可以先看一下快速入门 在mxcad中转换后的图纸(.mxweb格式的文件)可以通过mxcad npm包得到图纸的各种数据，如图层、文字样式、 ......
对于百度前端技术学院的task0003-个人任务管理系统开发的一个记录
第一眼看到它列出的需求和实现要求，就觉得头晕，毕竟真的有点乱，好在自己时刻记得偶像的那一句话，“编程，最重要的是解决问题的能力。” 那我现在遇到需求杂乱的话，是不是要把这些要求分类出来？html、css、JS按这个分类出来后，再继续拿草稿图来画最基础的结构（这个是最重要的，不然一开始就乱写，到时候处 ......
实现草地Shader的物体互动效果
我跟着教程：https://zhuanlan.zhihu.com/p/433385999 用Unity Shader实现了草地效果。 接下来我分享一下我在这篇文章的基础上实现简单的草地互动效果的经验。 1、从脚本中传入参数 如果需要实现互动效果，需要实现脚本向shader的传递参数。 脚本使用下面的 ......
如何为模型添加光照效果？
总的来说，关照贴图能够增强模型的环境遮蔽、纹理细节、模型深度感和光照效果等方面的效果。它是一种重要的贴图技术，被广泛应用于游戏开发、影视制作等领域，能够提高模型的视觉真实感和吸引力。 ......
前端面试之选择排序
选择排序： 原理解析： 将未排序的数组中的第一个数据作为基准数据，然后对比除基准数据和已排序数据之外的数据，找到其中的最小数据，然后将最小数据和基准数据进行位置交换。 时间复杂度： 时间复杂度O(n^2) 代码实现： const choseArr = [5, 2, 1, 4, 43, 23, 34] ......
css怎么设置超链接字体颜色
要设置超链接的字体颜色，你可以使用CSS中的color属性。以下是如何使用CSS设置超链接字体颜色的示例： /* 内部样式表（Internal Style Sheet）示例 */ a { color: #ff0000; /* 设置超链接字体颜色为红色 */ } /* 或者外部样式表（External ......
【动画进阶】单标签下多色块随机文字随机颜色动画
我的小册 《CSS 技术揭秘与实战通关》上线了，想了解更多有趣、进阶、系统化的 CSS 内容，可以猛击 - LINK。 在 CSS 还原拉斯维加斯球数字动画 - 掘金 一文中，我们利用纯 CSS，实现了一个非常 Amazing 的动画效果： 其中一个核心点就是，我们利用了如下的代码，在一个 DIV ......
前端利用oss图片地址返回url下载zip包
// 首先引入插件npm install jszip // 导入项目import JSZip from 'jszip' // 利用canvas.toDataURL 转换base64方法下载图片 downZip() { // 测试数据 let downLoadImageList = ['https:/ ......
css面试题
1.css中的哪些单位 绝对单位： px:像素单位 相对单位： em: 相对父元素字体大小 rem:相对根元素字体大小 2.居中的方式 1.水平居中 1.设置盒子： margin:0 auto 2.display: flex 2.垂直居中 1.vertical-align: middle 实现居中， ......
UE427-C++实现摄像机视角的移动，类似开镜效果
教程 方法 调整相机视野和弹簧臂的长度 //自带的tick函数内 需要使用DeltaTime if (bZoomIn) { ZoomFactor += DeltaTime / 0.5f; } else { ZoomFactor -= DeltaTime / 0.5f; } ZoomFactor = ......
前端
标签的分类 1. 单标签 img br hr <img /> 2. 双标签 a h p div <a></a> 3. 按照标签属性分类 1. 块儿标签 # 自己独自占一行 h1-h6 p div 2. 行内(内联)标签 # 自身文本有多大就占多大 a span u i b s div标签和span标 ......
HTML5前端标签练习
前端标签 标签的分类 1. 单标签 img br hr <img /> 2. 双标签 a h p div <a></a> 3. 按照标签属性分类 1. 块儿标签 # 自己独自占一行 h1-h6 p div 2. 行内(内联)标签 # 自身文本有多大就占多大 a span u i b s div标签和 ......