前端&css 第32页

关于前端实现文件下载功能

在Web开发中，前端下载文件是一个常见的需求。根据文件来源和下载方式的不同，前端下载文件可以采用多种方案。下面将介绍几种常见的前端下载文件方案。

大鱼前端·2024-03-03 07:55

你下个Vite项目能不能用上Lightning CSS

Vite自从4.4版本开始实验性支持LightningCSS，可以让项目的CSS打包速度更快，构建体积更小，我们来一起看看在Vite中怎么配置使用LightningCSS吧。

·2024-03-03 06:06

react + umi中如何使用rem完成自适应布局

只要写css就可以实现：flex+rem布局；在项目的global.less中根据媒体查询；媒体查询是用于根据设备的特性（如屏幕尺寸、屏幕方向、分辨率等）来应用不同的CSS样式的技术。

左&耳·2024-03-03 04:22

Vue 3.4 - 详细发布说明

欢迎关注微信公众号：前端历险记Vue.js，作为一个流行的前端框架，以其响应式数据绑定和灵活的组件系统而闻名。

·2024-03-03 01:33

css 常用选择器及其使用语法

1.元素选择器作用：根据标签名来选中指定元素语法：标签名{}例子：p{}，h1{},div{}2.id选择器作用：根据元素的id属性值选中一个元素语法：#id属性值{}例子：#box{}3.类选择器作用：根据元素的class属性值选中一组元素语法：.class属性值4.通配选择器作用：选中页面所有元素语法：*例子：*{}5.交集选择器作用：选中同时复合多个条件的元素语法：选择器1选择器2选择器3选

小仙女学前端·2024-03-03 00:47

CSS常用选择器介绍

CSS样式设置，常用的几类选择器例：//ID选择器#test{color:red;}//元素选择器h1{weidth:100px;}//类选择器.help{background-color:green;

奥利奥MILK·2024-03-03 00:47

css选择器

层叠：优先级的准确规则如下：1：如果选择器的ID数量更多，则它会胜出（即它更明确）。2：如果ID数量一致，那么拥有最多类的选择器胜出。3：如果以上两次比较都一致，那么拥有最多标签名的选择器胜出。4：源码顺序层叠的第三步，也是最后一步，是源码顺序。如果两个声明的来源和优先级相同，其中一个声明在样式表中出现较晚，或者位于页面较晚引入的样式表中，则该声明胜出。说明伪类选择器（如:hover）和属性选择器

xiaobai_cpp·2024-03-02 22:14

css单位中px、em、rem的区别

如果当前行内文本的字体尺寸为被人为的设置，则相对于浏览器的默认字体尺寸，他会继承父级元素的字体大小因此并不是一个固定值3、rem是css3新增的一个相对单位，使用rem为元素设定字体大小时，仍然时相对大小

慢羊羊头上没草·2024-03-02 17:06

CSS中常见选择器的用法

CSS选择器是CSS的基石，赋予开发者精确控制HTML文档中元素样式的能力。

浮生若梦777·2024-03-02 15:03

编程两年半了，还要坚持写博客吗？

计算机专业本科在读，在大学期间通过自己的努力获得了多个全国计算机类大赛奖项并连续两年获得奖学金，目前主要在学习Java后端开发，这是我在思否上发布的第一篇文章，今后我会持续更新Java后端，数据结构与算法，web前端

·2024-03-02 11:55

css 动画效果：水平直线来回运动：animation

