会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
勇敢牛牛20
博客园
首页
新随笔
联系
订阅
管理
[置顶]
前端性能优化——首屏时间&&白屏时间
摘要: 1、首屏时间概念 首屏时间是指用户打开一个网站时,直到浏览器首页面内容渲染完成的时间。 2、白屏时间概念 白屏时间即是,浏览器开始显示内容的时间,所以我们一般认为解析完<head>的时刻,或者开始渲染<body>标签就是该页面白屏结束的时间。 3、计算首屏时间和白屏时间 1)首屏时间计算(在body
阅读全文
posted @ 2022-10-28 11:05 勇敢牛牛20
阅读(1690)
评论(1)
推荐(1)
2023年5月9日
js方法判断两个数组的交集、并集和超集
摘要: 下面是JS实现数组交集、并集和超集的方法: 1. 交集:即两个数组中相同的元素。可以通过遍历一个数组,判断另一个数组是否包含该元素来确定。 function intersection(arr1, arr2) { const result = []; for (let i = 0; i < arr1.
阅读全文
posted @ 2023-05-09 17:14 勇敢牛牛20
阅读(1941)
评论(0)
推荐(0)
2022年11月28日
Cookie、Session与Token
摘要: Cookie Cookie是一个http请求首部,当服务端响应头上标记着setCookie时,可以设置此cookie到当前域名下。浏览器端会将此cookie以kv的形式存储到本地文件中 Session session实际上是一种概念,表示每次会话服务器存储的用户信息 实现: 常见的手段是使用cook
阅读全文
posted @ 2022-11-28 17:04 勇敢牛牛20
阅读(76)
评论(1)
推荐(1)
Vue中computed和watch的区别
摘要: 今天简单说一下computed和watch的区别。先看代码,两者怎么实现的。 <div id="app"> <input type="text" v-model="firstName"><br> <input type="text" v-model="lastName"><br> <h2>{{ful
阅读全文
posted @ 2022-11-28 16:23 勇敢牛牛20
阅读(314)
评论(1)
推荐(1)
实现对象深拷贝的五种方法-工作记录
摘要: 1.json暴力转化 通过JSON.stringify() 和 JSON.parse() 将对象转为字符串之后在转为对象。 var obj = {name:'123'} var obj2 = JSON.parse(JSON.stringify(obj 这种简单粗暴的方式有局限性,当值为undefin
阅读全文
posted @ 2022-11-28 15:58 勇敢牛牛20
阅读(247)
评论(0)
推荐(0)
常用css属性flex: 1详解
摘要: flex:1实际代表的是三个属性的简写 flex-grow是用来增大盒子的,比如,当父盒子的宽度大于子盒子的宽度,父盒子的剩余空间可以利用flex-grow来设置子盒子增大的占比 flex-shrink用来设置子盒子超过父盒子的宽度后,超出部分进行缩小的取值比例 flex-basis是用来设置盒子的
阅读全文
posted @ 2022-11-28 15:34 勇敢牛牛20
阅读(1519)
评论(0)
推荐(0)
2022年11月25日
vuex页面刷新数据丢失问题的四种解决方式
摘要: vuex是大家使用vue时大多数都会选择的,但是当页面刷新之后vuex数据会丢失,下面这篇文章主要给大家介绍了关于vuex页面刷新数据丢失问题的四种解决方式,需要的朋友可以参考下 为什么说刷新页面vuex的数据会丢失 刷新页面vuex的数据会丢失属于正常现象,因为JS的数据都是保存在浏览器的堆栈内存
阅读全文
posted @ 2022-11-25 17:48 勇敢牛牛20
阅读(5875)
评论(0)
推荐(1)
2022年11月24日
工作记录-截取字符串数字部分
摘要: 最近在做一个需求的时候,需要用js去截取一个字符串的数字部分,现在有个字符串 格式为'数字+单位' 比如是'10px'、'10%' , 在单位不知道的情况下,截取数字。 如果已知单位,用split可以截成数组取到。 1.最笨的方法,字符串拆成数组,然后比较再拼接: const val= '10%'
阅读全文
posted @ 2022-11-24 10:34 勇敢牛牛20
阅读(96)
评论(0)
推荐(0)
2022年11月9日
Object.assign详解
摘要: 一、Object.assign是什么? 首先了解下Object.assign()是什么。我们先看看ES6官方文档是怎么介绍的? Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 简单来说,就是Object.assign()是对象的静态方
阅读全文
posted @ 2022-11-09 16:00 勇敢牛牛20
阅读(97)
评论(2)
推荐(0)
2022 年你需要掌握的 7 种关于 JavaScript 的数组方法(下)
摘要: 4. Array.forEach() 现在这是一个经典。 那个 forEach() 方法的工作原理很像常规 for 循环。 它在数组上循环并对每个项目执行一个函数。 .forEach() 的第一个参数是个函数,这个函数的参数,包含数组的元素的当前值和索引。 让我们看一个汽车的例子: const ca
阅读全文
posted @ 2022-11-09 15:45 勇敢牛牛20
阅读(40)
评论(3)
推荐(0)
2022 年你需要掌握的 7 种关于 JavaScript 的数组方法(上)
摘要: JavaScript 提供了许多处理数组的不同方法。在几分钟内为您介绍 7 个基本且常用的数据方法,以提高您的 JS 开发技能。 1. Array.map() 当你在数组上使用 map() 方法的时候,它将在原始的数组创建一个新的数组。 这个 map() 方法接受一个参数,这个参数是个函数,这个函数
阅读全文
posted @ 2022-11-09 15:41 勇敢牛牛20
阅读(31)
评论(0)
推荐(0)
下一页
公告