guo&qi - 博客园

浅析package.json

摘要： package.json 用来描述项目及项目所依赖的模块信息。全文以npm为例 package.json 与 package-lock.json 的关系版本指定 ~ 会匹配最近的小版本依赖包，比如 ~1.2.3 会匹配所有 1.2.x 版本，但是不包括 1.3.0 ^ 会匹配最新的大版本依赖包，阅读全文

posted @ 2022-10-28 17:01 guo&qi 阅读(446) 评论(0) 推荐(0)

flex-grow、flex-shrink 以及flex-basis 属性

摘要：一、flex-grow flex-grow 设置当 flex 容器存在剩余空间(flex容器的大小减去所有flex项的大小之和)时项目的放大比例，它的默认值为 0 (即使存在剩余空间也不放大)。如果所有项目的 flex-grow 属性值都是相同的，则它们将等分剩余空间，否则，将根据不同的属性值所定阅读全文

posted @ 2022-08-19 17:51 guo&qi 阅读(858) 评论(0) 推荐(0)

解析flex：1属性

摘要：一、flex:1 flex：是 flex-grow、flex-shrink、flex-basis的缩写，默认值为0 1 auto。后两个属性可选。如果flex只定义了一个数字值，则 flex-basis 的值为 0%。所以flex:1 代表：flex: 1 1 0% 二、语法 /* 关键字值 * 阅读全文

posted @ 2022-08-18 17:41 guo&qi 阅读(596) 评论(0) 推荐(0)

__dirname和process.cwd的区别

摘要： __dirname __dirname 是被执行的js 文件的地址 ——文件所在目录 process.pwd() process.cwd() 是当前执行node命令时候的文件夹地址 ——工作目录，文件在不同的目录下执行时，该路径始终不变阅读全文

posted @ 2022-06-28 14:28 guo&qi 阅读(58) 评论(0) 推荐(0)

摘要： FP（First Paint）：首次绘制时间，这个指标用于记录页面第一次绘制像素的时间。 FCP（First Contentful Paint）：首次内容绘制时间，这个指标用于记录页面首次绘制文本、图片、非空白 Canvas 或 SVG 的时间。 LCP（Largest Contentful Pai 阅读全文

posted @ 2022-04-22 11:54 guo&qi 阅读(12582) 评论(0) 推荐(1)

Web网站性能指标：PV、UV、IP、QPS、TPS、并发量、RT等

摘要： PV：即 page view，页面浏览量。用户每一次对网站中的每个页面访问均被记录1次。用户对同一页面的多次刷新，访问量累计。 UV：即 Unique visitor，独立访客。通过客户端的cookies实现。即同一页面，客户端多次点击只计算一次，访问量不累计。 IP：即 Internet Prot 阅读全文

posted @ 2022-04-21 18:13 guo&qi 阅读(1620) 评论(0) 推荐(0)

Object.entries()和Object.fromEntries()

摘要：一、Object.entries() Object.entries()方法返回一个给定对象自身可枚举属性的键值对数组。其排列与使用 for...in 循环遍历该对象时返回的顺序一致（区别在于 for-in 循环还会枚举原型链中的属性）。比如： const obj = { name: 'jimmy 阅读全文

posted @ 2022-02-21 18:45 guo&qi 阅读(372) 评论(0) 推荐(0)

nodejs 的模块中，版本号里的~ ^ * 是什么意思？

摘要：一、版本规则一个标准的版本号必须是X.Y.Z的形式，X是主版本，Y是副版本，Z是补丁版本。 X: 代表发生了不兼容的API改变 Y: 代表向后兼容的功能性变化 Z: 代表向后兼容bug fix版本二、波浪符号（~） ~x.y.z: 匹配大于 x.y.z 的 z 的最新版。比如 body-par 阅读全文

posted @ 2021-11-30 11:00 guo&qi 阅读(1506) 评论(0) 推荐(0)

react hooks中使用useState和useRef的区别

摘要： useState 的坑：修改state后，如果直接调用此state，会发现state的值未发生改变。当调用setState时，react是异步更新state的，如果setState后立即获取state的值，此时state尚未更新，因此为旧的状态。 useRef 总共有两种用法： 1、获取子组件的阅读全文

posted @ 2021-11-22 11:13 guo&qi 阅读(2922) 评论(0) 推荐(0)

TypeScript遍历对象属性问题

摘要：一、问题比如下面的代码： type Animal = { name: string; age: number } const animal:Animal={ name:"dog", age:12 } function test(obj:Animal) { for (let k in obj) { 阅读全文

posted @ 2021-11-04 15:55 guo&qi 阅读(2551) 评论(0) 推荐(0)

导航

2022年10月28日

2022年8月19日

2022年8月18日

2022年6月28日

2022年4月22日

2022年4月21日

2022年2月21日

2021年11月30日

2021年11月22日

2021年11月4日