前端面试中,position定位绝对算是出现的频繁的一个面试题了,我们这次来共享下关于这个属性可以问出怎么样的问题。
CSS 的 position 属性用于控制元素的定位方式,共有五种值:
static、relative、absolute、fixed、sticky。
2025年04月08日
前端面试中,position定位绝对算是出现的频繁的一个面试题了,我们这次来共享下关于这个属性可以问出怎么样的问题。
CSS 的 position 属性用于控制元素的定位方式,共有五种值:
static、relative、absolute、fixed、sticky。
2025年04月08日
1.px
px:绝对单位。像素px是相对于显示器屏幕分辨率而言的,不会因为其他元素的尺寸变化而变化 。
2.em
em:相对单位,相对于父元素而言的。通常16px(浏览器默认字体大小)=1em,则12px=0.75em,10px=0.625em。
2025年04月08日
CSS 是一种用来描述网页样式的语言,它可以控制 HTML 元素的颜色、大小、位置、布局等外观效果。
CSS 的全称是层叠样式表 (Cascading Style Sheets),它的基本语法由选择器和声明组成。选择器用来指定要应用样式的 HTML 元素,声明用来定义元素的属性和值。例如:
2025年04月08日
通过元素宽度和字数计算得到缩放
简单实现如下:
/**
* 字体最大为视觉要求大小(maxFontSize);超出缩小字体显示,最小为minFontSize;最小字体时超出部分使用圆点(...);
* params.minFontSize 最小字体
* params.maxFontSize 最大字体
* params.fontSizeUnit 字体单位
* params.dom 元素节点
*/
const setTextFontSize = (params) => {
const { minFontSize = 12, maxFontSize = 18, fontSizeUnit = "px", dom, ...rest} = params || {};
const textLen = dom?.innerHTML?.trim()?.length;
const domWith = dom?.getBoundingClientRect()?.width;
let initFontSize = Math.floor((domWith) / textLen);
const isCutOff = initFontSize < minFontSize;
if (initFontSize <= minfontsize initfontsize='minFontSize;' else if initfontsize>
2025年04月08日
随着eBPF推出,由于具有高性能、高扩展、安全性等优势,目前已经在网络、安全、可观察等领域广泛应用,同时也诞生了许多优秀的开源项目,如Cilium、Pixie等,而iLogtail 作为阿里内外千万实例可观测数据的采集器,eBPF 网络可观测特性也预计会在未来8月发布。下文主要基于eBPF观测HTTP 1、HTTP 1.1以及HTTP2的角度介绍eBPF的针对可观测场景的应用,同时回顾HTTP 协议自身的发展。
2025年04月08日
CSS3 Filter(滤镜)属性提供了提供模糊和改变元素颜色的功能。CSS3 Fitler 常用于调整图像的渲染、背景或边框显示效果。这里给大家分享的这个网站,大家可以体验下 CSS3 对图片的处理效果,例如灰度,模糊,饱和,老照片等。
演示
http://www.cssreflex.com/css-generators/filter
来源
2025年04月08日
Freemarker是一个基于Java语言的多用途,轻量级模板引擎。它提供了很多内置的语法指令,例如条件选中,迭代,赋值,字符串和算术运算,格式化,宏定义等等。Freemarker最初是为了在Web MVC应用程序框架中生成HTML页面而创建的,但它并不绑定到Servlet,HTML或者任何其他与Web相关的内容。此外,Freemarker还应用与非Web应用程序环境中。
2025年04月08日
要想学好JSA,掌握好Javascript的是基础。那么什么是Javascript,这门编程语言有什么特征?今天我们就来聊一聊这些内容,让我们对Javascript有一个初步认识。
1995年被Brandon Eich开发出来。用于在浏览器中。