- 2024-09-13带有表格的仪表板
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>DashboardwithTable</t
- 2024-09-12layui-table一些备忘
.layui-tabletbodytr:nth-child(even){background-color:#F2F7FD;/*偶数行背景色*/}.layui-tabletbodytr:nth-child(odd){background-color:#ffffff;/*奇数行背景色*/}====================================/*自定义滚动条样式*/.layui-table-body::-
- 2024-09-12大模型代码对接(fetchEventSource、hightlight.js
<template> <a-modal class="modal-container" style="min-width:1180px;" :visible="modalState.visible" :footer="null" :bodyStyle="{padding:0,borderRadius:'8px'}" :loading=&
- 2024-09-12移动端web app自适应布局探索与总结
1、困扰多时的问题在这之前做webapp开发的的时候，在自适应方面一般都是宽度通过百分比，高度以iPhone6跟iPhone5之间的一个平衡值写死，我们的设计稿都是iPhone5的640*1136标准，所以高度一般取个大概值，各种图标的宽高也是取平衡值写死，然后部分样式通过媒体查询来设置，例如背景图的
- 2024-09-12进度条效果
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>ProgressBar</title>
- 2024-09-11position定位<img>标签【示例】
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title></head><style>.header{width:100%;height:48px;background-co
- 2024-09-11原神蒙德-Typora模板
基于Newsprint主题开发的一种Typora模板新建模板打开Typora-文件-偏好设置-外观-打开主题文件夹找到其中的Newsprint（应该有一个文件夹+一个css，都要），拷贝副本，重命名（我命名的是“custom”），一定要这一步，不然后期更新的时候会覆盖修改打开其中的custom.css，用以下代码
- 2024-09-11181 Animation Basics & CSS Transitions
实现点击Animate，上面的方块移动示例步骤1、为Animate按钮添加@click方法animateBlock<button@click="animateBlock">Animate</button>2、添加animatedBlock变量控制是否可以移动data() { return { animatedBlock: false, dialogIsV
- 2024-09-10微信小程序---趣味心理测试
Wxml：<view class="a"> <image src="/pages/image/1.png" mode=""/> <text class="text">趣味心理测试</text> <button class="button" bind:tap="ceshi">开始测试</
- 2024-09-10vue项目首屏预加载
<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"/> <linkrel="icon"href=""type="image/png"/> <linkrel="apple-touch-icon"href=""/> &
- 2024-09-10太极（可复制源代码）
效果演示HTML<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>太极</title&g
- 2024-09-09前端登录注册页面springboot+vue2全开发！
需求目标：有“登录界面”和“注册界面”以及“功能操作界面”：我们打开程序会自动进入“登录界面”，如果密码输入正确则直接进入“功能操作界面”，在“登录界面”我们可以点击注册进入“注册页面”，注册好了可以再跳回到“登录界面”进行登录。代码实现：（1）登录操作后端开发见我博
- 2024-09-09CSS3新特性
CSS3新特性本章目标了解CSS3新特性CSS3概述CSS3是什么CSS代表“CasadingStyleSheets”，就是样式表，是一种替代并为网站添加样式的标记性语言。现在所使用的CSS基本是在1998年推出的CSS2的基础上发展而来的。10年前在internet开始普及的时候，就能够使用样式表对网页进行
- 2024-09-09js实现滑动密码框
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,
- 2024-09-07【HTML页面】 每周更新的HTML好玩样式和页面
本周有些迟到下面直接看页面吧星空个人介绍页猜拳小球下楼梯（加载动画）更改鼠标指针(有尾巴的小黑球)星空个人介绍页<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-
- 2024-09-07前端必知必会-CSS 按钮
文章目录CSS按钮Buttons基本按钮样式按钮颜色按钮大小圆角按钮彩色按钮边框可悬停按钮阴影按钮已禁用按钮按钮宽度按钮组带边框的按钮组垂直按钮组图像上的按钮总结CSS按钮Buttons了解如何使用CSS设置按钮样式。基本按钮样式示例.button{background-colo
- 2024-09-06汉服女装商城购物主题html网页成品 | html学生网页源码
文章目录网站主题网站描述网站介绍网站演示学习理念更多干货一、网站主题女装商城网站、女装购物网站、服装商城网站、购物商城网站、电商主题网站、网页设计与制作二、网站描述网页简介：此作品为学生网页设计毕设服装商城购物网页设计题材(汉服，是汉民族的传统服饰。又称
- 2024-09-06CSS学习14[重点]--定位、边偏移、定位模式
定位前言一、定位二、定位模式1.静态定位static2.相对定位relative3.绝对定位absolute4.子绝父相5.绝对定位的盒子水平居中6.固定定位（fixed）7.叠放次序（z）三、四种定位总结四、定位模式转换前言为什么学习定位？应用场景：图片上移动的物体、突出的部分、导航栏
- 2024-09-06一套简约的qt 蓝色qss方案
一套简约的qt蓝色qss方案直接使用qss代码QMenu{background:qlineargradient(x1:0,y1:0,x2:0,y2:1,stop:0rgba(255,255,255,240),stop:0.2rgba(255,255,255,200),stop:0.6rgba(255,255,255,160),stop:1rgba(255,255,255
- 2024-09-06浏览器滚动条样式
1.Webkit浏览器支持使用伪元素来修改滚动条的样式/*设置滚动条的整体样式*/::-webkit-scrollbar{width:12px;/*滚动条的宽度*/}/*设置滚动条轨道的样式*/::-webkit-scrollbar-track{background:#f1f1f1;/*轨道背景颜色*/}/*设置滚动条滑块的样式*/::-webkit-
- 2024-09-063. 基于AR的虚拟商店
3.基于AR的虚拟商店importcv2importnumpyasnpimportos#初始化摄像头cap=cv2.VideoCapture(0)cv2.namedWindow("ARVirtualStore")#加载商品图像products=[]product_names=["product1.png","product2.png","product3.png"]fo
- 2024-09-05AI直播带货插件必备功能和源代码!
在当今数字化时代，AI直播带货已成为电商行业的新宠，为了提升直播效率、增强用户体验，开发一款高效的AI直播带货插件显得尤为重要。本文将详细介绍AI直播带货插件的必备功能，并分享六段核心源代码，帮助开发者更好地理解并实现这些功能。一、必备功能1、智能推荐系统：根据用户的观看历史、
- 2024-09-05python+flask实现用户登录界面
简介 用户输入用户名和密码，此时系统进行核对，如果输入错误，则进行提示；否则登录系统功能界面。前端界面设计，登录界面的示例如下：1）实现前端设计，命名为login.html，前端代码如下所示：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><titl
- 2024-09-05CSS的基本语法
一.CSS的基本语法1.1CSS的基本语法结构h1{ font-size:12px; color:#F00;}h1选择器font-size:12px声明font-size属性CSS的最后一条声明后的“;”可写可不写，但是，基于W3C标准规范考虑，建议最后一条声明的结束“;”都要写上1.2style标签<styletype="text/css"
- 2024-09-04CSS学习12
清除浮动前言一、清除浮动的本质二、清除浮动的方法前言为什么要清除浮动？浮动不占用原文档流的位置，可能会对后面的元素排版产生影响。因此需要在该元素中清除浮动，清除浮动后造成的影响。一、清除浮动的本质为了解决父级元素<html> <head> <style> *{ pa