![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习
文章平均质量分 61
Everglowwwwww
正在找前端实习,各位hr看看我!!!
展开
-
【前端部署——vercel】部署next.js使用了prisma的项目
部署流程参考。原创 2024-06-02 16:38:35 · 364 阅读 · 0 评论 -
【前端学习——react坑】useState使用
问题使用useState 时,例如const [selectedId, setSelectedId] = useState([false,true,false]);这样直接利用,无法引发使用selectedId状态的组件的变化,但是selectedId是修改了的 let temp=selectedId; temp[toggledId]=selectedId[toggledId]===false?true:false; setSelectedId(temp);原因一句话。let temp=原创 2024-05-22 17:49:13 · 473 阅读 · 0 评论 -
【前端学习——css模块化】
在外部管理 CSS,然后将类名映射到组件内部,他会为每个 class 都分配一个全局唯一 hash。为选择器增加冗长的前缀或后缀,来生成全局唯一的命名。原创 2024-05-08 15:36:57 · 303 阅读 · 0 评论 -
【前端学习——call和apply函数】
call()和apply()这两个方法的作用可以简单归纳为改变this指向,从而让我们的this指向不在是谁调用了函数就指向谁。call()方法的作用和 apply() 方法类似,区别就是。原创 2024-05-03 19:09:26 · 310 阅读 · 0 评论 -
【前端学习——防抖和节流+案例】
每次触发事件,如果定时器还没结束,我就不执行触发的事件。不会打断当前在执行的任务。每次按起键盘后,都将之前的定时器删除,重新开始计时。连续触发事件但是在设定的一段时间内只执行最后一次。连续触发事件,只执行一次。原创 2024-05-03 18:56:43 · 286 阅读 · 0 评论 -
【前端学习——网络相关】浏览器同源策略和跨域
帮助阻隔恶意文档,减少可能被攻击的媒介。(就是为了。原创 2024-05-03 18:03:35 · 804 阅读 · 0 评论 -
【前端项目——分页器】手写分页器实现(JS / React)
用了两种方式实现,注释详细~可能代码写的不够简洁,见谅🙁网上看了很多实现,很多只有分页器部分,没和内容显示联动。因此我增加了模拟content的显示,这里模拟了32条数据,通过分页器控制每页的显示。列举了三种,5,10,20条每页做了一个范围保护,如果超出当前范围,会自动变成最大或最小的页码。(做提示也可以,但我不想点提示的确认)原创 2024-05-03 15:43:47 · 891 阅读 · 1 评论 -
【前端学习——react文档】学习react文档笔记(持续更新)
你不能在条件语句、循环语句或其他嵌套函数内调用 Hook(遵守这条规则,你就能确保 Hook 在每一次渲染中都按照同样的顺序被调用。——这样React 才知道返回的是哪个 state )。原创 2024-05-02 17:12:45 · 1198 阅读 · 0 评论 -
【前端——bug】使用antd的Input组件无法通过ref修改value
这里有一个坑就是,antd的input组件时封装html的,所以不能简单通过ref.current.value获取当前的内容,要再加一个input。我要制作个人博客的chatgpt聊天页面,为了样式统一,我使用了antd的input组件,并且添加了ref属性获取当前输入的内容。- antd Input不要直接通过ref修改,因为当值发生改变时,必须在onChange中通过useState改变值,然后。(可以使用ref来访问input元素,而改变ref的current属性的值时,不会导致重新渲染)原创 2024-04-30 17:05:00 · 1155 阅读 · 0 评论 -
【前端学习——css】css实现给背景的图片加模糊
我在制作自己的博客的时候,打算做个封面,封面用半透明颜色盖住了预览图,上面印上了文字,但背景图太乱了,所以打算给背景加模糊效果。原创 2024-04-28 23:16:47 · 906 阅读 · 0 评论 -
【前端项目——js】登陆页面
先看看效果图和一般的登陆页面不同的是,label添加了跳动效果参考github上demo系列。原创 2024-04-28 15:57:03 · 446 阅读 · 1 评论 -
【前端学习——js】原型和原型链
对象都有__proto__属性,这个属性指向它的原型对象,而原型对象也有__proto__属性,也指向它的原型对象,这样的链式结构就叫原型链,如果链里都找不到属性或方法,则返回null(每个函数都有prototype属性,原型里的属性和方法,可以共享给实例对象使用。原创 2024-04-28 11:59:56 · 164 阅读 · 0 评论 -
【前端学习——js】JavaScript闭包
外部能利用return使用这个,但无法直接修改。原创 2024-04-28 11:28:54 · 249 阅读 · 3 评论 -
【前端学习——js】宏任务,微任务
pink老师讲解视频。原创 2024-04-28 11:13:16 · 164 阅读 · 1 评论 -
【前端学习——React】React API
就是回调函数(可选),异步,render后调用(因此如果要setstate后获取最新的状态数据就在这里调用,不能直接看)。用法在注册路由外包裹 ,fallback写等待过程中显式的内容 (这里面的东西不能懒加载)useStateuseEffect在函数式组件中使用生命周期钩子第二个参数不传=监测所有参数useRef和creatRef差不多,都是一个标签专用Fragment< Fragment>只能写一个属性key可以用简写 但简写不能写 任何属性creatContext给子组件(孙原创 2024-04-26 17:39:46 · 371 阅读 · 1 评论 -
【前端实践】把react项目部署到GitHub Pages(vite)
2024.5.8亲测 😀。原创 2024-04-26 10:33:02 · 796 阅读 · 1 评论 -
【前端项目——组件】TodoList实现(js / react)
先上组件图总之要注意的就是(主要是js里):全选勾选要和todolist动态结合,比如所有item勾选了那么全选也要选上,再就是如果在全选的时候又新增item,由于新增默认是checked=false,所以全选会自动取消勾选。原创 2024-04-24 19:49:08 · 453 阅读 · 2 评论 -
【前端项目——组件】轮播图实现(js / react)
)原创 2024-04-24 14:02:45 · 257 阅读 · 0 评论