2022年10月28日

摘要: 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 阅读(350) 评论(0) 推荐(0) 编辑

2022年8月19日

摘要: 一、flex-grow flex-grow 设置当 flex 容器存在剩余空间(flex容器的大小减去所有flex项的大小之和)时项目的放大比例,它的默认值为 0 (即使存在剩余空间也不放大)。 如果所有项目的 flex-grow 属性值都是相同的,则它们将等分剩余空间,否则,将根据不同的属性值所定 阅读全文
posted @ 2022-08-19 17:51 guo&qi 阅读(174) 评论(0) 推荐(0) 编辑

2022年8月18日

摘要: 一、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 阅读(485) 评论(0) 推荐(0) 编辑

2022年6月28日

摘要: __dirname __dirname 是被执行的js 文件的地址 ——文件所在目录 process.pwd() process.cwd() 是当前执行node命令时候的文件夹地址 ——工作目录,文件在不同的目录下执行时,该路径始终不变 阅读全文
posted @ 2022-06-28 14:28 guo&qi 阅读(47) 评论(0) 推荐(0) 编辑

2022年4月22日

摘要: FP(First Paint):首次绘制时间,这个指标用于记录页面第一次绘制像素的时间。 FCP(First Contentful Paint):首次内容绘制时间,这个指标用于记录页面首次绘制文本、图片、非空白 Canvas 或 SVG 的时间。 LCP(Largest Contentful Pai 阅读全文
posted @ 2022-04-22 11:54 guo&qi 阅读(9479) 评论(0) 推荐(1) 编辑

2022年4月21日

摘要: PV:即 page view,页面浏览量。用户每一次对网站中的每个页面访问均被记录1次。用户对同一页面的多次刷新,访问量累计。 UV:即 Unique visitor,独立访客。通过客户端的cookies实现。即同一页面,客户端多次点击只计算一次,访问量不累计。 IP:即 Internet Prot 阅读全文
posted @ 2022-04-21 18:13 guo&qi 阅读(1316) 评论(0) 推荐(0) 编辑

2022年2月21日

摘要: 一、Object.entries() Object.entries()方法返回一个给定对象自身可枚举属性的键值对数组。 其排列与使用 for...in 循环遍历该对象时返回的顺序一致(区别在于 for-in 循环还会枚举原型链中的属性)。 比如: const obj = { name: 'jimmy 阅读全文
posted @ 2022-02-21 18:45 guo&qi 阅读(297) 评论(0) 推荐(0) 编辑

2021年11月30日

摘要: 一、版本规则 一个标准的版本号必须是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 阅读(1275) 评论(0) 推荐(0) 编辑

2021年11月22日

摘要: useState 的坑: 修改state后,如果直接调用此state,会发现state的值未发生改变。 当调用setState时,react是异步更新state的,如果setState后立即获取state的值,此时state尚未更新,因此为旧的状态。 useRef 总共有两种用法: 1、获取子组件的 阅读全文
posted @ 2021-11-22 11:13 guo&qi 阅读(2840) 评论(0) 推荐(0) 编辑

2021年11月4日

摘要: 一、问题 比如下面的代码: 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 阅读(2271) 评论(0) 推荐(0) 编辑