自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 HTML面试题系列一(附答案与解析)

计算这些值的过程称为布局或重排。"重绘"不一定需要"重排",比如改变某个网页元素的颜色,就只会触发"重绘",不会触发"重排",因为布局没有改变。但是,"重排"必然导致"重绘",比如改变一个网页元素的位置,就会同时触发"重排"和"重绘",因为布局改变了。重绘是改变不影响元素在网页中的位置的元素样式时,譬如background-color(背景色), border-color(边框色),visibility(可见性),浏览器会根据元素的新属性重新绘制一次(这就是重绘,或者说重新构造样式),使元素呈现新的外观。

2024-02-16 23:45:00 786 1

原创 LocalStorage的二次封装

LocalStorage进行二次封装后,可以优化性能,减少请求。下面是我用ts封装的localStorage和sessionStorage,具有通用性。

2024-01-29 21:24:50 273

原创 什么是跨域?跨域的解决方案有哪些?

协议,域名(ip地址),端口。协议相同(protocol)主机相同(host)端口相同(port)反之非同源请求,也就是协议、端口、主机其中一项不相同的时候,这时候就会产生跨域。发送请求地址:http:47.96.127.5:8080/index 接受请求地址:http:47.96.127.5:8083/index //不同源 端口不同。

2024-01-25 20:28:57 680 1

原创 面试官:说说你对 CSS 盒模型的理解

每个HTML元素都由一个矩形框(盒子)组成,称为盒模型。CSS 盒模型定义了一个 HTML 元素的尺寸和边距。: 这个区域是用来显示内容,大小可以通过设置width和height。: 包围在内容区域外部的空白区域;大小通过padding相关属性设置。Border box: 边框盒包裹内容和内边距。大小通过border相关属性设置。Margin box: 这是最外面的区域,是盒子和其他元素之间的空白区域。大小通过margin相关属性设置。

2024-01-24 20:47:20 336 1

原创 js实现文字滚动效果

这是一个比较简单的小案例,就是文字上下滚动出来。下面就是源代码,希望大佬指正!

2024-01-24 12:41:26 613 1

原创 前端性能优化篇:防抖与节流

在前端开发的过程中,我们经常会需要绑定一些持续触发的事件,如 resize、scroll、mousemove 等等,但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数。在上述代码中,div 元素绑定了 mousemove 事件,当鼠标在 div区域中移动的时候会持续地去触发该事件导致频繁执行函数自增。通常这种情况下我们怎么去解决的呢?一般来讲,防抖和节流是比较好的解决方案。毫秒后第一次执行,第二次事件停止触发后依然会再一次执行。

2024-01-21 21:08:28 678

原创 js模块化,导入和导出函数写法

一个模块(module)就是一个文件。一个脚本就是一个模块。就这么简单。模块之间可以相互加载,并可以使用特殊的指令export和importexport关键字标记了可以从当前模块外部访问的变量和函数。import关键字允许从其他模块导入功能。//最后统一导出​export {a1,​。

2024-01-19 21:16:37 594 1

原创 将数组转换为树形结构

在前端开发中,调用接口获取数据是家常便饭。但我们都知道,不是每次 API 请求都会返回给我们想要的数据。当我们有这样的数据的时候,需要我们将其转换为树形结构才可以正常使用。因此下面是我的方法,希望大佬们指正!

2024-01-18 11:09:04 718 1

原创 HTML5属性-拖拽

拖拽(drap && drop)在我们平时的工作中,经常遇到。表示为抓取对象以后拖放到另一个位置。目前,它是HTML5标准的一部分。

2024-01-16 21:39:28 743 1

原创 数组拼接及使用场景

在做项目中,常常会有拼接数组里面的数据,或者合并数组的需求,因此来让我们看一下有哪些方法与使用场景!

2024-01-15 21:46:42 587

原创 Vue中的 v-show 和 v-if 有什么区别? 使用场景

节点增加与删除),如果需要非常频繁地切换,则使用 v-show 较好,如果在运行时条件很少改变,则使用 v-if 较好。是 Vue.js 中用于条件渲染的指令,它们的作用是根据条件来控制元素的显示和隐藏。作用效果是相同的,都能控制元素在页面是否显示,用法上也是相同的。开销更大的(直接操作。

2024-01-12 19:58:47 447

原创 Vue中$route和$router

router是VueRouter的一个对象,通过Vue.use(VueRouter)和Vue构造函数得到一个router的实例对象,这个对象中是一个全局的对象,他包含了所有的路由,包含了许多关键的对象和属性。是 Vue Router 提供的一个全局对象,用于访问当前路由的一些信息,比如路径、参数、查询参数等。1.push:跳转到指定url路径,并在history栈中添加一个记录,点击后退会返回到上一个页面。用于在路由历史记录中向前或向后导航,可以接收一个整数作为参数,表示要前进或后退的步数。

2024-01-10 22:28:02 673

原创 JavaScript中forEach的用法

在 JavaScript 中,你经常需要遍历数组集合,并为每次迭代执行回调方法。因此通常会使用一种有用的方法来执行此操作:forEach()方法为它在数组内迭代的每个元素调用一次指定的回调函数。

2024-01-08 21:31:05 473

原创 实现数组去重的方式

方法接收一个回调函数作为参数。它类似于数组,但是成员的值都是唯一的,没有重复的值。:当前正在被处理的元素值。来筛选出不重复的元素。

2024-01-06 23:41:39 605 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除