标签:CSS3
const: 这个最简单,只需记住是声明的常量,定义的时候必须声明const的具体值,且之后不允许改变const的值   var和let区别 1、由于js引擎存在预解析,会把var变量名进行提升 对于var来说是这样执行的 var m; console.log(m); m=10; let不存在变量
众所周知,网页的暗黑模式可以减少屏幕反射和蓝光辐射,减少眼睛的疲劳感,特别是在夜间使用时更为明显。其实暗黑模式也给霓虹灯效应(Neon Effect)提供了发挥的环境。 霓虹灯效应是一种视觉效果,其特点是在深色背景上使用鲜艳的颜色来产生强烈的视觉冲击。这种效应通常用于设计海报、广告、标志和网页等。
一、HTML 1、什么是HTML 1.1、初识HTML HTML:Hyper Text Markup Language(超文本标记语言) 超文本包括:文字、图片、音频、视频、动画等 HTML5的优势 ①世界知名浏览器厂商对HTML5的支持 ​ 1、微软 ​ 2、Google ​ 3、苹果 ​
使用工具: IDEA2022 Tomcat9.0.4   1.下载Tomcat:   官网:https://tomcat.apache.org/      找到需要的版本下载即可,下载完成解压即可用: Tomcat目录介绍:   1.1.Tomcat启动、关闭。卸载:   启动:双击binsta
作者:京东科技 郝梁 前言:作为 C 端前端研发,除了攻克业务难点以外,也要有更深层的自我目标,那就是性能优化。这事儿说大不大,说小也不小,但难度绝对不一般,所涉及的范围优化点深入工程每个细胞。做好前端性能优化绝非简单之事!文章主要内容介绍前端性能考核指标及优化方案。 一、前端性能指标有哪些? 根
作者:京东科技 刘清洁 1、痛点(*) 自动化测试有2种形式,接口自动化和UI自动化。而UI自动化经常会被登录节点堵塞,例如验证码、图形、滑块等,尽管有些方式可以识别图形和定位滑块位置,但成功率都不高,无法真正意义上实现自动化执行;而http接口的自动化测试前置如果依赖cookie,也无法实现自动
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 假设,我们有这样一张 Gif 图: 利用 CSS,我们尝试来搞一些事情。 图片的 Glitch Art 风 在这篇文章中 --CSS 故障艺术,我们介绍了利用混合模式制作一种晕眩感觉的视觉效果。有点类似于抖音的 LOGO。 像
本博文介绍CSS中的基础选择器和复合选择器。 基础选择器包括标签选择器、类选择器、id选择器和通配符选择器,复合选择器包括后代选择器、子选择器、并集选择器和伪类选择器。  1 基础选择器 基础选择器由单个选择器组成,包括:标签选择器、类选择器、id选择器和通配符选择器。 1.1 标签选择器 标签选
之前,整个《现代图片性能优化及体验优化指南》分了 5 篇来发,本文是系列合集,方便大家收藏及连贯阅读。 图片资源,在我们的业务中可谓是占据了非常大头的一环,尤其是其对带宽的消耗是十分巨大的。 对图片的性能优化及体验优化在今天就显得尤为重要。本文,就将从各个方面阐述,在各种新特性满头飞的今天,我
background中的cover与contain的区别 contain:将图片缩放至宽度或者高度能够完全适应容器,并且保持图片宽高比不变。如果容器宽高比与图片宽高比不同,则容器会留白,不会出现图片的裁剪。例如,对于一个宽度为200px、高度为200px的容器,背景图片使用background-s
      拖放排序列表是一种广泛使用的 UI 元素,允许用户通过将项目拖放到所需位置来重新排序。这个功能可以在许多网络应用程序中找到,比如任务管理器和电子商务网站。      在这篇博文中,您将学习如何使用 HTML、CSS 和 JavaScript 创建拖放可排序列表。不使用任何外部 Java
本博文介绍CSS三大特性之一:优先级。 1 规则 (1)若选择器相同,则执行层叠性(层叠性:给相同的选择器设置相同的样式,则“后来居上”,后面设置的样式会覆盖前面设置的样式); (2)若选择器不同,则有优先级。 2 选择器权重 常见的选择器权重如下表: 选择器 权重 继承或者*(通配符) 0,0,
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 最近碰到这样一个问题,在一张封面上直接显示书名,可能会存在书名看不太清楚的情况(容易受到背景干扰),如下 为了解决这个问题,设计师提了一个“究极”方案,将书名背后的图片模糊一下,这个在 CSS 中很好实现,仅需backdrop-fi
​本博文介绍CSS3中新增的选择器,包括属性选择器、结构伪类选择器和伪元素选择器。  1 属性选择器 属性选择器([属性])可以根据元素的属性和属性值来对符合要求的元素进行选择。 属性选择器的基础语法如下表: 语法 说明 标签[属性] {} 选择有目标属性的标签 标签[属性="value"] {}
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 CSS3提供了Animation关键帧动画,我们在工作中比较常用。但在写CSS动画的时候,其实Animation能实现两种动画模式: 补间动画 设置关键帧的初始状态,然后在另一个关键帧改变这个状态,比如大小、颜色、位置、透明度等,