前端: 前厅端菜的
1:像使用本地数据一样使用远端的数据
const value = await remoteObj.deep.path.to.value() await remoteObj.deep.path.to.func()
2:CORS 请求不让跨域重定向哦
这你不知道吧
3:像调用本地函数一样调用远端的函数
// 远端 remote.register('something', async (params: Whatever) => { ░░return WhatYouWant }) // 本地 const res = await remote._.something(xxx)
4:前端优化之避免桶文件 barrel file
谈谈什么叫桶文件,以及为什么要避免桶文件。
5:使用 scroll-margin 优化页面内滚动
如果你的页面带有固定的头部,在页面内使用 Element.scrollIntoView,你可能需要 scroll-margin
6:[译文] React 19 Beta 中文翻译
React 19 Beta 现已在 npm 上发布!这篇文章概述 React 19 中的新功能及其使用。
7:我的 SEO 已经强到这地步了吗?
好吧,其实是谷歌牛逼。一个三级域名,用于线上测试,没有任何外链链进来。竟然直接被谷歌收录了,还排第一位。。。
8:实现一个 three.js 全景控制器吧
我们知道 three.js 没有控制相机 fov 的控制器,全景相机需要控制 fov 怎么办?自己写一个吧
9:业务中的跨域策略和 SameSite Cookie
什么跨域,什么 Cookie,跟我前端有毛关系?
10:为什么 nextjs 项目, 访问不到 public 目录下的 html 文件?
百度收录需要 baidu_verify_xxx.html, 我明明放到项目 public 目录下, 为什么 404? 不能当成静态资源访问吗?
11:ts 如何表示 string + string literal 的联合类型?
'red' | 'blue' | string 编辑器不会智能提示怎么办?
12:记一次由接口响应顺序导致的 bug
还是想得不够周全
13:一种组织 zustand 自定义函数的方法
还在往 zustand store 里面塞函数吗?
14:抛开 SEO,我们为什么需要 react server component
没有最快,只有更快。
15:闲来无事,写了几个时钟玩玩
网上找了点花里胡哨的表盘,加了个表针上去
16:Next.js 服务端组件及其加载
Next.js 服务端组件如何到达客户端?
17:给你点颜色瞧瞧
一键修改图片的主色调
18:MUI Snackbar 组件为什么不做成 static function 的模式?
Snackbar.open('xxx') 不是方便到爆吗?为什么不这么设计?
19:Next.js 13 升 14 记录
Next13升级14很顺利,没有太多 breaking change,观望的可以动手试试
20:想想 svg 会怎么做
我们有时候可能忽略、轻视了 svg 这个能力强大而轻量的技术了
21:记一次接入支付宝时 XSS 风险
不是支付宝的问题, 是我们自己业务的问题
22:浏览器端 aws 文件上传
文件上传至 aws, 开始为了省事, 从服务端上传, 最近抽出时间, 改成了从客户端上传, 遇到了一些问题, 特此记录。
23:简述前端发展脉络
前端是个娱乐圈, 成天发明各种概念, 那么为什么会发明各种概念呢? 这些概念解决了什么问题呢?
24:记一次愚蠢的缓存危机
设置缓存一定要谨慎,尤其是长期缓存
25:关于我
我是怎么走上前端的? 这些年都干了什么?
26:我给弹窗添加了支持物理返回键 二
本文介绍了管理 history 栈的原因、思路和具体实现
27:我给弹窗添加了支持物理返回键 一
返回键关闭弹窗, 无疑交互体验更好, 今天我们来实现一下吧
28:一个监听变量变化的语法糖
在实践中, 我们(我)经常会遇到, 当某变量变化的时候, 执行其他方法(副作用), 今天我们来实现一个小小的语法糖吧
29:注意, setTimeout 有最大延时值, 溢出就会被立即执行
最大延时值为 2147483647 (即 2^31 - 1) 毫秒
30:操作异步函数的两点建议
忠告一: 异步函数如果有顺序要求, 则最好 await 之; 忠告二: 谨慎在异步函数中操作引用变量;
31:博客问题汇总
本博客待新增的 feature、待解决的 bug、已解决问题的解决方案的一个汇总
32:如何优雅地处理 loading
还在用 try + finally 在每一个业务函数中 setLoading 吗?
33:极简 js 入门
js (或者说编程) 入门,阅读对象仅限于没接触过编程的人
34:小计一次 CLS 优化
小计一次 CLS 优化,评分从 80 分上下提升到了 99
35:HTML 邮件需要注意的点
介绍 XHTML 1 规范与 HTML 4 的差异,翻译自 https://www.w3.org/TR/xhtml1/