Fluid
  • 首页
  • 归档
  • 分类
  • 标签
  • 关于

useState为什么获取不到更新后的值,如何解决

令人困扰的问题是因为异步吗大家都知道,react的useState和useReducer,在set和dispatch之后,马上去获取值,是拿不到最新的值的。这个原因之一是useState和useReducer是异步更新的,也就是说我们刚调用完set和dispatch马上去取值,这种同步代码执行的时候,状态还没更新呢,所以拿不到。 同步如何那我们如果换成redux呢?redux不使用中间件扩展的话,
2023-03-09
#React #Hooks #useState #useRef

发布一个npm包的踩坑

试着自己发布了一个npm包,记录一下自己踩的坑 package.json首先npm init,然后添加type:module字段,将其定义为一个es6模块。然后在files字段设置要发布上去的内容,比如dist文件夹。 接下来将开发用到的依赖添加到devDependencies里面去,比如react,和打包工具等等。这样当我们的包被引入时,就只会引进来我们的包,而不会把我们的依赖也一起安装下来。
2023-03-06
#前端 #npm包

关于SPA与SSR的简单介绍

本文将简要介绍几个概念,如SPA, CSR, SSR, 前端路由。适合小白,我将用浅显又生动的话语来介绍这些概念。 什么是SPASPA(single page application)单页应用,占了现如今web应用的绝大多数。其意思就如字面所言,但是或许小白们不能真正理解何为单页,且让我讲给你听。我们先说,CSR(客户端渲染)和SSR(服务端渲染)都是SPA,我们先讲CSR的情况 从一个很经典的问
2023-02-28
#SPA #SSR #前端

前端知识随手记录

最近几个月被业务需求搞的要死,已经到了周末两天都要去加班的地步了。也没机会像之前那样,晚上下班之后到家学习一两个小时了。最近被逼急了,想着这样加班岂不是永远没有学习的时间,没有学习怎么能提升自己,于是晚上决定十一点到家也要翻翻书,哪怕就十几分钟,也比啥也不干强。碰到什么零碎知识点就记下来,有空回顾回顾 浏览器解析拿到的html文档时,是按顺序解析html节点的。按顺序将html构建成dom,
2023-02-17
#前端 #零碎知识点 #想到啥记啥

css踩坑之子元素margin-top影响父元素

因为css的知识比较琐碎,所以特地记录一下工作中踩过的坑 一个简单的答案和解决办法前两天在工作中踩了个坑,给一个子元素设置了100px的margin-top,然后父元素没有设置border-top和padding-top,原本期待的是父元素能够顶到最上面,然后子元素在父元素内部,和父元素的顶部保持一个100px的距离。但是结果是,子元素的顶和父元素的顶贴在了一起,然后父元素没有顶到最上面,反而
2022-08-22
css踩坑日记
#css #外边距合并

聊聊react与函数式编程

react不是魔法 今天我想来聊一聊函数式编程,和它在react中的体现。 何为函数式编程我们可以把函数式编程理解成一种范式,一个规范。纯函数是函数式编程的关键概念,函数式编程希望我们尽可能多地使用纯函数。正是依赖于纯函数的特点,函数式编程使得我们对于程序的结果具有更高的掌控性。 至于函数式编程中的什么,函数是第一等公民啊,函数柯里化,高阶函数,闭包,什么之类的,别的文章里面讲烂的东西我也不赘
2022-08-20
工作笔记
#React

react的一些坑

记录一些刚写react踩过的坑吧,想到多少就写多少 从一个工作中的需求开始有个需求是,点击按钮出来一个弹窗。本来弹窗有个关闭按钮,但是UED在视觉稿上面加了行字,“点击关闭按钮或弹窗外的其他地方,关闭弹窗”。我想了想,合理,避免有些奇怪的操作使得弹窗没关掉。实现的方法就是监听点击事件呗,然后判断点击的是哪,如果弹窗是打开的,并且点击的地方不在弹窗里,就把弹窗关掉。 具体代码我直接CSDN找了一
2022-08-14
工作笔记
#React

使用react的一些心得与感想

刚忙完公司的新人训练营,9个人的团队2周完成一个小项目。我负责用remax开发一个微信小程序。remax就是蚂蚁的一个开源框架,让开发者能用react的语法去开发微信小程序。开发体验整体来讲非常不错,感觉也加深了我对react的理解。 ​ 之前我没有完整使用react开发一个项目的经验,这次是我第一次使用,不过我对于react的写法也算比较熟悉了,之前完成公司的需求的时候也学到了不少。不过公
2022-08-08
工作笔记
#React

一些部署相关的名词解释

毕业刚入职,看到公司的各种发布,部署平台,眼花缭乱,看文档的过程中也看到了很多不懂的名词,了解了之后做一下记录 名词解释 serverless: 字面意思是“无服务器”,即开发者(开发公司)不用自己的机房服务器,采用云服务器厂商提供的云服务器 PaaS:platform as a service,平台即服务,指提供一个软件部署平台,用户使用平台部署软件时,无需关心部署的硬件和底层细节,只需关注
2022-07-24
工作笔记
#名词解释 #项目部署 #软件工程
123

搜索

Hexo Fluid