- 博客(10)
- 收藏
- 关注
原创 react Hook踩坑指北—一文解决你所有关于setState的疑惑
0.前言目前react已全面拥抱hook,但使用hook进行开发时,仍有许多坑需要去避免,此文记录了setState需要注意的地方。1. state类型为Object或Array时,setState无法生效。说明当我们state所定义的state类型为Object或Array时,在回调中直接setState是无法成功的,样例如下:function App() { const ...
2020-04-15 14:18:31 5670 5
原创 想要搭建一个结构清晰,可维护性高的前端项目?学会这三招就够了
作为一个持续搬砖练习时长五年半的前端工程师,经历了无数次项目重构,无数次从屎山代码中爬出又进入新一轮的屎山之中,为什么别人的代码写的跟诗一样,而我的代码写的跟屎一样?在无数个日夜的苦思冥想后,最终领悟到了一套通用的方法论。无论是在项目中,还是在组件库中,均可使用这套方法论。只要使用此套方法论,在codeRview中能让同事刮目相看,在项目中能让屎山不再,甚至在未来某一天,当你重新打开这个项目的时候,会情不自禁的说:卧槽,这真是我写的代码吗?怎么这么牛逼。
2022-11-18 00:01:31 600
原创 超详细——手把手教你用threejs实现一个酷炫的模型发光扫描效果(三)
上一篇文章已完成基本效果的实现,本文则完成整个项目的灵魂:发光效果以及模型优化。unrealBloom实现辉光效果接下来才是重头戏,前文基本功能已完成,但总有一种买家秀与卖家秀的感觉,接下来我们将通过辉光(UnrealBloom)实现效果美化,将买家秀彻底转变为买家秀。买家秀卖家秀先介绍一下辉光的实现原理:我们通常的三维场景是使用render渲染器渲染出来的,当我们想给三维场景加一层“滤镜”时,就需要使用后处理(post-processing)技术了,后处理可以给模型增加一个或多个图形效果,例如景深、发光、
2022-06-10 00:29:59 7782
原创 超详细——手把手教你用threejs实现一个酷炫的模型发光扫描效果(二)
上篇文章搭建了一个基本的3d场景,本篇则主要完成模型效果的开发,包括:模型外边缘线框,扫描线框,通过这两步实现整个项目的核心效果。
2022-06-07 22:48:09 4013
原创 超详细——手把手教你用threejs实现一个酷炫的模型发光扫描效果(一)
前言模型特效是大家在3d可视化项目所追求的,但很多人苦于无法实现一个好的模型效果,本次就手把手一步一步教你实现一个酷炫的模型发光扫描特效,帮让你的项目提升一个逼格。
2022-06-06 23:13:52 6581 1
转载 长文分享:useEffect超详细指南
🤔 如何用useEffect模拟componentDidMount生命周期?🤔 如何正确地在useEffect里请求数据?[]又是什么?🤔 我应该把函数当做effect的依赖吗?🤔 为什么有时候会出现无限重复请求的问题?🤔 为什么有时候在effect里拿到的是旧的state或prop?
2022-04-01 16:16:12 1066
原创 使用connect后无法获取ref实例解决方法
问题使用redux重构项目时,遇到了一个小问题:当使用connect连接forwardRef的函数组件时,无法获取组件实例,后台报错:Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?解决方案通过搜索发现connect的第四个属性可以解决此问题,传入{forwardRef: true}即可(class组件为{wi
2020-07-29 17:19:25 2502
原创 VSCode报错:Experimental support for decorators is a feature that is subject to change in a future...
遇到的问题VSCode工具报如下错误:“Experimental support for decorators is a feature that is subject to change in a future release. Set the ‘experimentalDecorators’ option to remove this warning.”,对装饰器的实验支持是一项功能,将...
2019-12-23 14:25:23 2537
原创 绝对定位z-index失效,元素在父元素外消失解决方案
开发时遇到如下情况:div元素设置为绝对定位,当right设置为负值时,超出父元素的部分消失。解决思路:通过元素选择器可看到,元素实际已定位到想要的位置,原以为是由于不同路由限制不同元素view层重叠,后观察跟父元素属性相关,父元素设置了高度并且有overflow:auto属性(hidden也会有此现象),导致其子元素被隐藏。解决方法:找到父元素,移除overflow属性,可以解决。...
2019-12-16 20:45:02 3988
原创 sockjs-node接口报错解决方案
项目背景在接手其他人angular项目时(vue.js可能也会遇到此问题),为了解决跨域前端配置了nginx,项目启动后,后台ws报错,如下图所示:问题定位:上网查找报错原因,发现sockjs-node为nodejs热加载用于浏览器和本地通信的接口,此时热加载功能失效。因此判断错误原因为:此通信接口访问到的是nginx代理的9097端口而不是实际服务启动的8082端口,因此无法进行通信。...
2019-11-14 16:00:06 13209
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人