css前端javascript 第43页

CSS：使用线性渐变实现标签三角形角标效果/HTML上标、下标

文章目录需求描述实现思路参考代码HTMLCSS在线运行HTML上标、下标条状角标参考网址需求描述想要实现标签右上角带有三角形角标的效果，且不希望使用图标或新建div实现角标效果，效果如图：实现思路可以将标签右上角的三角形角标理解为与主体颜色不同的背景色

某只杂鱼·2025-06-20 21:54

css实现右上角角标

效果图：代码：31.unread_num{position:absolute;margin-left:-46px;margin-top:-8px;font-size:15px;color:#fff;background:#ed4014;text-align:center;box-shadow:0001px#fff;border-radius:10px;padding:010px;}

挖坑、小子·2025-06-20 21:53

css画右上角角标三角形

.corner{position:absolute;top:-2rem;right:-2rem;width:0;height:0;border:2remsolidred;border-bottom-color:transparent;border-top-color:transparent;border-left-color:transparent;transform:rotateZ(135deg

StrongerIrene·2025-06-20 21:22

css实现角标效果并带有文章或图标

代码示例：.coupon_card.active{border:1pxsolid#f32121;position:relative;}.coupon_card.active::after{content:'';position:absolute;right:0;bottom:0;border-width:0020px20px;border-style:solid;border-color:tran

默默地写代码·2025-06-20 21:52

移动应用开发专业核心课程以及就业方向

网页设计与制作：学习HTML/CSS/JavaScript等前端基础，实现响应式Web开发。面向对象程序设计（Java/C#等）：培养编程思维与代码

·2025-06-20 20:50

Jenkins部署Java(maven)项目&Vue前端项目部署流水线pipeline模版-可直接使用Jenkinsfile

流水线已经编写完毕,修改流水线中参数,即可使用tips:注意Jenkins中是否给机器配置了路径前缀,本文均没有配置,使用绝对路径前端VUE部署模版#!

·2025-06-20 20:18

《Vue.js前端框架技术学习心得》

生命周期钩子函数的理解五.指令系统的强大功能六.响应式原理的深入理解七.以下是我平时写的一些代码截图八.学习方法与实践的重要性在本次Vue.js的课程学习中，我收获了许多宝贵的知识和技能，每一个知识点都像是打开了一扇通往前端开发新世界的大门

dingjiGGbao·2025-06-20 19:41

uni-app项目实战笔记16--实现头部导航栏效果

CSS代码：.layout{.navBar{position:fixed;top:0;left:0;wi

moxiaoran5753·2025-06-20 19:40

华为云 DWS、DLI、CSS、云监控及云日志服务

https://www.yuque.com/nemophilist-eajag/pt8mzd/fs3zc5nw6v7p0i04?singleDoc#

Elaborate677·2025-06-20 18:35

《深度揭秘：CSS打造滚动视差效果的核心精髓》

今天，让我们一同深入探寻用CSS创建滚动视差效果背后那些鲜为人知的关键技术点。背景附着属性是实现滚动视差效果的基石之一，它赋予了背景图像独特的运动特性。

程序猿阿伟·2025-06-20 18:04

《颠覆传统：CSS遮罩的图像创意设计指南》

想象有一块神奇的模板，上面有各种形状的镂空区域，当我们将这块模板覆盖在图像上时，只有透过镂空区域才能看到图像的部分，而模板遮挡的地方则被隐藏起来，这便是CSS遮罩的核心概念。

程序猿阿伟·2025-06-20 18:04

YiI2+ecshop phpexcel生成下载excel订单

前端代码注：需引入jquery下载订单document.getElementById('downloadBtn').addEventListener('click',function(event){event.preventDefault

PHP(Mr. Hamster)·2025-06-20 17:59

blob下载excel

解决后端文件流到前端乱码情况/**baseUrl:你的基础地址，这里一般都会做跨域代理，如果做了跨域代理就是的代理后的地址，如果没有可以直接粘贴基础地址+后面为接口加参数newBlob(你请求返回来的文件流

LetMe-886·2025-06-20 16:22

前端通过new Blob下载文档流（下载zip或excel）

当后端返回这样的预览：前端该如何下载呢？首先在axios请求里，加入第三个参数{responseType:'blob'}。proxy.

·2025-06-20 16:51

前端系列之：Blob

怎么解释JavaScript的数据类型中并没有Blob类型？Blob是用来存储二进制数据的，而二进制又是计算机的基本表示形式

程序员SKY·2025-06-20 14:07

CSS-float浮动布局、float清除浮动与flex布局

CSS布局清除浮动额外标签法单伪元素法双伪元素法overfow法Flex布局Flex组成主轴对齐方式（水平方向对齐）侧轴对齐方式（单行垂直方向对齐）弹性盒子换行行内对齐方式（多行垂直方向对齐）弹性盒子伸缩比修改主轴方向

努力奔跑的鱼·2025-06-20 13:07

Nextwind: 探索Next.js、TypeScript和Tailwind CSS的集成

本文还有配套的精品资源，点击获取简介：Nextwind是一个集成Next.js、TypeScript和TailwindCSS的现代化前端开发模板，旨在提供一种高效且美观的开发体验。

LearningandStudy·2025-06-20 13:06

CSS Flex 布局综合案例

1综合案例-抖音解决方案1.1分析1.2实现综合案例：抖音解决方案/*清除默认样式*/*{margin:0;padding:0;box-sizing:border-box;/*防止以后内边距撑大盒子*/}/*去掉列表的项目符号*/li{list-style:none;}.box{/*版心居中*/margin:50pxauto;width:1200px;height:418px;border:1px

知知为荔枝·2025-06-20 13:06

flex布局及常见属性

1.flex属性：弹性布局```css/*属性一：常规的给父级元素添加display属性*/#container{display:flex;width:800px;height:600px;background-color

夏天，白昼·2025-06-20 13:05

Tailwind Css V4 在vite安装流程

依赖安装pnpmadd-Dtailwindcss@tailwindcss/viteVite配置在Vite配置文件vite.config.ts中添加@tailwindcss/vite插件import{defineConfig

big tail·2025-06-20 13:05

CSS-浮动与Flex

标准流标准流标准流标准流也叫文档流，指的是标签在页面中默认的排布规则例如:块元素独占一行，行内元素可以一行显示多个。浮动-基本使用浮动.div1{width:100px;height:100px;background-color:brown;float:left;}.div2{width:200px;height:200px;background-color:orange;}浮动作用：让块元素水平

鷇韩·2025-06-20 13:35

css语法中的选择器与属性详解：嵌套声明、集体声明、全局声明、混合选择器

嵌套声明嵌套声明pspan{font-weight:bold;color:burlywood;}天使投资是投资的一种方式执行结果集体声明集体声明p,h1{font-weight:bold;color:burlywood;}欢迎访问论坛全局声明全局声明*{font-weight:bold;color:burlywood;}欢迎访问论坛欢迎访问论坛欢迎访问论坛执行结果混合选择器混合选择器.font{f

·2025-06-20 13:34

如何使用 MobX、TypeScript、Next.js 和 Tailwind CSS 开发一个 Shopify 商品列表

npxcreate-next-app@latestmy-shopify-store--typescriptcdmy-shopify-storenpminstallmobxmobx-react-litetailwindcsspostcssautoprefixernpxtailwindcssinit-p

薛飞之·2025-06-20 13:04

Next.js中使用Tailwind CSS

文章目录前言一、初始化Next.js项目二、添加tailwindcss配置1.安装Tailwind以及其他依赖2.创建Tailwind配置文件3.引入TailwindCSS4.使用TailwindCSS

Green8y0·2025-06-20 13:34

使用React, Next.js, TailwindCSS和Prisma构建全栈Netflix克隆项目

使用React,Next.js,TailwindCSS和Prisma构建全栈Netflix克隆项目去发现同类优质开源项目:https://gitcode.com/在这个开放源代码项目中，我们将一起探索如何利用前沿的技术栈

蒋素萍Marilyn·2025-06-20 13:33

使用基于 TypeScript 的 Next.js 模板进行项目引导

1.Next.js简介1.1什么是Next.jsNext.js是一个基于React的用于构建服务端渲染（SSR）和静态网站生成（SSG）的前端框架。

fydw_715·2025-06-20 13:03

CSS中的深度选择器 deep 详解

在Vue等框架中，当我们使用组件作用域样式（ScopedCSS）时，有时需要修改子组件内部的样式。这时就需要用到深度选择器。深度选择器的几种写法1.

天天进步2015·2025-06-20 13:03

7. TypeScript接口

一、认识接口TypeScript是JavaScript的一个静态类型超集，它添加了可选的类型、类、接口以及其他功能，帮助开发者构建健壮且易于维护的应用程序。TypeScript最强大的

Raink老师·2025-06-20 13:03

6、浮动元素用于布局

浮动元素用于布局1.浮动元素的基础CSS中的浮动（float）属性是一个非常重要的概念，它允许我们创建复杂的网页布局。浮动元素通常用于让文本环绕图片，或者让多个块级元素并排显示。

app77·2025-06-20 13:32

JavaScript 原型与原型链：深入理解 proto 和 prototype 的由来与关系

引言在JavaScript的世界中，原型和原型链是理解这门语言面向对象编程（OOP）机制的核心。不同于传统的基于类的语言如Java，JavaScript采用了一种独特的原型继承机制。

じ☆ve 清风°·2025-06-20 13:02

【前端圭臬】五：CSS 核心机制——布局

前言最近几周我一直在看CSS规范，下来感受就是，真·心乱如麻。

Evan-Nightly·2025-06-20 13:32

【前端】常见面试题

1.常见高频MVVM、MVC模型？MVC即Model-View-Controller（模型-视图-控制器)是项目的一种分层架构思想，它把复杂的业务逻辑，抽离为职能单一的小模块，每个模块看似相互独立，其实又各自有相互依赖关系。它的好处是：保证了模块的智能单一性，方便程序的开发、维护、耦合度低。MVVM：MVVM即Model-View-ViewModel，(模型-视图-控制器)它是一种双向数据绑定的模

Alla T·2025-06-20 13:32

盒子模型【CSS】

/*类选择器*//*盒子模型:内容content，边框border，内边距padding,*/.box{width:400px;/*宽*/height:500px;/*高*//*边框border:粗细线条样式(solid实线,点线dotted,虚线dashed)*/border:10pxsolidred;/*border-top:1pxsolidgreen;border-bottom:1pxsol

雪兔♛·2025-06-20 13:02

css基础笔记简洁版1

CSS基础笔记1一、CSS简介CSS（层叠样式表）用于为网页添加样式，实现结构与样式分离，能够控制颜色、字体、布局、位置、动画等视觉效果。

希希不嘻嘻～傻希希·2025-06-20 13:01

深入理解CSS中的z-index：层叠上下文与堆叠顺序

前言在前端开发中，z-index是一个看似简单但实际上容易让人困惑的CSS属性。本文将通过一个实际的HTML/CSS例子，深入探讨z-index的工作原理及其应用场景。

じ☆ve 清风°·2025-06-20 13:00

CSS 背景样式笔记（含示例+解释）

一、背景颜色（background-color）语法：background-color:颜色值;示例：body{background-color:#f0f0f0;}二、背景图片（background-image）语法：background-image:url(“图片路径”);示例：div{background-image:url(“background.jpg”);}三、背景重复（backgrou

希希不嘻嘻～傻希希·2025-06-20 13:00

前端实现即时通讯：短轮询、长轮询、SSE 与 WebSocket 全面解析

前端实现即时通讯的常见技术包括：⏱短轮询（ShortPolling）⏳长轮询（LongPolling）SSE（Server-SentEvents）WebSocket接下来我们逐一介绍这几种方式的原理、代码示例

吉檀迦俐·2025-06-20 11:16

阿里SUI 快速搭建手机WEB APP，路由挺好用

轻量的UI库SUIMobile是非常轻量的，核心库压缩后的JS和CSS文件都只有110+K，却提供了20+个常用的组件。对于只有HTML&CSS

企销客CRM·2025-06-20 10:10

DevExpress BI仪表盘集成OpenAI：实现实时对话式数据分析助手

DevExtreme拥有高性能的HTML5/JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NETCore，jQuery，Knockout等）构建交互式的

界面开发小八哥·2025-06-20 10:38

从达标到卓越 —— API 设计之道

在前端界，以前有远近闻名的jQuery，近来有声名鹊起的Vue.js。这两者叫好又叫座的原因固然有很多，但是其中有一个共同特质不可忽视，那便是它们的API设计非常优雅。

阿里云云栖号·2025-06-20 09:36

Jquery笔记

JQuery笔记文章目录JQuery笔记CSS()函数JQ操作DOMJQ访问CSS任务:比较JQ访问CSS与JS访问CSS各自优缺点JQ常用内置函数分类JQ插件JS和JQ的ajax内置函数第一个任务操作

Kari–·2025-06-20 09:01

【高频考点精讲】前端工程师必会的10种DOM操作优化技巧

前端工程师必会的10种DOM操作优化技巧（附真实代码示例）‍作者：全栈老李更新时间：2025年6月‍适合人群：前端初学者、进阶开发者版权：本文由全栈老李原创，转载请注明出处。

全栈老李技术面试·2025-06-20 08:57

山东大学软件学院项目实训小组进展记录8

ReactNative一、登录与注册功能实现1.技术栈架构1.1核心框架ReactNative：跨平台移动应用开发框架，使用JavaScript/TypeScript构建iOS和Android应用TypeScript

ALLure_l·2025-06-20 08:50

ABP vNext 多语言与本地化：动态切换、资源继承与热更新

Accept-Language确定CultureInfo加载JSON资源(嵌入/物理)注入IStringLocalizer渲染文本资源回退链:Shared→Validation→UI→Custom️Blazor/Razor/JS前端渲染目录

Kookoos·2025-06-20 07:47

深入探索 UnoCSS：下一代原子化 CSS 引擎

一、原子化CSS的革命性演进1.1传统CSS的困境与解决方案在Web开发领域，CSS管理一直是工程化挑战的核心。

斯~内克·2025-06-20 06:37

21.什么是JSBridge（1）

JSBridge是Android官方WebView提供的addJavascriptInterface()能力+项目方（或三方库）封装的桥梁通信协议。

·2025-06-20 06:37

uni-app总结2-所需知识储备和学习途径

如果是前端开发者转战uni，就可以省掉很多的学习成本。如果是没有接触过Vue的原生开发者，可以通过vue.js官网来学习，或者直接通过uni提供的视频教程

Heyuan_Xie·2025-06-20 06:36

「混合开发」H5与原生App交互流程方案全面解析

.解决方案2.1创建WebView2.2注册原生方法2.3H5调用原生方法3.序列图H5调用Android：详细指南整体流程每一步的详细说明步骤1：在Android项目中设置WebView步骤2：定义JavaScript

前端贾公子·2025-06-20 05:04

【慧游鲁博】【11】小程序端·游览画卷修改·支持图片url格式·结合图床上传和加载·数据对接

文章目录需求修改细节前端主要修改点说明：前端传递格式后端ArtifactItem类：ScrollServiceImpl类：修改`InfoPanel`结构重构`ScrollHorizontalRollComposer

哇哦哇哦~~·2025-06-20 05:34

【前端怪谈】为什么要用setTimeout模拟setInterval

文章目录前言一、setInterval存在的问题1.问题复现2.问题分析二、setInterval缺点及setTimeout1.setInterval缺点2.为什么setTimeout能取代setTimeout实现setInterval总结前言大家都知道，setTimeout是延迟执行函数，而setInterval就像一个定时器，每间隔一定时间就触发一次回调。今日面试中，面试官问了我一个问题，为什

hhhhhhhssss·2025-06-20 05:33

推荐频道

css前端javascript