用 CSS 生成 A4 打印模板

用 mm 单位配合 @page 规则控制纸张尺寸和页边距,把网页内容排版成可以直接打印的 A4 文档,附分页与跨页断裂的处理。

技术笔记 / 前端CSS打印前端

Three.js 常见问题汇总

使用 Three.js 时反复遇到的那些问题:加了后期处理器之后场景变黑、模型加载不出来、透明物体渲染顺序错乱、性能突然下降。

技术笔记 / 前端排错Three.jsWebGL

SSE 接口需要的 Nginx 配置

SSE 长连接被 Nginx 缓冲住、前端收不到消息,问题出在 proxy_buffering 和超时设置上,本文给出可以直接用的 location 配置。

技术笔记 / 前端前端NginxSSE代理

Three.js Shader 笔记

GLSL 的基本结构、uniform 与 varying 的作用、顶点着色器与片元着色器的分工,以及怎么把 ShaderMaterial 挂到 Three.js 的网格上。

技术笔记 / 前端Three.jsWebGLShader图形

前端 JS 零散笔记

把平时写前端攒下的小结论集中记在一起:事件监听、类型判断、数组与对象操作的易错点,以及浏览器行为差异。

技术笔记 / 前端前端JavaScript笔记

Three.js 把模型变成线框图

两种做线框的办法:给材质开 wireframe 开关,或者用 WireframeGeometry 单独生成线框几何体,并说明什么时候必须用后者。

技术笔记 / 前端Three.js3D线框

Three.js 笔记:场景、相机与渲染

搭建 Three.js 场景的基本要素:场景、相机、渲染器、光源与模型加载,以及相机类型选择和渲染循环的写法。

技术笔记 / 前端Three.jsWebGL3D

前端鉴权怎么选:Cookie、Session、Token、JWT 与单点登录

从 HTTP 无状态讲起,把 Cookie、Session、Token、JWT 四种凭证的机制、存放位置、跨域能力、续期与注销方式讲清楚,再说明一级域名相同与不同两种单点登录怎么实现,最后给出选型建议。

技术笔记 / 前端鉴权CookieSessionJWT单点登录

React 实战心得:effect、闭包与状态更新

写 React 时逐渐想明白的几件事:effect 里需要的函数尽量在 effect 内声明、依赖数组到底该怎么写、状态更新为什么不生效、以及组件拆分的判断标准。

技术笔记 / 前端React前端Hooks

umi3 + ant design pro 兼容 IE11 遇到的问题

项目要求兼容 IE11 时踩到的坑:需要额外的 polyfill、语法降级配置、第三方依赖没有编译、以及 CSS 变量的兼容处理。

技术笔记 / 前端antdumiIE11兼容

监听 div 尺寸变化

元素尺寸变化没有 resize 事件,用 ResizeObserver 是最标准的做法,对比轮询和 iframe 两种老办法,并说明兼容性处理。

技术笔记 / 前端JavaScriptDOMResizeObserver

Node 升级到 18 之后遇到的问题

Node 18 带来 OpenSSL 3 和更严格的内置模块检查,老项目会遇到 ERR_OSSL_EVP_UNSUPPORTED、依赖编译失败等问题,本文记录解决办法。

技术笔记 / 前端报错Node.js升级

JS / React 零散笔记

集中在 React 项目里遇到的 JS 细节:class 组件的生命周期写法、render 返回值、事件绑定、以及常用的工具函数写法。

技术笔记 / 前端ReactJavaScript笔记

用 window.postMessage 在两个页面之间传数据

postMessage 的用法、发送端与接收端的完整代码、origin 校验的重要性,以及常见的不触发消息事件的排查思路。

技术笔记 / 前端JavaScript跨域postMessageiframe

uni-app 开发笔记:生命周期、页面通信与跨端差异

整理 uni-app 开发中真正会用到的部分:应用与页面生命周期的执行顺序、页面之间传参的几种方式、条件编译怎么写,以及小程序、H5、App 三端最容易踩的差异。

技术笔记 / 前端前端uni-app小程序跨端

antd 自定义主题配置

antd 的主题变量怎么覆盖、less-loader 的 modifyVars 怎么写、按需加载与主题定制冲突时怎么处理,以及升级到 CSS 变量方案后的注意点。

技术笔记 / 前端antd主题LessReact

Electron 笔记:主进程、窗口配置与下载加速

Electron 的主进程与渲染进程分工、BrowserWindow 各项配置的含义、打包体积控制,以及国内安装时下载慢的镜像配置。

技术笔记 / 前端Electron桌面应用npm

JS 里的 this 到底指向谁:从调用方式说起

this 的值在函数被调用时才确定,和函数怎么定义无关。本文用几个对照例子讲清四种调用形态、call/apply/bind 的作用、箭头函数为什么不受影响,以及回调里丢 this 的常见场景。

技术笔记 / 前端前端JavaScriptthis

React 组件自适应宽高

父容器尺寸不确定时,组件怎么拿到真实宽高并重新渲染:ref 测量、监听 resize,以及用 ResizeObserver 替代 window resize 的原因。

技术笔记 / 前端React布局组件

用 JS 实现全屏预览(F11 效果)

用 requestFullscreen 让指定元素全屏,处理各浏览器前缀差异,以及进入和退出全屏的状态监听。

技术笔记 / 前端JavaScript全屏DOM
12

站内搜索

没有找到内容!