自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 对JSON的理解

因为 JSON 的语法是基于 js 的,因此很容易将 JSON 和 js 中的对象弄混,但是应该注意的是 JSON 和 js 中的对象不是一回事,JSON 中对象格式更加严格,比如说在 JSON 中属性值不能为函数,不能出现 NaN 这样的属性值等,因此大多数的 js 对象是不符合 JSON 对象的格式的。如果需要传输这些类型的数据,通常需要将其转换为 JSON 支持的类型(如字符串)或在接收端进行特殊处理。JSON 可以用作轻量级的数据存储格式,尤其是在不需要完整数据库支持的情况下。

2024-04-02 18:27:43 414

原创 JS多维数组降维

在这个例子中,flat()方法直接将二维数组降维为一维数组。注意,flat()方法默认只会降维一层,如果你有一个更深层的多维数组,你需要指定一个深度参数,如flat(2)表示降维两层。在这个例子中,reduce()方法遍历二维数组的每个子数组,并使用concat()方法将它们连接在一起。flat()方法会按照一个可指定的深度递归遍历数组,并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。在这个例子中,扩展运算符...被用于将二维数组的每个子数组展开,然后concat()方法将它们连接在一起。

2024-03-25 18:56:19 283

原创 JS区分数组和对象的方法

这些方法中,Array.isArray()是最推荐的方法,因为它简单且准确。通常,数组的constructor属性会指向Array构造函数,而普通对象的constructor属性会指向Object构造函数。这是一种比较通用的方法,因为即使修改了对象的constructor或prototype,它通常也能正确工作。Array.isArray()是一个静态方法,它接受一个参数,如果参数是一个数组,则返回true,否则返回false。这是区分数组和对象的最直接和最准确的方法。

2024-03-25 18:38:43 445

原创 position值有哪些,特点及应用

元素相对于其正常位置进行定位。在这个例子中,CSS样式定义了header的position为sticky,并设置top为0,这样当页面向下滚动时,标题会固定在浏览器的顶部。元素相对于浏览器窗口进行定位,即使页面滚动,它仍然会停留在同一的位置。这是相对于用户的滚动位置定位的元素,基本上是一种相对定位和固定定位的混合。元素相对于最近的已定位父元素(即 position 不为 static 的元素)进行定位。main元素有一个padding-top,用于确保当标题固定在顶部时,内容不会覆盖标题下方的空间。

2024-03-24 15:38:14 422

原创 如何画一条0.5px的线

大多数浏览器对线条粗细的渲染都是以完整像素为单位的。当你尝试设置一个非整数的像素值时,浏览器通常会将其向上或向下舍入到最接近的整数像素。1. 使用transform: scale()

2024-03-24 14:52:37 356

原创 px,em,rem的区别

rem同样是相对长度单位,但它是相对于HTML根元素的字体尺寸来设置的。这意味着,无论页面中的哪个元素,其使用rem单位的尺寸都是根据根元素的字体尺寸来计算的。这意味着,当父元素的字体尺寸发生变化时,使用em单位的子元素也会相应地变化。因此,使用px单位定义的元素尺寸、位置和间距等是固定的,不会受到其他元素尺寸变化的影响。在这个例子中,.child元素的字体大小将是.grandparent元素字体大小的1.875倍(因为1.25em * 1.5em = 1.875em)。

2024-03-24 14:44:59 400

原创 iframe的用法

它可以将另一个HTML页面嵌入到当前页面中,并且可以通过设置iframe的属性,如width、height、scrolling等,来控制嵌入页面的显示方式和尺寸。:iframe可以在一个HTML文档中嵌入另一个HTML页面或文档,使其他页面的内容以框架的形式展示在当前页面中。由于iframe中的内容与主页面是隔离的,因此它可以在一定程度上防止恶意代码或不受信任的内容对主页面造成破坏。这对于加载时间较长的大型网页尤其有用,可以提高页面加载速度,并且在加载过程中,用户可以先看到部分内容,从而提高用户体验。

2024-03-23 20:09:06 227

原创 什么是BFC

BFC 其实就是页面独立渲染的一个区域,这块区域有自己的排列规则,并且不受外部区域影响。

2024-03-23 18:18:35 122

原创 框架Tabs标签页实现背景自定义样式

vat自定义tabs背景图

2022-07-10 18:36:14 4218 3

原创 input 输入框只能输入数字并保留两位小数

<el-input oninput="value=value.replace(/^\D*([0-9]\d*\.?\d{0,2})?.*$/,'$1')"></el-input>

2021-11-09 14:14:22 721

原创 Vue中ios返回上一层缓存问题解决

用pageshow事件监听onpageshow 事件在用户浏览网页时触发。onpageshow 事件类似于onload事件,onload 事件在页面第一次加载时触发, onpageshow 事件在每次加载页面时触发,即 onload 事件在页面从浏览器缓存中读取时不触发。为了查看页面是直接从服务器上载入还是从缓存中读取,你可以使用 PageTransitionEvent 对象的 persisted 属性来判断。 如果页面从浏览器的缓存中读取该属性返回 ture,否则返回 false..

2021-09-14 10:40:35 746

原创 vue3 随机生成验证码

直接上代码<template> <div class="img-verify"> <canvas ref="verify" :width="width" :height="height" @click="handleDraw"></canvas> </div></template>jssetup() { const verify = ref(null) const state = rea

2021-09-11 21:55:28 1785

原创 切换页面动画过渡

router.beforeEach((to, from) => { if (to.meta.index > from.meta.index) { state.transitionName = 'slide-left' // 向左滑动 } else if (to.meta.index < from.meta.index) { // 由次级到主级 state.transitionName = 'sli.

2021-09-11 21:48:07 168 1

原创 vue中ios禁止触摸事件和连续点击抖动bug

问题描述: 弹出时背景禁止滑动和连续点击,背景向上移动直接上代码:// 直接判断移动端也可以,这里我直接判断是ios,安卓没有这个问题let u = navigator.userAgent; let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;//android终端 let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac ...

2021-08-28 13:55:02 565

原创 vue中的( ?)和(??)的用法

今天遇到一点小问题,查了查做个小记录,给大家分享一下,不对的地方还请大家多多指教。storeValue (restitle) { document.title = restitle?.deptName this.title = restitle?.deptName this.tenantId = restitle?.tenantId }//this.title = restitle?.deptName 等价于//this.title = restit

2021-08-28 13:28:38 11460

原创 vue路由的传值

vue中this.$router.push()路由传值和获取的两种常见方法1、路由传值 this.$router.push()(1) 想要导航到不同的URL,使用router.push()方法,这个方法会向history栈添加一个新纪录,所以,当用户点击浏览器后退按钮时,会回到之前的URL(2)当点击 <router-link> 时,这个方法会在内部调用,即点击 <router-link :to="..."> 等同于调用 router.push(...)...

2021-07-11 19:40:26 942

空空如也

空空如也

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

TA关注的人

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