自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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 5613 5

原创 想要搭建一个结构清晰,可维护性高的前端项目?学会这三招就够了

作为一个持续搬砖练习时长五年半的前端工程师,经历了无数次项目重构,无数次从屎山代码中爬出又进入新一轮的屎山之中,为什么别人的代码写的跟诗一样,而我的代码写的跟屎一样?在无数个日夜的苦思冥想后,最终领悟到了一套通用的方法论。无论是在项目中,还是在组件库中,均可使用这套方法论。只要使用此套方法论,在codeRview中能让同事刮目相看,在项目中能让屎山不再,甚至在未来某一天,当你重新打开这个项目的时候,会情不自禁的说:卧槽,这真是我写的代码吗?怎么这么牛逼。

2022-11-18 00:01:31 556

原创 超详细——手把手教你用threejs实现一个酷炫的模型发光扫描效果(三)

上一篇文章已完成基本效果的实现,本文则完成整个项目的灵魂:发光效果以及模型优化。unrealBloom实现辉光效果接下来才是重头戏,前文基本功能已完成,但总有一种买家秀与卖家秀的感觉,接下来我们将通过辉光(UnrealBloom)实现效果美化,将买家秀彻底转变为买家秀。买家秀卖家秀先介绍一下辉光的实现原理:我们通常的三维场景是使用render渲染器渲染出来的,当我们想给三维场景加一层“滤镜”时,就需要使用后处理(post-processing)技术了,后处理可以给模型增加一个或多个图形效果,例如景深、发光、

2022-06-10 00:29:59 7459

原创 超详细——手把手教你用threejs实现一个酷炫的模型发光扫描效果(二)

上篇文章搭建了一个基本的3d场景,本篇则主要完成模型效果的开发,包括:模型外边缘线框,扫描线框,通过这两步实现整个项目的核心效果。

2022-06-07 22:48:09 3820

原创 超详细——手把手教你用threejs实现一个酷炫的模型发光扫描效果(一)

前言模型特效是大家在3d可视化项目所追求的,但很多人苦于无法实现一个好的模型效果,本次就手把手一步一步教你实现一个酷炫的模型发光扫描特效,帮让你的项目提升一个逼格。

2022-06-06 23:13:52 6367 1

转载 长文分享:useEffect超详细指南

🤔 如何用useEffect模拟componentDidMount生命周期?🤔 如何正确地在useEffect里请求数据?[]又是什么?🤔 我应该把函数当做effect的依赖吗?🤔 为什么有时候会出现无限重复请求的问题?🤔 为什么有时候在effect里拿到的是旧的state或prop?

2022-04-01 16:16:12 1023

原创 使用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 2433

原创 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 2480

原创 绝对定位z-index失效,元素在父元素外消失解决方案

开发时遇到如下情况:div元素设置为绝对定位,当right设置为负值时,超出父元素的部分消失。解决思路:通过元素选择器可看到,元素实际已定位到想要的位置,原以为是由于不同路由限制不同元素view层重叠,后观察跟父元素属性相关,父元素设置了高度并且有overflow:auto属性(hidden也会有此现象),导致其子元素被隐藏。解决方法:找到父元素,移除overflow属性,可以解决。...

2019-12-16 20:45:02 3755

原创 sockjs-node接口报错解决方案

项目背景在接手其他人angular项目时(vue.js可能也会遇到此问题),为了解决跨域前端配置了nginx,项目启动后,后台ws报错,如下图所示:问题定位:上网查找报错原因,发现sockjs-node为nodejs热加载用于浏览器和本地通信的接口,此时热加载功能失效。因此判断错误原因为:此通信接口访问到的是nginx代理的9097端口而不是实际服务启动的8082端口,因此无法进行通信。...

2019-11-14 16:00:06 13161

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除