- 博客(478)
- 收藏
- 关注
RSS订阅原创 HOW - 结合 AI 进行 Tailwind 样式开发
场景效率提升情况Tailwind 替代传统 CSS快速开发、样式维护更轻松AI + Tailwind 自动生成组件极高效率，快速原型开发大型项目维护需合理组织类名，结合抽象组件更佳。
2025-05-20 19:42:30
208
原创 WHAT - CSS 中的 min-height
在中我们已经详细介绍过 width。对于高度， CSS 同样提供一个min-heightmin-height是 CSS 中用于设置元素的的属性，作用和min-widthmin-height。
2025-05-20 19:18:41
188
原创 WHAT - CSS 中的 min-width
在中我们已经详细介绍过width。那为什么 CSS 还要提供一个min-width？阅读本文前可先阅读。min-width是 CSS 中的一个属性，用于设置元素的。它的作用是：即使内容或父容器试图将该元素压缩得更小，也不会让元素宽度小于min-width指定的值。
2025-05-20 11:51:50
404
原创 WHAT - 缓存命中 Cache Hit 和缓存未命中 Cache Miss
缓存命中（Cache Hit）指当你请求某个资源（比如图片、JS 文件、API 响应等）时，浏览器或其他中间层发现缓存中已有该资源，于是直接返回缓存结果，而不需要再去网络请求。提升加载速度：从缓存读取远比从网络拉取快得多。减少服务器压力：命中缓存后不发起请求，减轻后端负担。缓存命中是前端性能优化的核心手段之一，理解浏览器缓存机制、合理配置 HTTP 头信息、结合应用层缓存工具，可以极大提升用户体验。
2025-05-16 15:58:22
936
原创 HOW - React NextJS 的同构机制
你的 React 页面可以在服务端渲染出 HTML。然后发送给浏览器，并在浏览器上**“水合”成可交互的 React 应用**。一套代码，同时运行在服务器和浏览器，页面内容和结构一致。项目是否同构渲染方式SEO 支持首屏速度React CRA❌CSR❌慢✅服务端渲染✅快✅静态生成✅非常快✅静态 + 动态混合✅快且智能。
2025-05-16 14:16:45
931
原创 WHAT - SSR vs SSG vs ISR
特性SSRSSG构建时生成❌✅✅（首次）每次请求✅ 实时生成❌❌（后台更新）动态内容支持✅❌✅性能中（视服务器性能）高（静态）高（静态 + 智能更新）SEO✅✅✅如果你在用Next.js// SSR// SSG// ISR（在 SSG 中加 revalidate）return {revalidate: 60, // 每隔 60 秒后台更新一次。
2025-05-16 14:10:37
618
原创 WHAT - 前端同构 Isomorphic Javascript
在前端开发中，“同构”技术（Isomorphic JavaScript，也叫通用渲染 / 通用 JavaScript同一套 JavaScript 代码可以在客户端（浏览器）和服务端（Node.js）中运行，且渲染出一致的页面内容。前端同构就是“组件代码一套走天下”，让你的页面在服务器和浏览器都能渲染，提升首屏速度和 SEO。
2025-05-16 14:06:51
342
原创 WHAT - 前端开发流程 SOP（标准操作流程）参考
作为前端开发组长，撰写一份标准操作流程（SOP, Standard Operating Procedure）可以帮助团队提高协作效率、代码质量和交付稳定性。下面是一份通用但系统化的，你可以根据实际项目、技术栈和团队情况进行定制。
2025-05-15 18:41:56
1537
原创 WHAT - 《成为技术领导者》思考题（第九章）
探索你在人际互动与专业技术中的舒适度落差。这个问题聚焦在“动机透明度”上。你传达的动机是否与他人理解的一致？是否会被误解为有私心？成功有时会削弱你当初成功的动力和环境（如好奇心、谦逊）。如何让成功不成为发展的阻碍？这是个非常创造性的练习，帮助你可视化过去与未来，并赋予职业生涯故事性和个人标签。反思逆境中的认知变化和成长方式。找出转折点，思考未来如何更快走出低谷。泛化困难经历，重点落在学到的应对机制上。哪些困难成为你的“垫脚石”？探讨“自我膨胀”和“他人观感”的边界。你是否无意中表现出优越感？
2025-05-13 19:53:42
1114
原创 WHAT - 《成为技术领导者》思考题（第八章）
这个问题让你反思“经验式学习”是否比“课堂学习”更有代价或更有成效。从“领导力”的视角剖析上题中的错误。本题着重考察“认知来源的多样性”，你从哪里获得灵感？审视你的“创意生命周期”——你的想法是死在愿景阶段，还是倒在执行阶段？了解头脑风暴技术的原理，再与“创新来源于释放而非压抑”的理念进行对比。学习“复合问题解决法”，把两个彼此矛盾的问题，变成协同解决的一体两面。检视自己是否能在面对荒谬建议时“跳出框架”看本质，而非被字面吓退。这是实践题，鼓励你进行“想法融合式创新”并在情绪上正向激励同伴。
2025-05-13 19:17:49
778
原创 WHAT - 《成为技术领导者》思考题（第七章）
这个问题旨在帮助你识别“自蔽”——即看不清自己行为的障碍。请认真反思你为逃避记录而编造的借口。很多创新的障碍源于我们忽略身体状态导致的低能量或压力。提升当下觉知能力（mindfulness），帮助我们觉察自动化行为。这是对你持续记录、思考的提醒。这个行为挑战测试你打破习惯模式的能力，提高“行为觉察”。反思过往文字与现在的差异，观察自我成长或停滞的轨迹。记住，想成为更具洞察力的领导者，需要先学会觉察自己。增强目标意识与持续成长意识，并用日记追踪进展。通过他人经历启发自我成长，并记录触动你的地方。
2025-05-12 15:50:18
1102
原创 WHAT - 用户访问产品个性化延迟问题和技术手段
策略是否需要登录个性化准确度响应速度实施成本本地缓存偏好否中快低服务端预推荐否中低（泛个性）快中用户引导填偏好是 / 否高慢（需交互）高。
2025-05-09 16:17:13
617
原创 WHAT - 冷启动和热启动
冷启动”（Cold Start）是一个在机器学习、推荐系统、产品推广等领域常用的术语，指的是系统在刚开始时缺乏足够数据或用户行为，导致效果不佳的问题。
2025-05-09 15:57:32
916
原创 WHAT - Node vs Python 执行速度
性能对比：Node.js 快很多，尤其是 CPU 密集或 IO 密集任务。选择建议你要做实时 Web 应用、高并发服务 →选 Node.js你要做 AI、爬虫、数据分析、脚本自动化 →选 Python性能要求高但又需要 Python 的功能 → 可用Cython 或用 Rust/C 写扩展。
2025-05-09 15:46:21
496
原创 WHAT - Bun 真的那么全能吗
特性说明快速启动比 Node.js 快数倍，冷启动时间几乎为零原生 TypeScript无需配置即可运行.ts文件更快的安装依赖比 npm/yarn 快 10 倍以上内置测试使用bun test编写并运行测试小内存占用相比 Node 运行同样的代码占用更少的资源Bun 的性能和功能优势背后有着一套清晰的技术设计理念，我们逐条来解释它是如何实现这些优势的。
2025-05-09 15:41:31
833
原创 WHAT - 简单服务发现
类型描述适合场景静态配置写死服务地址小型项目、测试DNS 服务发现通过服务名称解析Kubernetes 等平台注册中心服务发现服务自动注册和发现微服务架构、大型系统。
2025-05-09 11:50:15
383
原创 WHAT - 端到端加密
端到端加密”（End-to-End Encryption，简称）是一种通信加密方式，确保数据在发送端加密后，。在整个传输过程中，包括服务器在内的任何中间环节都无法解密或读取内容。
2025-05-09 11:36:37
703
原创 WHAT - react-query(TanStack Query) vs swr 请求
是一个强大的数据获取库，适用于 React 和其他前端框架，专注于异步状态管理。它简化了远程数据获取、缓存、更新和同步的流程。TanStack Query = 功能强大，适合中大型项目和复杂数据交互需求。SWR = 轻量灵活，适合简单的数据获取场景或快速开发。
2025-05-08 17:14:16
1097
原创 HOW - 在 Mac 上的 Chrome 浏览器中调试 Windows 场景下的前端页面
方法优点缺点修改 User-Agent快速、轻量无法模拟字体与系统渲染差异修改 CSS 适配样式差异灵活控制需要了解不同平台的细节差异浏览器插件模拟快速切换 UA局部模拟，不够真实云端真实浏览器平台真实环境、高还原度可能需要付费本地虚拟机最真实的环境占用资源，搭建复杂。
2025-05-08 11:16:34
978
原创 WHAT - Rust 智能指针
在 Rust 中，是对普通指针的封装，除了指向某个值，它们还拥有额外的行为（比如自动释放资源、共享所有权、内变性等）。智能指针在 Rust 中广泛用于内存管理和所有权系统。
2025-05-07 13:19:14
737
原创 WHAT - Rust 静态派发（Static Dispatch）和 动态派发（Dynamic Dispatch）
特性静态派发动态派发调用时机编译时运行时性能高（无额外开销）相对较低（有 vtable 指针开销）代码大小可能更大（每种类型生成一份代码）更小（共享 trait 对象）使用方式泛型T: Trait&dyn Trait是否需要对象安全否是。
2025-05-07 13:14:08
505
原创 WHAT - 《成为技术领导者》思考题（第五章）
聚焦一次明确的“转折点”或“节点”，不仅回忆客观事实，更关注主观感受——你为什么记住它，是因为当时的心情，还是某件难忘的细节？框架：变化发生：时间 + 事件（如转岗、跳槽、第一次带团队）你最记得的是什么？（具体人、话、场景或感受）是感觉打动你？还是事件本身？这个变化对你职业轨迹的影响？结构性微习惯实验，通过连续记录，观察规律与偏好。每日记录模板：日期 / 早餐变化项（例如：延迟30分钟 / 使用陶瓷碗）吃的时候的感受：上午的能量 / 情绪 / 专注力变化：有无正面影响？是否值得继续？
2025-05-06 11:53:31
883
原创 WHAT - affiliate 网络和钓鱼攻击
定义：按效果付费的推广模式，推广者（Affiliate）在其渠道投放带有专属参数的链接，每产生一次有效转化（点击、注册、购买）就能获得佣金。正常用途：品牌方借助 affiliate 扩展流量来源，合作伙伴获取推广收益。目标：诱导用户在伪造的高仿真、可信页面上输入敏感信息（账号、密码、支付信息）。常见载体：登录页、高仿表单、邮件链接。通过对 affiliate 网络滥用与钓鱼攻击的拆解，我们可以看到攻击者利用前端代码的信任边界进行注入与劫持。
2025-05-06 11:19:57
881
原创 WHAT - 《成为技术领导者》思考题（第四章）
进一步，有一个更为精确的成长理论：高原阶段是存在的，但你不是在跳跃而是在攀登。为了攀登到新的高度，你必须离开原有的立足点，舍弃你擅长的东西，并且还有可能滑落到低谷。示例框架：第1周我的练习目标是【目标，如每天复盘一次会议沟通】，我通过【方法】记录了我的表现和感受……示例框架：随着年龄和经历的增长，我对“学习”有了新的理解，比如【习得方法、元认知等】。示例框架：上一次我感觉到成长是在【某时间点】，当时我做了。有一句话，对于程序员很适用，「我是在学习新计算机语言，但更多的是在学习如何学新的计算机语言」。
2025-04-30 17:15:48
983
原创 WHAT - 网站收录
https://zeli.app/zhhttps://www.v2ex.com/https://tophub.today/https://momoyu.cc/https://newsnow.busiyi.world/https://rebang.today/
2025-04-30 16:38:21
187
原创 HOW - 经典详情页表单内容数据填充（基于 Antd 组件库）
步骤说明将异步数据填充到表单中。字段名必须与name匹配。切换 ID 或打开抽屉前重置，防止旧数据残留数据加载时添加 loading 效果disabled如果是只读详情页，将表单项设置为disabled方法是否推荐说明✅ 强烈推荐表单组件原生方式，适用于任何异步填充🟡 可选对字段少、数据小、一次性加载可用直接展示数据🟡 可选对于纯展示详情页，更轻量。
2025-04-30 14:32:28
480
原创 WHAT - Tailwind CSS + Antd = MetisUI组件库
在 中我们介绍了 Tailwind，至于 Antd 组件库，我们应该都耳熟能详，官网地址：官网：A React component library styled with Tailwind CSS, inspired by Ant Design.
2025-04-30 11:59:37
365
原创 WHAT - 前端开发滚动条场景解析
滚动时触发大量scroll事件，频繁执行回调，导致卡顿、掉帧。尤其是回调中有 DOM 查询、布局重排（reflow/repaint）操作时，影响更大。问题场景解决思路滚动性能节流、防抖、虚拟滚动滚动监听监听正确元素，ResizeObserver移动端穿透禁止 body 滚动，touchmove prevent滚动条样式兼容隐藏/自定义滚动条吸顶与滚动加载sticky + 正确判断触底滚动位置管理手动记录恢复 scrollTop大数据卡顿虚拟列表技术iOS 滚动兼容。
2025-04-29 17:46:18
895
原创 WHAT - 《成为技术领导者》思考题（第三章）
它的主要目的是：让所有参与者对项目有统一的认识，明确目标、角色、计划和沟通方式，确保项目顺利启动。通常在 kick-off meeting 上会做这些事情：1. 明确项目目标：为什么要做这个项目？3. 讲解项目计划：包括主要阶段、时间节点（milestones）、交付物（deliverables）等。）、风险管理、决策流程。5. 统一期望：明确什么是成功，标准是什么。kick-off meeting（启动会议）是指在一个项目正式开始前召开的第一次正式会议。：同事B（优秀的执行者，但缺少领导倾向）。
2025-04-28 17:50:08
1138
原创 WHAT - 《成为技术领导者》思考题（第二章）
盘点自己当前的动机/组织/创意状态找到成长机会制定具体的提升计划反思领导力对自己和他人的影响了解自己真实的激励机制，探索更健康的成长模式。
2025-04-27 16:07:39
580
原创 WHAT - 《成为技术领导者》思考题（第一章）
我更乐于在有导师支持的环境中学习新技能，但也需更多“实战挑战”来巩固。未来我会平衡这两类情形，既寻求指导，也主动承担难题。总体而言，我在目标对齐与跨部门沟通上能显著提升团队效率，是财富；但在资源紧张时，我容易过度干预，变成短期累赘。以下是针对这组思考题的思路与示例框架。
2025-04-25 19:31:13
884
原创 WHAT - 技术书单推荐(V2EX版)
软技能：代码之外的生存指南》《UNIX 环境高级编程》《流畅的 Python》《Python 工匠》《程序员的自我修养》
2025-04-25 18:33:27
74
原创 HOW - 如何模拟实现 gpt 展示答案的交互效果
一段话最多说 2 件事多用小标题和 emoji 作为语义锚点把“问题”写在前面，让“答案”落在后面多用代码块、示例和结果截图对话风格 + 行文节奏有变化（不是每句话都一个语调）方式技术点适用场景折叠面板CollapseDisclosureFAQ, 文档步进展示教程式内容打字动画typewriterAI 风格输出聊天风格滚动输出setTimeout + 动效Chat 交互。
2025-04-25 16:38:42
907
原创 WHAT - 已阅读书单
JavaScript 高级程序设计（第4版）》✅。摄影师与模特的完美摆姿技巧解密✅。人类简史：从动物到上帝✅。Vue.js设计与实现✅。蛤蟆先生去看心理医生✅。孙子兵法与三十六计✅。
2025-04-25 11:41:37
162
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人