cssjavascript前端

vue前端对接监控视频 FLV格式 （分屏的操作 单屏 ，四平 ，六屏）

写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档西瓜视频系列文章目录前言一、准备工作下好以后在package.json检查一下二、引入到index的文件当中1.引入库、介绍2.开始绘制页面定义的变量css
WHY<=小氣鬼=>·2025-07-25 10:39

CSS基础

1.css的介绍，什么是cssCSS是CascadingStyleSheets的英文缩写,中文翻译即层叠样式表。css是用于页面布局与美化的，css实现内容与样式分开，这种方式便捷我们的开发。
SMIly_723·2025-07-25 09:30

CSS Grid网格布局：前端布局的“原子弹”，复杂页面轻松搞定！

一、为什么Grid是布局“原子弹”？传统布局的末日审判：.header{float:left;width:100%;}.left{float:left;width:200px;margin-left:-100%;}/*此处省略30行...*/.footer{clear:both;}Grid一键核爆：.container{display:grid;grid-template:"headerheade
软件老王子·2025-07-25 09:28

揭秘CSS动画与过渡：让你的网页“动“起来，提升用户体验！

当你的网页加载时...用户：这页面像冻僵的僵尸，点按钮像在戳木乃伊！你：加了动画后...用户：哇！这按钮会呼吸，页面切换像魔法！✨结论：动画不是装饰品，是用户体验的肾上腺素！一、为什么动画=用户体验的核燃料？数据震撼：交互动画提升用户留存率40%（Adobe研究）带动画的按钮点击率提高35%（Google数据）页面过渡动画减少跳出率28%（NNGroup报告）动画三原罪：/*罪1：生硬的跳转*/a
软件老王子·2025-07-25 09:28

Chrome DevTools深度指南：前端调试与性能分析的“秘密武器“！

开篇：为什么你的CSS总是"离家出走"？"我的样式怎么又双叒叕不生效了？！"——这声呐喊是否似曾相识？
软件老王子·2025-07-25 09:28

CSS样式：长度单位vh

今天学习Web应用开发的时候，看到了vh这个单位，今天就来捋一捋vh的定义方法和使用细则vh定义vh，是指CSS中相对长度单位，表示相对视口高度（ViewportHeight），1vh=1%*视口高度。
艾瑞克曾·2025-07-25 08:02

操作内联样式-css

#box1{width:100px;height:100px;background-color:red;}window.onload=function(){/**点击按钮以后，修改box1的大小*///获取box1varbox1=document.getElementById("box1");//为按钮绑定单击响应函数varbtn01=document.getElementById("btn01"
虎三呀·2025-07-25 02:08

前端复习： css

一什么是视口1.浏览器中的视口在桌面浏览器中，视口的大小通常是浏览器窗口的大小，用户可以通过调整窗口大小来改变视口的大小。视口的宽度由浏览器窗口的宽度决定，高度由浏览器窗口的高度决定。2.移动设备中的视口布局视口（layoutviewport）：布局视口是文档实际布局的基础。它的大小通常大于设备的屏幕大小，以适应网页内容的显示。用户可以通过页面滚动来查看超出布局视口的内容。视觉视口（visualv
qq_42248520·2025-07-24 20:57

前端-CSS知识复习

CSS知识复习1.css样式介绍1.css样式写法有内部样式，外部样式，和行内样式三种写法。
敦煌璧画·2025-07-24 20:27

VS Code热门插件介绍

代码格式化与美化Prettier-CodeFormatter：它是一个自动代码格式化工具，支持多种编程语言，如JavaScript、TypeScript、CSS、Markdown等。
·2025-07-24 20:56

通过vue指令解决el-input组件type为textarea且设置word-break:break-all样式后，autosize文本域高度计算异常问题（有时会多出一行空白行）

Vue自定义指令：替代el-input的autosize，解决当el-input设置css样式word-break:break-all时下文本域高度计算异常问题在使用ElementUI的el-input
永远不会太晚·2025-07-24 17:12

【免费下载】 QT样式表模板（QSS）下载仓库

QSS是用于定制QT应用程序界面的样式表语言，类似于CSS在Web开发中的作用。
翁童品·2025-07-24 17:39

Qt 样式表（QSS）：打造个性化界面

一、Qt样式表概述Qt样式表（QtStyleSheets,QSS）是一种强大的机制，允许开发者使用类似CSS的语法来定制Qt应用程序的外观。
编程与实战·2025-07-24 17:38

5种禁止用户复制的实用方案

然而，仅仅依靠CSS的user-select:none属性往往无法应对所有场景，用户仍然可以通过多种方式绕过这些基础限制。1.CSS样式控制方案1.1us
技术小馆·2025-07-24 16:32

li中的图片垂直居中

/*如何将IMG图片居中了，我们需要更改一下上面片段代码的格式*//*改好格式后我们写下面的CSS样式代码*/ulli{float:left;/*向左浮动*/width:600px;/*设置li的宽度*
黑哒哒的盟友·2025-07-24 15:55

Js进阶案例合集

案例一：渲染商品CSS代码*{margin:0;padding:0;box-sizing:border-box;}.list{width:990px;margin:0auto;display:flex;
在逃的吗喽·2025-07-24 12:39

HTML style属性详解

HTML的style属性用于直接在HTML元素中嵌入CSS样式。这是一个内联样式（inlinestyle），它会覆盖任何在外部或内部样式表中定义的相同样式。
乔二参·2025-07-24 11:32

18.vue.js的scoped样式隔离？原理和使用？（1）

✅一句话理解：什么是scoped在Vue单文件组件(.vue)中使用scoped，可以让这个组件的CSS只影响自己，不影响外部，也不被外部影响。
xd00002·2025-07-24 10:27

Vue Scoped样式：当动态元素成为“无家可归“的孤儿

引言：一场CSS的"身份危机"想象一下：你精心设计了一个Vue组件，为每个元素添加了漂亮的样式。你满意地添加了scoped属性，确保样式不会"越狱"影响其他组件。
屋昂仼·2025-07-24 10:23

完整 GitHub 项目上传流程（新手友好版）

会在项目根目录创建隐藏的.git文件夹图一对应：在VSCode中打开文件夹后，左侧会自动识别为Git仓库第二步：添加文件到仓库创建项目文件在项目目录中添加代码文件（如index.html,style.css
JamieCoding·2025-07-24 08:08

node.js基本信息整理

node.js是一个能在服务端运行的JavaScriptnode.js目录分类bin：存放真实执行文件如：wwwnode_modules：存放当前项目的所有依赖public：静态资源文件（img.js.css
·2025-07-24 07:04

css3地球转动模型（动态数据）

参考资源：https://www.jq22.com/jquery-info24302{{!item.permission?'暂无权限':''}}{{item.name}}exportdefault{data(){return{list:[{id:"81e5f51d6ab845fca406bdc8b0c50e34",homeUrl:"/workbenches",name:'交易管理后台',img:'
·2025-07-24 07:30

jQuery封装轮播图插件

+names);obj.parent().css({"overflow":
I_am_the_ZL·2025-07-24 06:50

html+css实现唯美简洁登录页面

1.简介本案例是html和css实现的唯美简洁的登录界面。纯粹个人一时兴起所写。可以适用于个人博客登录以及其他系统的登录界面，登录title可以随时修改。2.先看效果。3.上代码。
·2025-07-24 05:51

HTML5+CSS3小实例：流星划过天际的动画效果

实例：流星划过天际的动画效果技术栈：HTML+CSS效果：源码：【html】流星划过天际的动画效果【css】*{/*初始化*/margin:0;padding:0;}body{/*100%窗口高度*/height
艾恩小灰灰·2025-07-24 03:27

基于selenium的pyse自动化测试框架

特点：默认使用CSS定位，同时支持多种定位方法（id\name\class\link_text\xpath\css）。
鱼鱼说测试·2025-07-24 00:19

彻底拆解 Vue scoped 指令：从编译原理到工程实践的全链路解析

css编译当标签带有scoped属性时，其CSS样式仅作用于当前组件内的元素
是罐装可乐·2025-07-24 00:17

重塑未来：AI如何重新定义全栈开发

——他们需要精通前端界面构建（HTML/CSS/JavaScript）、后端业务逻辑实现（Python/Java/Node.js）、数据库设计优化（MySQL/MongoDB）以及服务器部署运维（Linux
熊猫钓鱼>_>·2025-07-24 00:17

vue怎么在style中使用data中定义的变量

思路项目开发中使用的某某某三方ui组件，所以想要修改这个组件的样式只能通过css进行修改，那么想要动态修改，就要在style中使用data里的变量。实现...mounted(){this.
界面架构师·2025-07-23 20:20

在UniApp中防止页面上下拖动的方法

":{"bounce":"none"}}}2、pages.json中在所有页面设置禁用弹性滚动的页面{"globalStyle":{"app-plus":{"bounce":"none"}}}3、使用css
阿凤21·2025-07-23 20:48

HTTP性能优化实战技术文章大纲

减少HTTP请求数量合并CSS和JavaScript文件，使用CSSSprites技术减少图片请求次数。内联小型资源如图标或CSS片段，避免额外的HTTP请求。采
x10n9·2025-07-23 18:37

打造完美Web登录界面：HTML、CSS与Bootstrap实战

本教程将指导开发者如何使用HTML、CSS和Bootstrap框架创建一个功能齐全且视觉吸引力强的登录界面。
Suvo Sarkar·2025-07-23 17:28

web登录注册页面

User.javaUserMapper.javaIndexServlet.javaRegisterServlet.javaDButil.javaxml配置文件mybatis-config.xmldb.propertiesweb.xmlhtml与cssindex.jspindex.cssregister.htmlregister.css
m0_67391518·2025-07-23 16:57

CSS中的transform

在CSS中，transform是用于用于用于对元素进行几何变换的属性，可实现旋转、缩放、平移、倾斜等效果，且不会影响其他元素的布局（不会触发重排）。
骑驴看星星a·2025-07-23 16:26

web登录界面

#00FF00;}/*已访问链接*/a:hover{color:#FF00FF;}/*鼠标移动到链接上*/a:active{color:#0000FF;}/*鼠标点击时*/@charset"utf-8";/*CSSDocument
Teaioo·2025-07-23 16:26

重学前端006 --- 响应式网页设计 CSS 弹性盒子

Flexbox的基本语法1.定义Flex容器2.Flex容器的主要属性3.Flex项目的主要属性三、Flexbox的常见布局示例四、FlexboxvsGrid布局五、总结imgobject-fitgapCSS
·2025-07-23 12:29

重学前端007 --- 响应式网页设计 CSS 排版

文章目录导入字体总结浏览器给元素添加的默认值text-indent:-8px;1.text-indent属性的作用2.总结其他css导入字体这将导入OpenSans字体系列，字体粗细值为400、700和
Sapphire～·2025-07-23 12:29

网络安全第三次作业搭建前端页面并解析

我制作的是一个简单的登录页面网源代码1.CSS中box-sizing:border-box：使元素宽度包含边框和内边距，避免布局因padding变化错位。
·2025-07-23 09:09

javascript基本内容和标签

具有1）向html页面中增加交互行为；2）脚本语言，语法和java类似；3）解释性语言，边执行边解释;4）跨平台，每个浏览器都具有js解释器;作用：增删HTML和css中的代码,能够动态校验数据组成：ECMAScript
Sonnenblume_f·2025-07-23 09:08

css实现箭头进度条

实现的目标：源码：首先写出一个基本的样式：买家下单买家付款发货买家确认收货.progress-barli{padding:0px20px;line-height:40px;background:#50abe4;display:inline-block;color:#fff;position:relative;width:180px;text-align:center;}接下来使用:after伪类画
惜音renee·2025-07-23 08:25

Linux 基本指令详解

1.pwd（PrintWorkingDirectory）显示当前工作目录的完整路径root@hcss-ecs-a3f4:~#pwd/root2.ls（List）列出目录内容ls#查看当前目录下文件和文件夹
Cherl.·2025-07-23 05:16

Kubernetes 高级调度 02

一、Taint（污点）和Toleration（容忍）在生产环境中，经常会有这样的需求：master节点只部署系统组件容器，比如Calico、MetricsServer、Dashboard等，不应该部署业务应用
别骂我h·2025-07-23 03:34

uniapp使用uni-ui怎么修改默认的css样式比如多选框及样式覆盖小程序/安卓/ios兼容问题

uni-ui的uni-data-checkbox组件时，可以通过以下几种方式修改其默认样式：方法一：使用深度选择器格式一：在页面的style部分使用深度选择器>>>或/deep/来穿透组件作用域：/*在普通CSS
禾苗种树·2025-07-23 01:22

css 混合模式 mix-blend-mode属性

mix-blend-mode是CSS中的一个属性，它定义了一个元素的内容（包括文本、图片、矢量图形等）如何与其背景或其他元素的内容进行颜色混合。
Br不二·2025-07-22 15:17

css mix-blend,详解CSS3的mix-blend-mode属性

1、相当于加了一个图层mix-blend-mode:multiply;2、相当于加了一个滤镜mix-blend-mode:screen;3、相当于加了一个图层和滤镜mix-blend-mode:overlay;4、会使图片变暗，出现变暗效果mix-blend-mode:darken;5、这个模式与darken相反，*它的效果取决于源和背景颜色之间更浅的(色彩)。*即将两像素的RGB值进行比较后，取
weixin_39630813·2025-07-22 15:17

CSS的content属性妙用指南

CSS的content属性专门用于::before和::after伪元素，用于动态生成内容并插入到文档流中。
代码的余温·2025-07-22 14:12

swiper js无缝滚动---解决播放总是有间隔、动画一闪一跳的问题

搜了很多，没找到解决方案，ai也不知道，那个delay=0也不管用后面自己抓css，发现先设置freemode（可以无限滚动滑的那个）然后会发现他有这个css，把这个改成linear就行了:global
StrongerIrene·2025-07-22 14:40

CSS利用@font-face使用自定义字符和图标

昨天发的一个教程被一顿喷，说已经不用图片了，什么图标字体啦，好桑心~~，但也是事实，现在的前端图片越来越少了，相应替换的是css以及图标字体，所以去探测了几个网站，找了一下style.css文件，看看具体的
小前端2018·2025-07-22 10:12

前端面试题

CSS常见问题解答1.CSS盒模型CSS盒模型由内容区域（content）、内边距（padding）、边框（border）和外边距（margin）组成，分为两种类型：标准盒模型：元素宽度=content
xkxnq·2025-07-22 08:23

基于taro开发微信小程序（二）

开发环境配置|└──prod.js生产环境配置|├──src源码目录|├──pages页面文件目录||└──indexindex页面目录||├──index.jsindex页面逻辑||├──index.cssindex
哈哈哈哈蜜瓜·2025-07-22 08:19
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他