- 博客(13)
- 收藏
- 关注
原创 localStorage和sessionStorage与cookie
cookie 的属性通常通过键值对的形式在服务器端设置,并通过 HTTP 响应头发送到浏览器。
2024-06-03 14:27:31
1020
1
原创 原型 原型链
当我们尝试访问一个对象的某个属性或方法时,JavaScript会首先在当前对象本身查找该属性或方法。如果找不到,则会沿着原型链向上查找,直到找到为止。由于john对象本身没有这个方法,所以会沿着原型链向上查找,最终在Person.prototype上找到了这个方法并执行。这样,通过每个对象的__proto__属性和构造函数的prototype属性,我们可以将多个对象链接起来,形成一个链式结构,这就是原型链。补充一句,只要是对象就会拥有__proto__属性指向上一级的原型对象。
2024-06-03 10:25:14
1419
1
原创 过渡动画 关键帧动画
的关键帧动画,该动画会在4秒内循环播放,每次播放的方向都会交替(先正向再反向),并在动画结束后保持最后一帧的样式。过渡动画是当元素从一个状态改变到另一个状态时,自动平滑地过渡其样式变化(如颜色、大小、位置等)。关键帧动画是在动画的特定时间点上定义样式变化,然后浏览器会计算并填充这些关键点之间的中间帧。
2024-06-03 09:31:08
652
原创 事件穿透 pointer-events
时,元素将不会成为鼠标事件的目标,并且鼠标事件会“穿透”该元素并传递给其下方的元素。这在您希望某些元素不可点击但仍然允许用户与其下方的元素交互时非常有用。是一个 CSS 属性,它用于控制元素如何响应鼠标、触摸等指针设备的事件。属性,您可以控制元素是否成为事件的目标,或者是否允许事件“穿透”到其下方的元素。类应用了一个半透明的黑色遮罩层,它覆盖了整个页面。覆盖了按钮,但用户仍然可以点击按钮并触发其点击事件。的设置,这个遮罩层不会阻止用户点击其下方的。属性实现事件穿透的一个例子。
2024-06-01 10:58:22
149
原创 rem 和 em 响应式布局
rem和em都是在 CSS 中用于相对长度单位的。它们使得我们能够更灵活地设置元素的尺寸,特别是在响应式布局中。以下是关于如何使用rem和em实现响应式布局的代码示例和解释。
2024-06-01 10:28:28
1543
原创 字体的响应式处理
总结:字体的响应式处理涉及到相对单位的使用、媒体查询、断点调整、自适应布局以及优化字体可读性和视觉效果等多个方面。通过综合运用这些技术,可以确保文本在不同设备和屏幕尺寸上都能得到良好的展示效果。字体的响应式处理在前端开发中扮演着重要角色,以确保文本在不同设备和屏幕尺寸上都能保持良好的可读性和呈现效果。六、优化字体可读性和视觉效果。五、安全字体和自定义字体。
2024-06-01 10:19:01
310
原创 图片的响应式处理
响应式图片处理涉及多个方面,包括CSS样式、HTML属性、JavaScript以及图片优化等。通过综合应用这些方法,你可以确保你的网站在各种设备和屏幕尺寸上都能提供高质量的图片体验。
2024-06-01 10:12:56
338
原创 弹性网格布局(Flexible Grid Layout)
弹性网格布局(Flexible Grid Layout)是一种现代的网页布局技术,它结合了传统的网格布局和弹性盒布局(Flexbox)的概念,以提供更强大、更灵活的布局控制。
2024-06-01 09:49:11
418
原创 弹性盒子布局 display : flex
弹性盒子布局(Flexbox Layout)是CSS3引入的一种新的布局模式,用于在单个维度(行或列)中高效地布局、对齐和分配容器中的空间,即使子元素的尺寸未知或动态改变。
2024-06-01 09:45:00
350
原创 @media使用方法
media是 CSS3 中的一个重要特性,它允许我们根据设备的特性(如设备的宽度、高度、方向、分辨率等)来应用不同的样式规则。下面是@media。
2024-06-01 09:39:57
373
原创 CSS中的盒模型
盒模型(Box Model)是CSS中的一个重要概念,用于描述HTML元素在页面中所占空间的方式。它将每个HTML元素视为一个矩形框,这个矩形框由四个主要部分组成,内边距(padding)、边框(border)和外边距(margin)组成的矩形盒子
2024-06-01 09:14:31
229
原创 关于BFC的实现和特性
"BFC"(Block Formatting Context)在CSS(层叠样式表)中是一个重要的概念,它指的是一个独立的渲染区域,其中元素的布局不会影响到这个区域之外的其他元素。在BFC中,元素的布局是独立的,并且具有一些特定的行为规则。了解BFC可以帮助我们更好地控制页面元素的布局和渲染行为,特别是在处理一些复杂的布局问题时,BFC可以作为一个有效的工具。
2024-06-01 09:10:13
113
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人