background:url(https://hao2.qhimg.com/t01b958e8662853d1c8.png)no-repeat;background-size:119px30px;color:#fff;display:inline-block;height:30px;width:119px;line-height:27px;position:absolute;left:-115px

CAD GIS开发·2024-03-02 11:28

TypeScript 中的 type 和 interface：你真的了解它们的不同吗？

不管是公司新项目技术选型还是个人学习开发新的前端项目，Vue3+TypeScript已经成为首选技术方案之一在TypeScript这个强大的静态类型系统中，type和interface是两个重要的关键字

·2024-03-02 05:20

前端工程化面试题 | 15.精选前端工程化高频面试题

前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程

ai_todo·2024-03-02 03:14

新知｜仅用 CSS 实现网页阅读进度条

但是，事实证明，您也可以使用纯CSS构建阅读进度条。从本质上讲，一个名为animation-timeline的新实验性CSS属性可以让你指定用于控制CSS动画进度的时间轴。我们将用它来创建阅读进度条。

·2024-03-01 23:15

abrt-server导致数据库宕机

Jul2000:18:32db1abrt-hook-ccpp:Process59611(ocssd.bin)ofuser1000killedbySIGABRT-dumpingcoreJul2000:18

bestsun999·2024-03-01 22:38

ECMAScript modules规范示例详解

ECMAScript模块（ESM）规范示例详解在现代前端开发中，模块已经成为了组织代码的基础。

猿泰山·2024-03-01 22:07

蓝桥杯前端Web赛道-寻找小狼人

蓝桥杯前端Web赛道-寻找小狼人题目链接：0寻找小狼人-蓝桥云课(lanqiao.cn)题目要求：其实通过题目要求以及题目中提供的gif可知，该题就是需要我们手动写出能够代替filter函数的函数我们先分析题目给出的代码

明天一定早睡_·2024-03-01 19:33

java016学习记录

JavaWeb使用Java开发语言完成Web后端的项目开发基于Web的应用：网站、APP、小程序Java不是做前端的，做后端Tomcat、ServletTomcat的作用让JavaWeb程序可以正常运行

老街agony·2024-03-01 18:32

【css】border边框影响布局解决方案

需求（border改变不影响布局）最近在写项目的时候遇到这样一个问题，我给元素添加动态border的时候，随着border的生效，会影响border之外的布局解决方案：border边框影响布局之问题的发生，到底需要如何解决？下面我提供2种方案供大家参考：1.用outline替代border{//原样式border:1pxsolid#0081FF;//替换后outline:1pxsolid#0081

前端小趴菜05·2024-03-01 13:55

CSS cursor的一些相关属性

autocrosshairdefaulte-resizehelpmoven-resizene-resizenw-resizepointerprogresss-resizese-resizesw-resizetextw-resizewait上面是一些cursor的属性，非常多cursor：pointer；这个呈现在页面上是一个小手状，可以用在一些按钮、链接上，让用户看的更明白。cursor：defa

小老头头头头·2024-03-01 12:24

什么是重排或回流、重绘？如何减少重排？

首先我们需要先了解浏览器渲染机制，浏览器渲染引擎是浏览器的核心组成部分之一，它负者将网页代码(html,CSS，javaScript)转换为可视化的内容。

·2024-03-01 10:05

Android WebView播放视频并支持全屏

1.前言支持视频在线播放的网页随处可见，前端开发不需要做太多的工作就可以实现大多数需求。因为播放视频的具体功能是由浏览器核心在处理的。

Fantasy丶Lin·2024-03-01 07:46

微信小程序-词汇大师项目分享

词汇大师小程序介绍这个是词汇大师小程序前端的页面设计，主要是使用微信小程序的前端页面组件采用了lin-ui以及微信的原生的组件来进行开发软件架构优点如下:首页面调用了Bing的接口，使得可以去进行每天定时进行获取图片背单词页面我们采用了随机算法

i-阿松！·2024-03-01 02:10

HTML+CSS+JS：动态滑块组件

效果演示实现了一个简单的滑块效果，其中包括一个滑块（slider）和一个可以拖动的球（ball）。当用户拖动球时，球会在滑块内部左右移动，同时改变颜色。CodeHaveyoubeennaughtyornicethisyear?*{transition:all1sease-in-out;/*对所有元素应用过渡效果，持续1秒，缓动函数为ease-in-out*/}body{margin:0;/*设置页

若冰说·2024-02-29 23:05

CSS常见选择器

CSS（层叠样式表）中包含了多种用于选择和定位HTML文档中元素的选择器，以便为这些元素应用样式。

dami_king·2024-02-29 23:04

Vue3 实现一个简单的方位动画

设计思路由于不用十分精确，就用最简单的div+css来实现位置标识的显示和动画。之后再通过配合背景图片来保证最基础的效果。方位总共9个，东南西北中加上四个角，通过Grid布局让其形成3*3的格子。

·2024-02-29 22:28

微信小程序 --- 常用样式和组件

常用样式和组件1.组件和样式介绍在开Web网站的时候：页面的结构由HTML进行编写，例如：经常会用到div、p、span、img、a等标签页面的样式由CSS进行编写，例如：经常会采用.class、#id

前端贾公子·2024-02-29 18:29

webpack搭建前端环境

随着webpack3.x的发布，其功能也越来越强大，很多的项目的编译打包工具也由gulp逐渐转移到webpack。1.用yarn代替npmnpm是一款非常好的包管理工具，之前在用npm安装项目依赖的时候总会因为某些依赖包推出了新版本从而导致编译结果不一样的问题，这是因为在安装依赖的时候npm并没有锁定依赖包的版本号(npm5好像已经解决了这个问题)，每次安装的时候总是获取最新的依赖包，导致编译结果

华戈的小书·2024-02-29 16:54

vue 2.0+element ui 使用el-upload图片上传

el-upload标签上传图片有两种方式：1、上传图片到服务器上，在数据库中存一个url；（以后迁环境的时候，必须将指定的文件夹一起迁移，比较繁琐2、将图片转为base64形势存放到数据库中；（较低一点很方便）两者在前端

TJJ.yaml·2024-02-29 11:19

从零开始构建React Native数字键盘功能

首发于公众号前端混合开发，欢迎关注。现代移动应用程序在入门过程中经常涉及一个步骤，你需要输入发送到你的电子邮件或手机号码的验证码PIN。有时，你需要使用类似于分割OTP输入字段的东西来输入PIN。

·2024-02-29 09:47

使用java对接chatgpt（含全部代码）

使用java对接chatgpt（含全部代码）因为对vscode不熟悉，前段界面我也是在idea里写的，先看一下效果图是这样，比较简陋我直接上代码，关于chatgpt前端的html，对了因为这个是我用之前写的匿名群聊改的

谁人不识我千夜·2024-02-29 06:44

animate.css动画初始状态隐藏

在使用animate.css会做移动端的css动画，PC端的结合jquery.fullpage.js就能做一个全屏滚动的企业网站，但初始状态下需要隐藏有动画的元素可以给animated类添加opacity

辣子_·2024-02-29 05:45

前端实现页面水印

Document*{box-sizing:border-box;list-style:none;}html{margin:0;padding:0;}body{margin:0!important;padding:0;height:auto;}.box{width:100%;height:100vh;overflow:scroll;border:1pxsolidred;}/*滚动条样式*/.box:

修复bug·2024-02-28 22:36

前端开发环境模拟HTTPS

文章目录一、创建HTTPS证书openssl报错？二、创建HTTPS服务器三、脚手架配置HTTPS@umi配置@vite配置一、创建HTTPS证书进入要建立HTTPS服务的目录opensslgenrsa-outkey.pem1024opensslreq-new-keykey.pem-outcsr.pemopensslx509-req-incsr.pem-signkeykey.pem-outcert

流水吾情·2024-02-28 22:35

Xcode 中代码格式化

xcode没有格式化代码的功能，只有缩进整理和多行拆分，习惯前端代码的开发方式，不格式化代码显得有些凌乱，幸好有开源的工具可以实现这样的功能，它就是SwiftFormat。

·2024-02-28 21:09

CSS3新特性和CSS3动画

CSS3的新特性1.选择器：（1）属性选择器：[属性名][属性名=属性值][属性名^=属性值][属性名$=属性值][属性名*=属性值]（2）伪类选择器：为特定状态的元素添加样式，例如:hover、:active

·2024-02-28 15:03

Vue项目中，src目录下的vue.app文件介绍

App.vue是一个单文件组件（SingleFileComponent,简称SFC），它允许你将Vue组件的HTML模板、JavaScript代码和CSS样式写在一个单独的.vue文件中。

Komorebi_9999·2024-02-28 12:24

CSS2DRenderer的使用

具体参照https://github.com/mrdoob/three.js/blob/master/examples/css2d_label.html；CSS2DRenderer的使用import{CSS2DObject

qq_39672409·2024-02-28 09:20

VSCode设置左侧资源管理器字体大小

1.进入安装目录MicrosoftVSCode\resources\app\out\vs\workbench2.打开文件workbench.desktop.main.css3.搜索.monaco-workbench.part

·2024-02-27 21:20

软件报价

按系统报价：*1、软硬件一期打包报价(可基于项目或产品)2、按软件、硬件分开报价(偏向于项目)软件：需求分析，软件设计，前端、后台、开发工作量，测试，部署上线3w人／月引擎：10-20万一种（私有化部署

楼船夜雪_WL·2024-02-27 19:48

React入门简介

React不是一个MVC框架，而是一个用于构建组件ui库，是一个前端界面开发工具，所以很多人认为React是MVC中的V（视图）。

slom_fxt·2024-02-27 16:57

CSS文本超出显示3个点的方法

在CSS中，如果你想让超出特定长度的文本显示为三个点（...），你可以使用text-overflow属性，配合overflow和white-space属性。

追格·2024-02-27 08:48

vue + nginx 前端项目的线上服务部署

根据上篇文章基本就差不多了一下为自己在项目搭建中实际操作在项目部署过程中一定会遇到代理问题（解决原理都是一个套路）vue项目在本地开发过程中解决跨越是在config.js中解决的（如下）但是在线上项目中依旧会有跨域的问题出现所有要在nginx.config里进行配置进行代理配置proxy_pass的路径就是你本地路径重启一下nginx基本就行了

多久以后_Mr·2024-02-27 07:25

chrome devtools 技巧

1.Chrome117可以直接修改接口返回的数据了在前后端联调的时候，往往后端的数据会出现问题，这时候通知后端改接口，改数据，他们修改发布需要个过程，而前端很想把当前的功能调通，这个时候可直接在devtools

·2024-02-27 02:38

js基础小结（2）

js操作css的属性语法：document.getElementById("id").style.属性="值"属性:就是css中属性css属性有"-"例如:backgroud-color若有"-"只需要将

dev晴天·2024-02-27 01:45

多微服务合并为一个服务

公司微服务细分太多，最近跟我提说需要将几个微服务合为单体，经过几天的查阅，决定用二次打包的方式进行合并，然后部署的时候在nginx改下合并的微服务转发路劲即可，不需要前端修改路劲了。

U2133048·2024-02-27 01:08

UI设计流程是什么?来看看UI设计完整的设计流程吧

UI设计和我们的生活联系越来越紧密，精致美观的界面总能让用户赏心悦目，很多人已经开始学习UI设计的知识，希望自己也能加入UI设计师的行列，成为走在潮流前端的科技人才，那么你一定要知道，一个优秀作品都进行了怎样的

风莫流·2024-02-26 23:03

navigator对象和history对象

王玉伟的伟·2024-02-26 22:57

优雅使用前端枚举Enum，符合国标的那种！

在前端项目中还是会用到经常用到这类型数据的，本文就对枚举做一个通用封装，并进行尽量

安木夕·2024-02-26 21:00

Raft 算法、分布式 KV 面试汇总

从零开始，手写基于raft的分布式KV系统，课程详情可以看这里：https://av6huf2e1k.feishu.cn/docx/JCssdlgF4oRADcxxLqncPpRCn5b在简历上如何写这个项目

·2024-02-26 14:59

推荐频道

前端&css