前端 效果 动画css
基于Vue.js和Vanta.js的动态天空颜色效果实现
背景 最近在写一个Vue项目，想要在登录界面加一个动态背景效果，搜索之后发现了 Vanta.js（https://www.vantajs.com/ ）这个库。Vanta 可以借助 three.js (WebGL) 或 p5.js 渲染动态的3D背景效果，提供了多种预设。 几种效果都挺不错的，最终我决 ......
前端
第1章 、Web的基本概念 软件开发的架构 目前我们了解的涉及到两个程序之间通讯的应用大致可以分为两种： 第一种是应用类：qq、微信、网盘、优酷这一类是属于需要安装的桌面应用 第二种是web类：比如百度、知乎、博客园等使用浏览器访问就可以直接使用的应用 这些应用的本质其实都是两个程序之间的通讯。 ......
记录--这个前端Api管理方案会更好？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 简介 大家好，前端小白一枚，目前接触后台管理系统比较多，经常遇到不同对象的增删改查的接口，如何对Api进行一个有比较好的管理是个问题。在学习偏函数的时候有了灵感，想到一个不错的API管理方案，并应用在项目一个模块当中，并且开发效率和维护性 ......
安防视频监控平台EasyCVR前端解码与后端解码的区别介绍
视频监控平台/视频存储/视频分析平台EasyCVR基于云边端一体化管理，支持多类型设备、多协议方式接入，具体包括：国标GB28181协议、RTMP、RTSP/Onvif、海康Ehome，以及海康SDK、大华SDK、华为SDK、宇视SDK、乐橙SDK、萤石SDK等，可覆盖市面上绝大多数的视频源设备。 ......
el-table选中效果及动态修改
项目有个需求，是点击关联账户，弹窗显示已经关联的 ，而且表格上还要勾上 效果： 这里的交互有两条线： 1.勾选表格内容，上方标签显示和隐藏 2.删除上方标签，表格中的 该条数据去除选中效果 ......
php根据html生成PDF/图片（兼容css3）
1.利用chrome浏览器 环境要求：需要PHP 7.4~8.2和Chrome/Chrmium 65+ （Linux服务器安装Chrmium） 2.安装 composer require chrome-php/chrome 3.使用 use HeadlessChromium\BrowserFacto ......
视频直播app源码，CSS div水平垂直居中和div置于底部
视频直播app源码，CSS div水平垂直居中和div置于底部 一、水平居中 .hor_center { margin: 0 auto;} 二、水平垂直居中 .content { width: 360px; height: 240px;} .ver_hor_center { position: ......
前端断点及使用
前端断点及使用 断点的目的是，代码运行时在想要开始调试的地方停下来。此时可以查看当前上下文信息，比如全局变量、局部变量的值，函数的输入是否正确，请求的返回值是否正常等。通过此操作判断问题发生的地方，好对症下药 一、打断点的方式 1.找到源码位置，添加断点 （1）寻找源码位置 ①如果是正常html页面 ......
css控制table首列固定内容滚动
table tbody { display: block; height: 500px; overflow-y: scroll; } table thead, tbody tr { display: table; width: 100%; table-layout: fixed; box-sizin ......
利用CSS 实现环形百分比进度展示
先看效果图： UI设计了这样的效果，已读人数占总人数的百分比，环形展示。 这里可以用echarts图表，也可以用css实现，因为我是在小程序环境下，考虑到包大小体积，采用了css实现。 核心就是一行代码： background-image:conic-gradient( #e9e9e9 30deg, ......
LCD液晶防干扰段码显示屏驱动芯片VK1C21A/B/C/D/DA/E/EA具备显示效果好，静电耐压高等优良特性，可驱动32*4/18*4/14*4点
产品型号：VK1C21A/B 产品品牌：永嘉微电/VINKA 封装形式：SSOP48/LQFP48 可定制裸片：DICE(COB邦定片)；COG(邦定玻璃用) 产品年份：新年份 原厂 ,工程服务，技术支持！ 概述： VK1C21A/B是一个点阵式存储映射的LCD驱动器，可支持最大128点（32SEG ......
laravel:多图片上传(10.27.0/前端vue)
一，相关文档 https://learnku.com/docs/laravel/10.x/filesystem/14865#481e03 二，前端vue代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 ......
laravel:单图片上传(10.27.0/前端vue)
一，相关文档 https://learnku.com/docs/laravel/10.x/filesystem/14865#481e03 二，前端vue代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 ......
将CSS应用于字符的一半是否可能？
内容来自 DOC https://q.houxu6.top/?s=将CSS应用于字符的一半是否可能？ 我正在寻找的： 一种样式化字符一半的方法。（在这种情况下，字母的一半是透明的） 我目前搜索过并尝试过的（但没有成功）： 用于样式化字符/字母的方法 使用CSS或JavaScript样式化字符的一部分 ......
如果后端返回上万条数据，前端如何渲染成长列表呢？
使用虚拟列表 只对可见区域进行渲染，对非可见区域中的数据不渲染或部分渲染的技术，从而达到极高的渲染性能，虚拟列表其实是按需显示的一种实现。 虚拟列表一般包含三个组成部分：可视区域、列表渲染区域、真实列表区域。列表渲染区大于等于可视区。比如容器区域需要渲染三屏的节点，当前展示区上一页下一页，滚动过程中 ......
css 文字一行显示
要强制将文本内容显示在一行中，可以使用CSS的 white-space 属性和 overflow 属性来实现。 首先，将 white-space 属性设置为 nowrap，这样文本内容就不会换行。然后，将 overflow 属性设置为 hidden，这样超出一行的内容就会被隐藏起来。 以下是示例代码 ......
CSS 动画
1.1 过渡 transition transition: background-size 2s cubic-bezier(0, .98, .33, 1.1); steps()函数可以配合使用 steps(5, end) 1.2 变形 transform 1.2.1 旋转 rotate()函数可以配 ......
css 多列布局
1.1 多列布局 这里感谢小甲鱼，毕竟编程是小甲鱼带入坑了 鱼C-Web-CSS-速查 1.1.1 column-count 定义： column-count属性指定某个元素应分为的列数。 column-count: number|auto; 值 说明 number 列的最佳数目将其中的元素的内容无 ......
web前端（Vue2.x）接收H264实时视频码流(二进制)进行播放
1、安装 jmuxer npm install jmuxer@2.0.5 2、.vue文件中使用 <template> <div> <video id="dom_id" muted="muted" controls class="video_box"></video> <div v-if="!has ......
【转】CSS重置文档/reset.css
前言 reset.css文档就是一个普通的层叠样式表文档，就是css文档，一个网站一般会用三种css文档来设定网站的样式。重置样式(reset.css)(重置默认的css样式)；公共样式 (common.css)(一系列页面共用共享的样式，如：头部底部样式)；独立样式(每个页面单独使用的样式，如in ......
前端多线程处理——async/await
async 从字面上看就是“异步”，它放在函数定义之前，是使该函数在调用时开一个子线程，以不影响主线程的运行。 而 await 经常和 async 组合使用，在 async 定义的函数中来等待需要时间运行的代码（如ajax请求、Promise对象）的运行结果，以做后续的处理。 如下面的返回Promi ......
css图片宽高不同，缩放图片，保持宽高，注意最外层的盒子要用display:inline-flex
<div class="product"> <Popover placement="right"> <template #content> <div class="w-[200px] h-[200px]"> <img :src="record?.mainImages?.[0]?.url" class ......
用html 加css 绘制表格
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /* 头部样式定义 */ .header { padding-bottom: 10px; /* 设置头部的下内边距 ......
前端大文件断点续传
昨天整理了前端实现大文件上传通过文件切片进行处理，今天继续拓展进行断点续传原理断点续传的原理在于前端/服务端需要记住已上传的切片，这样下次上传就可以跳过之前已上传的部分，有两种方案实现记忆的功能 前端使用 localStorage 记录已上传的切片 hash 服务端保存已上传的切片 hash，前端每 ......
计算机图形：动画
目录基本概念动画的光栅方法双缓存用光栅操作生成动画动画序列的设计传统动画技术计算机动画语言关键帧系统变形模拟加速度OpenGL动画函数 基本概念 计算机动画（computer animation）：场景中任何随时间而发生的视觉变化。 计算机生成的动画，通过几何变换改变对象位置、大小，随时间改变颜色、 ......
前端简介
什么是前端 前端是所有跟用户直接打交道的都可以称之为是前端 比如：PC页面、手机页面、平板页面、汽车显示屏、大屏幕展示出来的都是前端内容 # 能够用肉眼看到的都是前端 什么是后端? 就是一堆代码，用户不能够直接看到，不直接与用户打交道的都是后端 常见的后端：Python、Java、Go、等 为什么要 ......
css--重绘和回流
重绘(paint) : 当render tree中的一些元素需要更新属性，而这些属性只是影响元素的外观，风格，而不影响布局的，比如background-color，则称为重绘。 回流(layout)： 当render tree中的一部分（或全部）因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这 ......
css 居中
absolute 绝对定位来居中 先让元素左上角居中 top: 50%; left: 50%; 再根据容器的大小来设置外边距偏移量 width: 800px; height: 500px; margin-left: -400px; margin-top: -250px; 拓展：过渡玩法： backg ......
前端简介
1. 前端学习哪些内容 1. HTML # 网页的骨架、只是负责显示一些内容，但是显示出来的内容不好看，没样式 2. CSS # 对网页骨架的美化、让网页变得更加的好看而已 3. JavaScript # html、css都是不能动的，静态的，js就是让网页能够动起来，变得更加的美观 4. boot ......
记录--仿加入购物车飞入动画效果
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 近期对管理后台相关功能进行优化，其中导出功能涉及到查询数据过多导致查询很慢问题，决定采用点击后加入到下载中心方式，既解决了接口慢等待问题，也方便后期各种文件的重复下载，一举多得~ 功能上很好实现，调接口就可以了，主要涉及到一个小球飞入效果 ......