css前端第41页

html添加遮罩

html添加遮罩的代码如下所示使用div+css，加载中的图片是网上下载的动图，可以根据自己需要进行修改DIVCSS遮罩层functionshowdiv(){document.getElementById

我的名字叫勇敢#5271·2024-02-20 00:18

【JavaScript】面试手写题精讲之数组(下)

笔者观察了下前端这块的常用算法排序题，大概可以分为如下冒泡排–>稳定排序插入排序–>稳定排序选择排序–>不稳定排序快速排序–>不稳定排序所以笔者在该章节只会讲解这4大排序算法的实现，至于有些读者问如果面试题出了其他的排序算法呢

鑫宝Code·2024-02-20 00:48

【HTML】SVG实现炫酷的描边动画

正文首先，这里涉及的技术是SVG,当然很多前端小伙伴们会觉得SVG有点陌生。是的，SVG是一种图像格式，一般都是由设计师给我们前端画好了，我们只需要下

鑫宝Code·2024-02-20 00:48

cligetter｜一款快速生成 Cli工具开发模版的脚手架

概述近年来cli工具的开发，对于不断发展的前端生态来说，似乎也逐渐成为工程师们的必备技能。

·2024-02-20 00:36

Day01 javaweb开发——tlias员工管理系统

任务介绍完成部门管理和员工管理的增删改查功能环境搭建前端---->后端---->数据库准备数据库表创建springboot工程（web、mybatis、mysql驱动、lombok）application.properties

临渊羡鱼的猫·2024-02-20 00:07

Vue后台管理项目（登录篇）

1.逻辑思路登录：用户提交登录信息之后，会向服务端发送请求，服务端的返回信息中会有一个token，前端将这个token存在cookie中后，可以保证刷新页面用户登录状态不丢失，这个token还可以用来获取用户的其他信息权限验证

LazyXu·2024-02-20 00:04

Promise拆解计划：由规范深入，从原理浅出

大家好，欢迎来到前端研习圈的今日分享。

·2024-02-20 00:06

一、vue3+ts项目框架搭建——规范

eslintrc.cjs配置文件1.3运行脚本二、配置prettier:格式化工具2.1安装依赖包2.2.prettierrc.json添加规则2.3.prettierignore忽略文件三、配置stylelint:格式化css

小曲曲·2024-02-20 00:34

用VS Code代替source insight的配置

安装插件CSSPeak:代码跳转工具C/C++:代码浏览Beautify:代码格式化SublimeBabel:代码高亮快捷键使用Ctrl+F：当前文件内搜索Ctrl+P：搜索文件Ctrl+Shift+F

guomq0402·2024-02-20 00:48

html从零开始8：css3新特性、动画、媒体查询、雪碧图、字体图标【搬代码】

css3新特性div{width:200px;height:200px;background-color:aqua;position:relative;border-radius:20px;/*圆角属性

搬代码·2024-02-20 00:47

Vue基础Day04组件与cli脚手架

一.核心内容1.任务1：天知道任务1：天知道2.什么叫组件把某个界面或者说某个小功能，封装起来就叫组件（就是对htmlcssjs的一个综合封装），组件也是Vue的实例，所以它也有自己的data和methods

前端老邹_伯通·2024-02-20 00:57

html+css+js炫酷特效+加速粒子效果

让火箭上下不停的移动2.3利用::after制造尾部的火焰2.3使用js创建并添加随机的大小和位置颜色2.4使用js创建插入到页面上2.5给添加下落的动画2.6给添加下落的落差感3.源码分享html+jscss1

门前大桥下.·2024-02-19 23:38

解决安卓网页底部导航栏被键盘顶起来

最近做网页前端遇到的问题，在安卓端定位在底部的footer会被系统软键盘顶起来，例如下图：例在网上找了一天，没有找到合适的方法解决，别的网站有底部导航栏的也基本没有解决这个问题，可能都不care这点事吧

Mirror_b932·2024-02-19 23:14

【amis低代码前端框架】vue2集成百度低代码前端框架amis

什么是amis：amis是一个低代码前端框架，它使用JSON配置来生成页面，可以减少页面开发工作量，极大提升效率。

G佳伟·2024-02-19 23:32

使用纯 CSS 实现元素高度的过渡（不采用 max-height）

1.前言不知大家是否接触过元素高度的过渡，之前呢我是使用CSS加JS的方式来解决的，就是通过JS计算一下要过渡的元素的高度，然后自己给它加上height为某一数值。不知大家是如何解决的？

知半愚无·2024-02-19 23:58

CSS篇--transform

CSS篇–transform使用transform属性实现元素的位移、旋转、缩放等效果位移//语法transform:translate(水平移动距离，垂直移动距离)translate()如果只给一个值

婷宝_知萌·2024-02-19 23:28

SpringBootWeb学习笔记——12万字大合集

0.写在前面注：这套笔记是根据黑马程序员B站2023-3-21的视频学习的成果，其中省略了前端基础部分、Maven部分和数据库基础部分，详情可见目录。

扶摇|·2024-02-19 23:57

re:从0开始的CSS之旅 16. 高度塌陷问题

1.高度塌陷问题高度塌陷问题：在文档流中，父元素的高度默认是被子元素撑开的，子元素多高，父元素就多高。但是当子元素设置浮动后，我们发现子元素在页面中的位置没变，但是父元素的高度却塌陷了（没有被子元素撑开）父元素在文档流中一旦发生高度塌陷的问题，将影响整个页面的布局。因此，高度塌陷的问题我们必须解决！高度塌陷问题的解决办法：可以根据子元素的高度设置父元素的高度，使页面看起来不塌陷但是我们有事无法确定

扶摇|·2024-02-19 23:25

CSS之重绘与回流

重绘（Repaint）当页面中元素样式的改变并不影响它在文档流中的位置时（例如改变颜色、阴影等），浏览器会进行重绘，即重新绘制元素的外观。回流（Reflow）当元素的大小、位置、隐藏等改变时，浏览器需要重新计算元素的几何信息，并重新渲染页面，这个过程称为回流。会影响当前元素、祖先元素和后代元素。性能影响回流比重绘的代价要高。回流的过程比重绘复杂，因为它涉及到更多的计算。回流必将引发重绘，而重绘不一

大超-无痕·2024-02-19 23:25

re:从0开始的CSS之旅 15. 浮动

1.浮动浮动：使元素浮起来，脱离文档流，从而使盒子能够灵活的移动。浮动的属性：float属性设置元素的浮动可选值：none元素不浮动，默认在文档流中排列（默认值）left元素向左移动right元素向右移动浮动的特点：浮动元素会脱离文档流脱离文档流的控制，从而使盒子更灵活的移动浮动元素不会保留原来的位置浮动元素将具有行内块元素的特点无论是块元素还是行内元素，都可以设置浮动，浮动后将具有行内块元素的特

扶摇|·2024-02-19 23:24

前端Vue3开发 “硬核” 新书来了

调查结果显示，使用Vue.js的开发者数量多于使用Vue2的开发者，而且大部分人仍在使用Vue2。这个结论与大家的预期可能不一致，有两个主要原因。一是老项目进入稳定期，重构成本高，没有必要升级。二是Vue3引入了大量新特性，如全面拥抱TypeScript、使用Vite替换Webpack等，大家担心这些新技术难以掌握，因此不敢在实际项目中应用。然而，Vue3是大势所趋，Vue2被替换只是时间问题。如

前端组件开发·2024-02-19 23:14

招聘 | Taro 团队招人啦！

我们正在寻找对前端开发充满热情的工程师，加入我们的Taro项目团队。如果你对跨平台应用开发充满激情，并具备以下技能和经验，我们热切期待你的加入！

·2024-02-19 23:33

前端面试题-笔试题

请实现一个fibonacci函数，要求实现以下功能斐波那契数列：[1,1,2,3,5,8,13,…]fibonacci(0)=>1fibonacci(6)=>8functionfibonacci(count){functionfn(count,cur=1,next=1){if(count===0){returncur}else{returnfn(count-1,next,cur+next)}}re

Alice_66·2024-02-19 23:59

CSS 四个不同大小和颜色的圆环加载动画

<circleclass="pl__ringpl__ring--b"cx="120"cy="120"r="35"fill="none"stroke="#

特创数字科技·2024-02-19 23:28

前端框架

JavaScript在2017年被IBM评为最值得学习的编程语言之一，自然而然它的流行度快速上升，并一直持续。这也促使了一个活跃的生态系统的生成以及与之相关的技术和框架的发展。如今诞生了非常多的框架和库，如果对每一个框架没有一个大致的了解，恐怕很难抉择。如果你正在尝试选择一个合适的javascript框架，那么下面这几个框架你绝对不容错过：1.AngularJSAngularJS是一个有Googl

air_b10f·2024-02-19 23:07

uni-app页面中连接数据库，并进行更改和查找操作

连接数据库只能使用后台语言，我是用javaweb中的servlet文件，上传到tomcat服务器中，就会生成一个url地址，在前端就能用该url地址访问数据库的内容。

CQUST-XMY·2024-02-19 22:59

每日碎碎念

上午产品经理和前端就一个问题掰扯半天，产品经理说心情坏透了，一大早心情就不好。争论常常影响心情，

皓月映海·2024-02-19 22:58

【JavaScript】IndexedDB

文章目录1.IndexedDB的概念2.IndexedDB的基本用法打开数据库添加数据读取数据更新数据删除数据3.IndexedDB的适用场景4.安全性注意事项5.总结在前端开发中，IndexedDB是一种强大的客户端数据库

好久不见的流星·2024-02-19 22:53

前端面试题-Javascript中如何实现函数缓存?函数缓存有哪些应用场景?（2024.2.19）

一、概念函数缓存就像是一个记事本，它记住了函数每次计算的结果。当函数再次遇到相同的输入时，它不再重新计算，而是直接从记事本中查找并返回之前的计算结果。这个记事本就是一个简单的存储空间，通过记录每次函数调用的输入和输出，来避免不必要的计算，提高效率。这在处理一些计算量较大、但结果常常相同的函数时很有用，就像查字典一样，遇到相同的词汇就直接翻到上次查过的页面，不再重新查找。二、如何实现实现函数缓存的一

bug总结·2024-02-19 22:18

CSS图片背景样式

前言上次我们介绍的CSS的背景样式，但是图片背景样式我们没有过多阐述，那么CSS的图片背景样式还有哪些值得一看的地方呢，一起看看叭~在学习过程中总觉得基础巩固不好，那有可能就是理论没有得到很好的实践，亲自将代码实现出来才能更容易掌握所学

沃和莱特·2024-02-19 22:48

css设置背景图

因此，今天我们将与你分享3种CSS实现背景图图片全屏铺满自适应的方式，希望对你有所帮助。01margin:0px;background:url(ima

踏雪寻鹭·2024-02-19 22:48

css设置背景模糊

要是直接在要设置模糊背景色的div里使用filter就会造成文字和里面的图片都会被模糊化.bgc{height:300px;position:relative;background:#8c8c45;filter:blur(15px);}这里需要在需要设置背景的div的伪类里来设置filter这样就不会文字也模糊化了.bgc{height:300px;position:relative;&:befo

riyue666·2024-02-19 22:47

css2的三大特性

css的三大特性一.层叠性概念二.继承性行高的继承三.优先级概念a标签默认蓝色优先级注意事项一.层叠性概念二.继承性行高的继承可用倍数表示三.优先级概念a标签默认蓝色优先级注意事项例子

ldd_eb·2024-02-19 22:46

2024年前端JavaScript入门到精通第二天笔记

2.1赋值运算符2.2自增运算符2.3比较运算符2.4逻辑运算符以及优先级2.5JS基础Day2-23-if单分支语句以及判断成绩案例2.6JS基础Day2-24-if双分支语句以及判断润年案例2.7JS基础Day2-25-i侈分支语句以及上午总结2.8JS基础Day2-26-三元运算符以及求最大值案例2.9JS基础Day2-27-数字补0案例2.10JS基础Day2-28-switch分支语句2

PieroPc·2024-02-19 22:44

django admin页面美化

美化DjangoAdmin页面可以通过多种方式实现，从简单的CSS样式调整到完全自定义模板。

攻城狮的梦·2024-02-19 22:43

css2背景

css2背景一.背景颜色二.背景图片三.背景平铺四.背景图片位置五.背景图像固定六.复合型写法七.背景颜色半透明八.总结一.背景颜色默认是transparent(透明）二.背景图片默认是none三.背景平铺默认是

ldd_eb·2024-02-19 22:42

24 双非计算机秋招总结

引言我整理了一份10w+字数的前端技术文档（飞书），地址：https://qx8wba2yxsl.feishu.cn/docx/Vb5Zdq7CGoPAsZxMLztc53E1n0k?

Jackson Mseven·2024-02-19 22:32

re:从0开始的CSS之旅 17. 定位

1.定位定位：将盒子指定到页面中的任意位置。position属性可以开启元素的定位可选值：static没有开启定位（默认值）relative开启元素相对定位absolute开启元素的绝对定位fixed开启元素的固定定位sticky开启元素的粘性定位开启定位后，通过toprightbottomleft四个属性设置元素的位置2.相对定位相对于元素原来的位置进行定位相对定位元素会提升一个层级相对定位元素

扶摇|·2024-02-19 22:28

使用Sora部署实时音视频通信应用实战项目

目录一、项目概述二、准备工作三、集成Sora到前端项目引入SoraSDK：在Vue组件中引入SoraSDK。四、实现音视频通信功能监听音视频流事件：在Vue组件中添加事件监听器，处理接收到的音视

GT开发算法工程师·2024-02-19 22:54

CSS之Flex布局

Flex布局01-标准流标准流也叫文档流，指的是标签在页面中默认的排布规则，例如：块元素独占一行，行内元素可以一行显示多个。02-浮动(了解即可)基本使用作用：让块元素水平排列。属性名：float属性值left：左对齐right：右对齐浮动.left,.right{/*width:200px;*/height:200px;background-color:pink;}.left{/*左浮动*/fl

白小筠·2024-02-19 22:24

【实战】一、Jest 前端自动化测试框架基础入门（四） —— 前端要学的测试课从Jest入门到TDD BDD双实战（四）

文章目录一、Jest前端自动化测试框架基础入门10.Jest中的Mock（1）toBeCalled（2）func.mock（3）mockReturnValue&mockReturnValueOnce学习内容来源

程序边界·2024-02-19 22:44

ASMDB阅读笔记

UnderstandingandMitigatingFront-EndStallsinWarehouse-ScaleComputer.ISCA20191.文章的整体思路发现问题：通过Top-Down方法发现前端堵塞

精致的泛函·2024-02-19 21:21

Nextjs styled-jsx animation

Nextjs自带的styled-jsx（v3.2.1）可能是不支持css3动画中@keyframes，多次尝试失败，现在采用把@keyframes写入css文件中，通过页面入口引入，（注意，在组件内部使用

aibinMr·2024-02-19 21:19

svg图片构造QGraphicsSvgItem对象耗时很长的问题解决

目录1.问题的提出2.问题解决1.问题的提出今天通过一张像素为141*214，大小为426KB的svg格式的图片构造QGraphicsSvgItem对象，再通过Qt的GraphicsViewFramework

荆楚闲人·2024-02-19 21:05

2024程序员能有什么新的出路？

前言前两天和一个前端同学聊天，他说不准备再做前端了，准备去考公。不过难度也很大。

·2024-02-19 21:30

【笔记】前端接收List＜List＜Map＜String,Object＞＞＞类型的json数据该怎么遍历

问题描述：在今天的项目里，写到了一个图表统计，而数据内容则是2016到2022七年数据，每年数据里又有五条根据不同范围而划分的“ABCDE”子数据，后端返回的数据类型就是如题中的List>>类型，即用一个List包住＜List＜Map＜String,Object＞＞的类型。如图：我该如何接收到每个值呢？解决办法：硬着头皮拆解法：success:function(data1){varA=[];var

苗老八·2024-02-19 21:31

有关前端的一些问题（一）

1.Object.prototype.toString.call的原理使用Object的原型上的toString方法，这个方法拼接三个字符串：‘[object’+[[class]]+‘]’。其中[[class]]是对象的内部属性，一般无法访问。它是一个字符串值,表明了该对象的类型。2.Bigint在没有Bigint之前，Number类型都是64位，能表示（-2^53-1）到（2^53-1）之间的数

狗剩集团·2024-02-19 21:01

Bitcode

Bitcode是LLVM编译器将C/C++/OC/Swift等前端变成语言编译成多种不同芯片上的机器指令过程中的中间代码。并且这个中间代码是CPU无关的。

道道明明白白·2024-02-19 21:13

如何把List＜Map＜String,Object＞＞的数据显示在前端

首先导入allibaba的fastJsoncom.alibabafastjson1.1.46.sec01我的想法是先把List>的数据转换成Json【String】，然后再把Json转换成list，最后在前端遍历

小白程序猿一枚·2024-02-19 21:26

【微信小程序】wxss 和 css 、wxml 和 html 区别

wxss和css区别wxss支持小程序特有的选择器和样式属性scroll-into-viewcover-view等wxss引入了rpx单位，可以根据屏幕宽度进行自适应，使得开发者可以更方便的处理不同尺寸屏幕的适配问题

我有一棵树·2024-02-19 21:18

推荐频道

css前端