前端
文章平均质量分 62
KazooTTT
每天变好一点点
展开
-
再次学习History.scrollRestoration
本文重新探讨了浏览器History对象的scrollRestoration属性,该属性用于控制历史页面切换时滚动条是否恢复到之前的位置。scrollRestoration属性有两个可选值:auto和manual。当设置为auto时,滚动条会自动恢复到切换前的位置;若设置为manual,则滚动条保持在页面顶部。文章还讨论了该属性的局限性,包括可能导致的页面跳动和在不同浏览器中实现一致滚动恢复的困难。最后,文章建议在页面出现不美观跳跃或需要手动控制滚动条位置时,应将scrollRestoration设置为man原创 2024-05-23 23:53:17 · 1248 阅读 · 0 评论 -
open graph简述
open graph是一个由facebook在2010年发布的协议,用于在社交网络上分享链接时,显示预览卡片。我觉得无论是它的名称还是意图,都能看出facebook以及其他支持这种协议的社交平台的开放性, 特别是在某些平台会屏蔽外链或者限流带有外链的衬托下。和open graph类似还有twitter自己的card,如果twitter card和open graph同时存在的话,会先显示在twitter card。如果twitter card没有定义,才会显示open graph。原创 2024-04-09 22:29:19 · 306 阅读 · 0 评论 -
配置nginx以成功代理websocket
这里的backend就是ip地址或者域名,不需要加后缀/chat/socket.io。查了一下发现是nginx没有配置的问题。原创 2024-01-31 22:51:53 · 692 阅读 · 0 评论 -
如何让react-app-rewired 2支持热加载
react-app-rewired 2 如何支持热加载:使用 react-app-rewire-hot-loader 插件,安装并配置 config-overrides.js 文件,将根组件标记为热更新。或者安装 react-hot-loader 插件,配置 babel,将根组件标记为热更新。最新的框架已经支持热更新,不需要手动配置。原创 2023-12-22 10:53:46 · 1126 阅读 · 0 评论 -
使用docker部署nextjs
Next.js 可以部署到任何支持 Docker 容器的托管服务提供商。在部署到 Kubernetes 等容器编排器或在任何云提供商的容器内运行时,都可以使用这种方法。到自己的项目根目录 (这个 dockerfile 只针对于纯 nextjs实现的,如果你写的项目里有例如 python,需要自己把 python 的依赖给装上)另外需要注意的没有public文件夹的时候需要手动创建一个,否则会报错。原创 2023-12-22 09:41:26 · 1414 阅读 · 1 评论 -
请求头中和响应头的Cache-Control
title: 请求头中和响应头的Cache-Control。原创 2023-10-17 11:24:10 · 216 阅读 · 0 评论 -
ant design的form的validate需要注意的点
在后面的自定义校验(validator)中,也需要对value进行判断是否非空。需要注意一下,即使rule中存在。否则容易抛出其他的异常。原创 2023-10-16 17:04:27 · 320 阅读 · 1 评论 -
CommonJS简介
commonjs是module的一种类型(规范)原创 2023-09-26 22:54:19 · 229 阅读 · 0 评论 -
【油猴脚本】隐藏你的twitter信息
在公共场合不太想别人知道自己的twitter账号,于是写了一个油猴脚本,屏蔽twitter中自己的id、昵称、头像。(只写了针对首页的)原创 2023-03-19 01:38:42 · 267 阅读 · 0 评论 -
【油猴脚本】毛怪俱乐部帖子显示最新回复时间
油猴脚本-毛怪俱乐部帖子显示最新回复时间原创 2023-03-29 21:42:46 · 116 阅读 · 0 评论 -
链接样式需要遵循LVHA顺序的原因
而对于:hover以及:active,设想一下如果:active在:hover之前,鼠标放到链接上去的时候,直接显示:hover的颜色。点击链接的时候,由于:hover在:active下面,会覆盖active的颜色,这并不符合我们的需求,所以:active应该在:hover之后。:link 这两个伪类是固定的状态(:link是最原始的状态,:visited是被点击过后就产生,这两个状态产生之后是一直存在的)综上,由于伪类的优先级一致,后出现的样式会覆盖前面的样式,所以链接的样式应该遵循LOHA顺序。原创 2022-12-02 20:54:15 · 339 阅读 · 0 评论 -
浏览器滚动恢复属性History.scrollRestoration
最近在阅读React新版官网的代码时,发现在中有这样一段代码。这里用到了我没有接触过的一个属性History.scrollRestoration,发现这个属性是用来控制页面刷新或者返回后是否滚动到原来的位置。在mdn文档中没有看到auto是默认值,但是自己手动验证以及在中提到:所以auto确实是默认值没错。原创 2022-11-27 18:49:11 · 1077 阅读 · 0 评论