用 CSS 生成 A4 打印模板用 mm 单位配合 @page 规则控制纸张尺寸和页边距,把网页内容排版成可以直接打印的 A4 文档,附分页与跨页断裂的处理。2025-02-13技术笔记 / 前端CSS打印前端
Three.js 常见问题汇总使用 Three.js 时反复遇到的那些问题:加了后期处理器之后场景变黑、模型加载不出来、透明物体渲染顺序错乱、性能突然下降。2024-03-28技术笔记 / 前端排错Three.jsWebGL
SSE 接口需要的 Nginx 配置SSE 长连接被 Nginx 缓冲住、前端收不到消息,问题出在 proxy_buffering 和超时设置上,本文给出可以直接用的 location 配置。2024-03-08技术笔记 / 前端前端NginxSSE代理
Three.js Shader 笔记GLSL 的基本结构、uniform 与 varying 的作用、顶点着色器与片元着色器的分工,以及怎么把 ShaderMaterial 挂到 Three.js 的网格上。2023-12-17技术笔记 / 前端Three.jsWebGLShader图形
Three.js 把模型变成线框图两种做线框的办法:给材质开 wireframe 开关,或者用 WireframeGeometry 单独生成线框几何体,并说明什么时候必须用后者。2023-11-03技术笔记 / 前端Three.js3D线框
Three.js 笔记:场景、相机与渲染搭建 Three.js 场景的基本要素:场景、相机、渲染器、光源与模型加载,以及相机类型选择和渲染循环的写法。2023-10-19技术笔记 / 前端Three.jsWebGL3D
前端鉴权怎么选:Cookie、Session、Token、JWT 与单点登录从 HTTP 无状态讲起,把 Cookie、Session、Token、JWT 四种凭证的机制、存放位置、跨域能力、续期与注销方式讲清楚,再说明一级域名相同与不同两种单点登录怎么实现,最后给出选型建议。2023-07-25技术笔记 / 前端鉴权CookieSessionJWT单点登录
React 实战心得:effect、闭包与状态更新写 React 时逐渐想明白的几件事:effect 里需要的函数尽量在 effect 内声明、依赖数组到底该怎么写、状态更新为什么不生效、以及组件拆分的判断标准。2023-05-18技术笔记 / 前端React前端Hooks
umi3 + ant design pro 兼容 IE11 遇到的问题项目要求兼容 IE11 时踩到的坑:需要额外的 polyfill、语法降级配置、第三方依赖没有编译、以及 CSS 变量的兼容处理。2023-05-18技术笔记 / 前端antdumiIE11兼容
监听 div 尺寸变化元素尺寸变化没有 resize 事件,用 ResizeObserver 是最标准的做法,对比轮询和 iframe 两种老办法,并说明兼容性处理。2023-05-18技术笔记 / 前端JavaScriptDOMResizeObserver
Node 升级到 18 之后遇到的问题Node 18 带来 OpenSSL 3 和更严格的内置模块检查,老项目会遇到 ERR_OSSL_EVP_UNSUPPORTED、依赖编译失败等问题,本文记录解决办法。2023-05-18技术笔记 / 前端报错Node.js升级
JS / React 零散笔记集中在 React 项目里遇到的 JS 细节:class 组件的生命周期写法、render 返回值、事件绑定、以及常用的工具函数写法。2023-03-20技术笔记 / 前端ReactJavaScript笔记
用 window.postMessage 在两个页面之间传数据postMessage 的用法、发送端与接收端的完整代码、origin 校验的重要性,以及常见的不触发消息事件的排查思路。2022-11-29技术笔记 / 前端JavaScript跨域postMessageiframe
uni-app 开发笔记:生命周期、页面通信与跨端差异整理 uni-app 开发中真正会用到的部分:应用与页面生命周期的执行顺序、页面之间传参的几种方式、条件编译怎么写,以及小程序、H5、App 三端最容易踩的差异。2022-09-14技术笔记 / 前端前端uni-app小程序跨端
antd 自定义主题配置antd 的主题变量怎么覆盖、less-loader 的 modifyVars 怎么写、按需加载与主题定制冲突时怎么处理,以及升级到 CSS 变量方案后的注意点。2021-11-27技术笔记 / 前端antd主题LessReact
Electron 笔记:主进程、窗口配置与下载加速Electron 的主进程与渲染进程分工、BrowserWindow 各项配置的含义、打包体积控制,以及国内安装时下载慢的镜像配置。2021-11-20技术笔记 / 前端Electron桌面应用npm
JS 里的 this 到底指向谁:从调用方式说起this 的值在函数被调用时才确定,和函数怎么定义无关。本文用几个对照例子讲清四种调用形态、call/apply/bind 的作用、箭头函数为什么不受影响,以及回调里丢 this 的常见场景。2021-08-04技术笔记 / 前端前端JavaScriptthis
React 组件自适应宽高父容器尺寸不确定时,组件怎么拿到真实宽高并重新渲染:ref 测量、监听 resize,以及用 ResizeObserver 替代 window resize 的原因。2021-07-31技术笔记 / 前端React布局组件
用 JS 实现全屏预览(F11 效果)用 requestFullscreen 让指定元素全屏,处理各浏览器前缀差异,以及进入和退出全屏的状态监听。2021-07-31技术笔记 / 前端JavaScript全屏DOM