前端--CSS

制作前端开发中 SVG 图标

1引言在前端开发中常用的图标通常是SVG格式的。SVG是一种矢量图形格式，可以根据背景变色，且在缩放时边缘不会模糊。像常用的ElementPlusIcon就是使用SVG格式实现的。
xieyan0811·2025-03-09 16:11

CSS flex-shrink 属性

实例A,B,C设置flex-shrink:1，D,E设置为flex-shrink:2：菜鸟教程(runoob.com)#content{display:flex;width:500px;}#contentdiv{flex-basis:120px;border:3pxsolidrgba(0,0,0,.2);}.box{flex-shrink:1;}.box1{flex-shrink:2;}div总宽
shengyin714959·2025-03-09 16:39

css使用flex-shrink调整flex布局超出宽度

1.简介flex-shrink属性指定了flex元素的收缩规则。flex-shrink仅在flex布局的子元素中起作用flex元素仅在默认宽度之和大于容器的时候才会发生收缩，其收缩的依据是flex-shrink的值。相反的，flex-grow定义了子元素的扩展比例，在默认宽度之和小于容器宽度时发生扩展。2.使用.container{overflow-x:scroll;overflow-y:hidd
crayon-shin-chan·2025-03-09 15:07

Web3 DApp 测试指南

Web3DApp测试个人总结Web3DApp（去中心化应用）前端开发与传统Web2应用存在显著不同。由于DApp依赖智能合约、区块链RPC交互、钱包签名等技术，其测试方式也有别于传统前端测试。
m0_51192916·2025-03-09 15:06

深入理解Vue中的Component：构建灵活且可复用的前端模块

在前端开发的世界里，随着应用程序的规模和复杂度不断增加，如何有效地组织和管理代码成为了一个关键问题。Vue.js作为一款流行的前端框架，通过其强大的组件系统为开发者提供了一种优雅且高效的解决方案。
Earth explosion·2025-03-09 14:58

第二章：基础概念精讲 - 第五节 - Tailwind CSS Flex 和 Grid 布局实战

Flex布局基础1.Flex容器设置Item1Item2Item3行布局列布局允许换行禁止换行2.主轴对齐左对齐居中对齐右对齐两端对齐环绕对齐均匀对齐3.交叉轴对齐顶部对齐居中对齐底部对齐拉伸对齐基线对齐Flex实战案例1.导航栏布局首页产品服务关于登录2.卡片网格布局卡片标题卡片描述内容Grid布局基础1.Grid容器设置Item1Item2Item32.网格列配置跨越4列跨越8列Grid实战案
·2025-03-09 12:43

第三章：组件开发实战 - 第一节 - Tailwind CSS 常用UI组件构建

基础按钮组件1.按钮样式变体基础按钮轮廓按钮小按钮大按钮禁用按钮2.图标按钮添加表单组件1.输入框用户名2.下拉选择框选项1选项2选项3选项1选项2卡片组件1.基础卡片卡片标题卡片描述内容2.功能卡片促销产品名称产品描述¥99.00加入购物车导航组件1.顶部导航栏首页产品关于2.侧边导航控制面板仪表盘提示和对话框1.消息提示操作成功！出现错误！2.模态对话框确认操作确定要执行此操作吗？取消确定最佳
·2025-03-09 12:43

掌握 PageForge 扩展：从基础应用到深度开发

1.开关组件简介PageForge的开关组件基于TailwindCSS构建，提供了美观且可高度自定义的UI控件。与传统的复选框
·2025-03-09 12:12

H5播放HLS之videojs播放视频

二、实现如果使用videojs播放hls前端代码实现如下：Title请升级您
·2025-03-09 12:41

Vue 3 组件库测试驱动开发 (TDD)：Jest + Vue Test Utils 单元测试实战 - 保障组件质量与长期维护性

引言欢迎再次回到Vue3+现代前端工程化系列技术博客！在昨天的第八篇博客中，我们学习了如何利用Storybook自动化生成专业级的组件文档，极大地提升了组件库的可维护性和易用性。
Neo Evolution·2025-03-09 12:15

Manus：颠覆 AI 代理的新时代

ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读Manus，这款突破性的AI代理，近期在科技界掀起了巨大波澜。
·2025-03-09 12:10

鸿蒙跨平台框架ArkUI-X

这些框架各有特点，技术实现各有差异，比如Flutter通过Dart编写的UI描述对接Flutter渲染引擎，ReactNative则是借助大前端成熟的发展背景，利用JS引擎生成UI描述，渲染时转化为原生控件
搜狐技术产品小编2023·2025-03-09 11:37

180.HTML、CSS、JavaScript

———————————————————————————————【1.引言】在Android开发过程中，前端技术（HTML、CSS、JavaScript）逐渐成为不可或缺的技能之一。
我也念过晚霞·2025-03-09 11:33

uniapp bug解决：uniapp文件查找失败:‘uview-ui‘ at main.js:14

文章目录报错内容解决方法`main.js`文件中uView主JS库引入uView的全局`SCSS`主题文件内容修改引入uView基础样式内容修改配置`easycom`内容修改报错内容10:50:51.795
奶糖 肥晨·2025-03-09 10:31

最新（四）Django学习——模板标签定义及语法：for循环

fromdjango.contribimportadminfromdjango.urlsimportpathfrom.importviewsurlpatterns=[#子路由path(‘test01/’,views.test01),path(‘sing/’,views.sing,{“name”:“小明”,“age”:18},name=“bb”),]②对应的前端
2301_82243493·2025-03-09 09:16

Springboot整合RabbitMQ-MQ交换机、队列工厂初始化工厂

1.场景案例项目过程中我们应用到的MQ比较多一些例如设备之间的实时通信、后台服务向前端WEB实时传输消息，不过我们在项目初期要定义一些MQ的交换机绑定队列，可以在页面控制台上进行添加，但是我们产品部署现场的时候可不能给甲方进行一步一步的操作所以要做初始化工厂作为数据总线来维护我们项目中的所有
panlupeng·2025-03-09 08:10

巨坑之Can‘t resolve ‘./App.vue‘ in ‘/app/src‘

问题报错：前因后果：项目本地打包的时候都没有问题，但是在公司部署的jenkins里打包就出现了如上问题，尝试将文件APP.vue的路径修改，本地打包成功，但是jenkins打包仍然有问题，后来问了有经验的前端才知道问题原因
Yan_an_n·2025-03-09 08:10

如何禁用移动端页面的多点触控和手势缩放

本文将介绍如何通过JavaScript和CSS实现这一功能。1.禁用多点触控在移动设备上，多点触控通常用于缩放页面或执行其他手势操作。
几度泥的菜花·2025-03-09 08:29

6-5，web3浏览器链接区块链（react+区块链实战）

调用读写合约与metamask联动）6-5web3浏览器链接区块链（调用读写合约与metamask联动）这里就是浏览器端和智能合约的交互两个库Web3Trufflecontract//truffle在链接前端合约简单包了一层
吾名招财·2025-03-09 07:18

element--el-table添加合计后固定列x轴滚动条无法滚动问题

属性用来控制一个元素能否响应鼠标操作，常用的关键字有auto和nonepointer-events:none;让一个元素忽略鼠标操作pointer-events:auto;还原浏览器设定的默认行为代码演示添加class添加css
冯浩(grow up)·2025-03-09 07:09

Open WebUI 集成企业微信认证开发文档

OpenWebUI集成企业微信认证开发文档1.系统架构1.1技术栈前端:Vue3+TypeScript后端:FastAPI数据库:PostgreSQL缓存:Redis认证:企业微信OAuth2.01.2
大刘讲IT·2025-03-09 06:54

用python做一个简单的可以调用手机摄像头进行车牌识别的H5页面

2.前端：使用HTML5和JavaScript来访问手机摄像头并捕获图像。3.车牌识别：使用OpenCV和TesseractOCR库来进行车牌识别。
mosquito_lover1·2025-03-09 06:23

element ui 中 Cascader 级联选择器实现 动态加载 动态禁用 入门_cascader动态加载(2)

简单列一下我自己遇到的一些题HTML+CSSJavaScript前端框架前端性能优化前端监控模块化+项目构建代码管理信息安全网络协议浏览器算法与数据结构团队管理开源分享：【大厂前端面试题解析+核心总结学习笔记
2401_84619606·2025-03-09 05:20

vue项目纯前端把PDF转成图片并下载

项目需求是把一个pdf转成图片，并在最后添加上二维码，然后下载下来。经过一番研究以后，作此记录。主要用到了pdfjs-dist这个包，我用的是2.16.105版本。废话不多说，直接上代码。先下载node_modules包npmipdfjs-dist-S然后在vue页面中引入：import*aspdfjsLibfrom"pdfjs-dist/legacy/build/pdf.js";import*a
David+Zhao·2025-03-09 05:49

基于HTML5与CSS的青花瓷网站静态网页设计论文

本文旨在探讨基于HTML5和CSS的青花瓷网站静态网页的设计与实践。二、需求分析在设计青花瓷
IT实战课堂—x小凡同学·2025-03-09 05:32

前端日常总结与实战技巧-4

数值精度丢失如果数值过长，会造成精度丢失，前端用任何转换处理都会造成精度丢失问题。
·2025-03-09 04:32

Vue-Vant

在使用MintUI的过程中发现有很多的坑,所以个人不推荐在移动端中选择MintUIVant是有赞前端开发团队又推出的一款基于Vue的移动端UI框架大白话:和Bootstrap一样对原生的HTML标签进行了封装
YY小怪兽·2025-03-09 04:11

Vue-vant的使用

Vant是赞前端团队维护的移动端组件库，提供了一整套UI基础组件和业务组件。
MissXu666·2025-03-09 03:40

TypeScript 学习笔记（十五）：TypeScript 与数据库的深度结合

TypeScript学习笔记（十五）：TypeScript与数据库的深度结合1.引言在前几篇学习笔记中，我们探讨了TypeScript的基础知识、前后端框架的结合应用、测试与调试技巧、性能优化、前端架构设计以及
Evaporator Core·2025-03-09 03:30

第五课：动态网页破解：Selenium自动化技术解析

在当前前端技术发展的情况下，越来越多的网站都是动态加载数据或则动态渲染页面。
deming_su·2025-03-09 03:58

css动画实现铃铛效果

代码*,*::after,*::before{margin:0;padding:0;box-sizing:border-box;}body{width:100%;height:100vh;background-color:#1d1d1d;display:flex;justify-content:center;align-items:center;}.notification{width:200px
木心操作·2025-03-09 03:56

【前端】前端面试题

前端面试题闭包1.定义：闭包（Closure）是指一个函数能够访问并记住其外部作用域中的变量，即使外部函数已经执行完毕。闭包由两部分组成：一个函数（通常是内部函数）。
白了少年头z·2025-03-09 02:41

jQuery 三 jQuery事件注册、处理、绑定on()、解绑 off()、自动触发事件 trigger() ；事件对象——阻止冒泡、默认行为 ；对象拷贝extend；多库共存，插件，本地存储案例

1.jQuery事件注册语法：element.事件(function(){事件处理程序})1.单个事件注册$("div").click(function(){$(this).css("background
Hyman-ya·2025-03-09 02:20

鸿蒙NEXT开发【UI组件性能优化】性能分析

其中页面加载和布局渲染的主要流程如下：图1页面首次加载过程流程图在执行页面文件时，前端UI描述会在后端创建相应的FrameNode节点树。该树主要用于处理UI组件属性更新、布局测算、事件处理。
ADgai1987·2025-03-09 01:12

unity全栈开发是什么意思_为什么你要去尝试全栈开发？

从我的个人实践出发，全栈学徒至少要掌握以下几种技能：Web前端开发，至少掌握一种前端框架；Server后端开发，至少掌
上海龙哥·2025-03-09 01:24

【K8S问题系列 | 10】在K8S集群怎么查看各个pod占用的资源大小？【已解决】

需要确保已安装并配置了MetricsServer。查看所有Pod的资源使用情况kubectltoppods--all-namespaces示例输出NAMESPACENAMECPU(cores)MEM
颜淡慕潇·2025-03-09 01:34

基于Flask和VUE的YOLOv5目标检测模型部署

基于Flask和VUE的YOLOv5目标检测模型部署基于Flask和VUE的YOLOv5目标检测模型部署本资源文件提供了一个基于Flask开发后端、VUE开发前端框架的完整项目，用于在WEB端部署YOLOv5
薄泳蕙Howard·2025-03-09 01:26

基于Flask和VUE的YOLOv5目标检测模型部署：轻松实现WEB端目标检测

YOLOv5目标检测模型部署：轻松实现WEB端目标检测【下载地址】Yolov5-Flask-VUE基于Flask和VUE的YOLOv5目标检测模型部署本项目提供了一个基于Flask开发后端、VUE开发前端的框架
咎尉裕Lilah·2025-03-09 01:18

大事件开发 - 前端学习笔记

1.2安装依赖npminstallaxioselement-plussassElement-Plus：UI组件库Axios：HTTP请求库Sass：CSS预处理器2.前后端连接（以注册功能为例）2.1搭建注册页面使用
我只是什么都不会而已·2025-03-09 00:42

什么是全栈？

全栈（FullStack）是一个软件开发领域的概念，指开发者能够覆盖应用程序开发的全生命周期，从前端用户界面到后端服务器、数据库及基础设施管
为好全栈·2025-03-09 00:22

前端充电 - 移动端 - 小程序登录、跳转/嵌入H5页面

【APP/小程序嵌入H5页面】https://www.bilibili.com/video/BV1PE421A7Pt?spm_id_from=333.788.videopod.sections&vd_source=c919d6976fd77ac77f9860cf2e7e0e11背景产品APP：安卓端，ios端和小程序端。产品要做一个活动页，需要在3个端侧把活动页展示出来。但活动有效期只有3天。可供
abigale03·2025-03-09 00:23

Java 中数据脱敏的实现

数据脱敏首先，要思考一个问题，SpringBoot查询到的一条数据是一个Java对象，为什么返回给前端时候，前端拿到的却是JSON格式的数据呢？
Code额·2025-03-09 00:23

什么是全栈？需要掌握什么？怎么入门？

全栈开发是指掌握前端和后端技术，能够独立完成从用户界面到数据库的一整套开发工作。
想吃两颗西柚·2025-03-09 00:08

使用css变量实现更改字体大小功能（vue3为例）

步骤实现：定义全局CSS变量：在你的主样式文件（通常是App.vue或一个单独的CSS文件）中定义全局CSS变量。
伊泽瑞尔.·2025-03-08 23:04

Laya2.x游戏引擎入门系列（二）：UI界面开发

前端开发和游戏开发相信选择laya游戏引擎这类h5游戏引擎的开发者或多或少都有一些前端的开发经验，在开始开发小游戏之后会努力寻找和过往开发经历相似的地方。
安也 i·2025-03-08 23:01

关于父组件向子组件传值的形式（类型一）

前提，在父组件中引入子组件，希望子组件的配置值根据父组件前端的改变而改变...父组件中的子组件引入......data:function(){return{availableFieldsParent:[
qq_53318302·2025-03-08 23:26

filter或backdrop-filter实现毛玻璃

编译器：vscode目的：练习filter:blur()和backdrop-filter:blur()练习项目：毛玻璃效果介绍：filter:CSS属性将模糊或颜色偏移等图形效果应用于元素。
ZzDIY·2025-03-08 23:55

前端实战】Vue2.0现代设计社区开发：卡片流布局+毛玻璃特效+炫酷动画 | 完整源码“ “【高级教程】仿Dribbble创意社区项目实战：Glass Morphism+响应式设计+前端开发“ “【2

效果图【定制化开发服务，让您的项目领先一步】如有需求，直接私信留下您的联系方式。谢谢。我的邮箱：[email protected]完整代码
南北极之间·2025-03-08 23:54

CSS backdrop-filter 实现毛玻璃效果 无需定位裁剪图片

文章目录介绍一、效果二、代码1.HTML部分2.CSS部分总结介绍利用伪类+CSSbackdrop-filter实现毛玻璃效果，无需将图片进行叠层或裁剪。
云小黛·2025-03-08 22:46

工程化与框架系列（24）--跨平台解决方案

跨平台解决方案引言随着移动互联网的发展，跨平台开发已成为前端开发的重要趋势。本文将深入探讨前端跨平台开发的各种解决方案，包括响应式设计、混合开发、原生开发等方案，帮助开发者选择合适的跨平台策略。
一进制ᅟᅠ        ‌‍‎‏ ·2025-03-08 22:13
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他