
前端知识速记
文章平均质量分 71
前端八股文
无限大.
这个作者很懒,什么都没留下…
展开
-
前端知识速记 - CSS篇:可继承属性与不可继承属性
大多数可继承属性与文本样式相关,用于定义文本的外观。比如color和font-size等。:通过继承父元素的样式,可以减少子元素上的样式设置,从而保持样式结构的简洁性。:当我们在一个文档中有多个嵌套的元素时,可继承属性能够有效地为整个树形结构提供一致性。原创 2025-02-18 15:55:45 · 545 阅读 · 0 评论 -
前端知识速记--HTML篇:HTML5的新特性
新特性描述示例语义化标签提高网页可读性与SEO<header><article>音视频支持简化媒体内容嵌入,无需插件<audio><video>Canvas元素通过JavaScript绘制图形<canvas>本地存储支持在浏览器中存储数据增强的表单功能新增输入类型,优化表单验证。原创 2025-02-17 23:25:04 · 595 阅读 · 0 评论 -
前端知识速记:BFC与IFC
是一种独立的格式化区域,其中的元素与外部环境互不影响。BFC的主要作用包括避免元素重叠、控制外边距合并等。是内联元素的上下文,主要用于控制内联元素的布局,如文本和图片。IFC允许元素在行内流动,从而实现文本混排。原创 2025-02-16 21:37:31 · 569 阅读 · 0 评论 -
前端知识速记--css篇:CSS3中的常见动画及实现方式
动画类型特性语法格式示例代码过渡 (Transitions)简单状态变更,平滑过渡关键帧动画 (Keyframes)定义多个动画状态,复杂效果动画延迟与方向支持延迟和反向执行缩放和旋转对元素进行缩放和旋转。原创 2025-02-15 21:29:53 · 578 阅读 · 0 评论 -
前端知识速记—JS篇:JS数组方法
2. concat()方法用于合并两个或多个数组,返回新数组。3. splice() 方法的语法如下:参数说明:: 从数组中开始操作的位置(索引)。从 0 开始计数。如果 start 为负数,则表示从数组末尾开始的偏移量。: 要删除的元素个数。如果不指定这个参数或设置为 0,表示不删除元素。: 要添加到数组中的元素,这些元素从 索引位置开始插入。示例:我们来具体分析这行代码:假设当前的 数组如下:操作过程:起始位置: 设置为 1,表示我们从数组的索引 1 开始操作。也就是原创 2025-02-14 22:20:13 · 1109 阅读 · 0 评论 -
前端知识速记—JS篇:原型与原型链
在JavaScript中,原型是构造函数所关联的一个对象,它决定了通过该构造函数创建的所有实例所共享的属性和方法。原型链是JavaScript中实现对象继承的关键机制。它是由多个原型构成的链条,每个对象都有一个__proto__属性,指向其构造函数的原型对象。原创 2025-02-13 20:23:19 · 677 阅读 · 0 评论 -
前端知识速记--JS篇:instanceof
在JavaScript中,instanceof运算符用于检测一个对象是否是另一个对象的实例。。如果obj是的实例,它将返回true,否则返回false。这是一个判断对象的原型链上是否存在构造函数的prototype属性的简单方法。原创 2025-02-12 19:56:25 · 672 阅读 · 0 评论 -
前端知识速记:浏览器缓存机制 - 强缓存与协商缓存
强缓存(也称为本地缓存)和协商缓存(也称为弱缓存)。当浏览器请求资源时,首先检查本地缓存是否命中。如果命中,则直接从缓存中读取资源,无需向服务器发送任何请求。当强缓存未命中时,浏览器会向服务器发送请求,询问服务器资源是否发生变化。如果服务器告知资源未改变,则浏览器从缓存中读取资源;如果服务器告知资源已改变,则浏览器会下载新资源并更新缓存。原创 2025-02-11 16:24:08 · 1415 阅读 · 0 评论 -
前端知识速记:图片懒加载(性能优化)
图片懒加载(Lazy Loading)是一种延迟加载图像的技术,主要原理是在用户实际需要查看某一部分内容时再加载对应的图片。该技术基于“先隐藏,再加载”的思路,当用户滚动到该图像位置时,浏览器才会发起请求进行加载。原创 2025-02-10 20:32:15 · 377 阅读 · 0 评论 -
前端知识速记--JS篇:柯里化
柯里化是将一个多参数函数转换成一系列嵌套的单参数函数。每个函数返回一个新的函数,直到所有参数都被传入为止。原创 2025-02-07 20:49:21 · 423 阅读 · 0 评论 -
前端知识速记--JS篇:闭包
闭包是指一个函数能够“记住”并访问它被创建时的作用域,即使这个函数在其外部被调用。换句话说,闭包使得函数能够保有对其执行环境的引用,并保留局部变量的值。。原创 2025-02-07 20:46:52 · 331 阅读 · 0 评论 -
前端知识速记:重绘和回流
重绘是指当元素的外观发生变化时,浏览器需要重新绘制这些元素。由于这些操作不会改变元素占据的空间,因此不需要进行回流。原创 2025-02-06 18:13:34 · 833 阅读 · 0 评论 -
前端知识速记:POST和GET
与GET请求相对,**POST请求是一种用于向服务器发送数据的请求方式,通常用于创建或更新资源。数据在请求体中传递:POST请求的数据包含在请求体中,而不是URL中,适合传输较大的数据量。无缓存机制:一般情况下,POST请求的响应不会被浏览器缓存,确保每次请求都是最新的数据。没有长度限制:POST请求对数据长度没有严格限制,适合传输复杂或大规模的数据。安全性:尽管POST请求不在URL中显式显示数据,但仍需注意对敏感信息的保护。原创 2025-02-05 21:59:12 · 370 阅读 · 0 评论 -
前端知识速记--CSS篇:display
display属性用于指定一个元素如何被显示在网页上。它不仅影响元素的显示形式,还对元素的布局、结构以及与其他元素之间的关系产生重要影响。原创 2025-02-03 21:56:41 · 1423 阅读 · 0 评论 -
前端知识速记--HTML篇:src和href
src。原创 2025-02-02 21:44:17 · 753 阅读 · 0 评论 -
前端知识速记:节流与防抖
节流与防抖的目标相似,但其实现方式有所不同。节流是指限制事件的触发频率,保证在一定时间内事件只会执行一次。滚动监听:限制滚动事件的处理,避免性能瓶颈。定时器定时执行任务:实现定期执行的功能。原创 2025-02-01 21:07:25 · 579 阅读 · 0 评论 -
前端知识速记—JS篇:箭头函数
箭头函数是 ES6 引入的一种新的函数书写方式,其语法更为简洁,常用于替代传统的函数表达式。箭头函数的基本语法如下:通过这种方式,开发者可以以更简练的形式定义函数,提高代码的可读性。箭头函数最直接的优势就是语法简单,特别是在定义短小的函数时,能显著减少代码量。在这个简单的例子中,箭头函数将常规函数压缩为一行代码,使得表达更为直观。与传统函数不同,箭头函数不会创建自己的 上下文,而是从外部作用域继承 。这使得在回调函数中使用 时,避免了上下文丢失的问题。在传统函数中, 的值依赖于函数的调用方式。例如,原创 2025-01-31 19:07:43 · 871 阅读 · 0 评论 -
前端知识速记—JS篇:null 与 undefined
null。原创 2025-01-30 22:29:28 · 1203 阅读 · 0 评论