
NodeJs
文章平均质量分 82
第七个香粽
学无止境~
展开
-
NodeJs - 实现当前线程唯一的单例对象
里面,一般都把这种和当前线程绑定的单例对象存储到。如果当前进程/线程不是一个工作进程,我们使用。里面没有这种存储,那咋办呢?对象在整个进程/线程中都是唯一的。原创 2023-11-08 11:13:45 · 365 阅读 · 0 评论 -
React - 监听器执行Hook不生效的闭包性问题
React - 实现瀑布流加载。当时的代码编写里面,其实是待优化的地方。只不过当时由于问题还没解决,就用了其它方案来代替。因此本篇文章,就对这个问题做一个探究:闭包性和state值更改。原创 2022-11-10 17:17:37 · 1365 阅读 · 0 评论 -
React - 实现瀑布流加载
先来看下原本的效果,一次性加载完所有的信息然后展示:其次,我们需要去监听这个滚轮的滚动事件,那么页面就可以添加一个监听器:那么这个函数,就是用来在发生滚动事件的时候,你要做的事情。既然我们要实现瀑布流,那么自然而然的就是去后端请求数据。但是,请求数据得有一个前提:你的滚动条已经到达页面的底部了。元素有这么三个属性::内容可视区域的高度。:滚动条在Y轴上的滚动距离。:内容可视区域的高度加上溢出(滚动)的距离。判断滚动条到达底部的条件则为:那么这个元素的依据是什么?你项目里面,哪一个标签下写了,有滚动条原创 2022-11-04 20:49:54 · 2967 阅读 · 1 评论 -
NodeJs - for循环的几种遍历方式
for:通过数组下标获取元素。forEach:可直接获取元素以及对应的下标。for-in:通过数组的键获取对应的值。()for-of:可直接获取元素。(注意有两个逗号)for:跳过空值。forEach:不会跳过空值,会打印出undefined。for-in:不会跳过空值,会打印出undefined。for-of:跳过空值。forEach无法在函数体内,获取forEach里面的异步任务结果。函数体外可以。for:可以在函数体内,获取forEach里面的异步任务结果。函数体外也可以。原创 2022-11-03 20:16:12 · 10482 阅读 · 0 评论 -
Egg整合antd文件上传以及防踩坑指南
Egg整合antd文件上传以及防踩坑指南前言项目编写前言最近自己在做一个云蹦迪项目,其中有用到用户头像上传的功能。其中项目的架构为UmiJs+Egg。图片上传到Egg后端,再做OSS处理。做的时候遇到了一些问题,这里做个记录。大家可以先看下这篇文章UmiJs整合Egg,里面附带了源码,本篇文章将在其基础上写。项目编写将源码down下来后,npm install下,运行npm run dev命令后,可以访问该路径:http://127.0.0.1:4396/zong/此时页面的效果如下:那么原创 2022-05-07 14:33:31 · 608 阅读 · 0 评论 -
UmiJs整合Egg
UmiJs整合Egg一. 初始化项目二. Umi和Egg的细节整合2.1 使用TypeScript2.2 使用Eslint2.3 前端发起请求2.4 利用egg-view模板来加载umiJs三. 整合的原理和相关知识点3.1 项目启动过程3.2 几个注意点一. 初始化项目这里,我们用UmiJs脚手架来初始化一个项目:1.创建一个名为Umi_Egg的空文件夹:2.在该文件夹目录中输入命令:npm create @umijs/umi-app结果如下,项目结构为:3.在根目录下,创建Egg项目原创 2022-05-01 09:30:00 · 1715 阅读 · 0 评论 -
用lodash解决数组中对象属性的累加及合并
用lodash解决数组中对象属性的累加及合并前言案例前言我工作的过程中,遇到一个场景。循环调用同一个接口,然后需要对返回的结果做聚合操作,将每个对象中的属性都累加起来。对应的Value是个数字。此时,我想到了用lodash去处理。案例const source = { count:{ countOne:{ A:2, B:100, }, countTwo:33, }, vegetabl原创 2022-03-26 11:02:39 · 9095 阅读 · 1 评论