- 博客(500)
- 收藏
- 关注
RSS订阅原创 WHAT - 组件库单入口打包和多入口打包
所有组件通过一个统一入口（如index.ts）导出并打包为一个文件（或多个格式，如 ESM/CJS）。目标推荐方式简单快速上线 MVP单入口打包注重组件体积、性能多入口或混合模式提供全量和按需引入能力混合单入口 + 多入口。
2025-06-10 20:09:44
547
原创 WHAT - 组件库开发场景 - 完全无样式的 UI 组件库 Headless UI
可能你听过，这就是一个 Headless UI 组件库。是一个由 Tailwind Labs（也就是 Tailwind CSS 的开发团队）推出的，主要用于 React 和 Vue 项目。
2025-06-10 19:39:48
406
原创 WHAT - script type=“module“
在中我们详细介绍过有关 script 加载的内容，其中提到 es module 加载。是 HTML 中用来加载 JavaScript的一种方式。它与传统的<script>标签不同，具有模块化、作用域隔离、支持等特性。
2025-06-06 11:33:30
867
原创 WHAT - 数据分析广告归因（Ad Attribution）
广告归因是一种用于识别和评估用户采取某个行为（例如购买、注册、下载）之前，接触了哪些广告渠道或营销活动的过程。它的目标是回答这样的问题“用户是通过哪些广告或营销渠道最终完成了转化？
2025-05-30 11:12:16
339
原创 HOW - 简历和求职面试宝典（八）
其次，不论你的离职原因是不满意薪资、不适应团队的管理风格还是发展空间到达了上限等，都不要在这里抱怨出来，因为每个公司的 leader 都清楚公司里的问题，与其这样，不如直接告诉 leader，辞职的原因是希望可以有更好的发展，或者是让自己有更好的学习成长的空间。最不建议的离职理由：经常会有小伙伴为了避免双方尴尬，会选择“家人生病需要较长的时间照顾”、“家人要求我回老家工作”等类似这样的理由，如果是真实的当然不会有问题，如果是虚构的，以后万一被发现，则会给前公司留下一个不诚信的印象，以后再相见时会更尴尬。
2025-05-29 11:46:08
128
原创 HOW - 简历和求职面试宝典（七）
二、对于具备一定工作经验的朋友来说，如果你已经是一个在专业领域工作多年的候选人，行业经验也非常丰富，相信丰富的经验可以为你创造比较高的收入，你可以比对行业的知名公司职级的薪资结构去判断自己的薪资情况。你可以参考在之前的工作过程中，是不是有让自己感觉不舒服或者有挫败感的时候，同时想想是什么原因造成的，比如一个极度紧绷的团队氛围让你想要换一份工作，或者迟迟得不到晋升或调薪，然后把它们整理出来写在纸上，标记出来哪些是你希望可以得到改善和需要得到成长的。你是否会有这样的疑惑：我所期望的薪资是否能给到呢？
2025-05-29 11:45:18
196
原创 HOW - 简历和求职面试宝典（六）
此时，可以通过照片网站去搜索密切度高的岗位，然后查看该岗位的职位 JD，建议搜索查看同一岗位的多家职位 JD，把JD 重合的部分标记出来，其实这些就是该岗位所必需的技能；在面试的过程中，还可以通过与面试官的交流去判断这家公司的情况，如果面试官在面试过程中表现的比较有条理、沟通比较有素质，则可以说明这家公司还是不错的选择；确定之后，可以投入时间去锻炼这些技能，或者在一家公司找到实践的机会，慢慢提升自己与想从事的岗位的匹配度，相信通过几年的磨炼，肯定也能更充分地发挥出自己的优势，得到更丰厚的回报。
2025-05-29 11:44:06
154
原创 HOW - 简历和求职面试宝典（五）
此时建议这样回答：“我非常喜欢我的工作，我感觉我的岗位在目前行业的发展中起到了非常重要的作用，我们所做的几个项目都在推动公司的发展，也帮助公司的效率和效益从 XX% 提升到了 XX%（在这里可以举一些自己做过的项目经验），而且我也希望可以继续从事这样的工作，因为它可以让我获得更多的成就感。当面试官听到这样的介绍时，会非常清晰地了解你对自己的工作已经有了深入的思考，同时也能感受到你不止局限在自己的工作领域中，还在通过行业的变化和了解，来规划自己的职业，是一个很有潜力的候选人。1、避免口头禅出现频率过高。
2025-05-29 11:41:13
109
原创 HOW - 简历和求职面试宝典（四）
例如，我希望可以在未来的 1 ~ 2 年内，梳理和参与到几个完整的项目中，从中学习和看到整个项目是什么样的，从而提升自己的工作能力和项目经验。这是面试结束前的最后一个问题，也可以认为是个形式问题或走个流程，此时可根据前面面试过程中的表现程度来适当的提问，比如公司福利、上下班时间、团队氛围、个人岗位发展等，但尽量不要问从网上就能查到公司信息的问题。当然也许你的内心想的是涨薪或者培训，虽然薪资是一定的，但是如果让面试官认为你是一个物质或者情商低的人，并没有长久的培养空间，那面试的结果就可想而知了。
2025-05-29 11:38:53
161
原创 HOW - 简历和求职面试宝典（三）
简历前面准备好了，下面说一下穿着相关的准备。你和面试官属于首次见面，在还没有开始正式聊天之前，他是无法感知你的个人魅力或者知识储备的。假如第一次见面就看到邋遢的外表或者奇怪的着装，或者浓妆艳抹、身上味道过重，面试官会怎么给你贴标签呢？他很大可能会认为你并不尊重这次面试，给他造成一种没有礼貌的印象。所以，干净得体的着装是面试非常重要的一个环节。面试官也会通过你的着装去判断你的性格，以及判断与公司的文化、团队的气氛是否匹配。接下来就是面试的过程了，首先面试官会说：“请简单介绍一下自己。
2025-05-29 11:27:43
296
原创 HOW - 简历和求职面试宝典（二）
这样才会拥有一份完美的简历和一份完整的职业规划。可能很多刚刚毕业的小伙伴会问：“我没有工作经历，也不知道自己做什么。如果我不去尝试怎么可能知道自己适合什么呢？” 其实很多小伙伴在大学读的专业也就已经明确了自己可以从事的方向，当然如果你认为自己读的专业不是你喜欢的，也许可以选择管培生的岗位，用 1 年的时间去体会各个岗位也许会对你有所帮助。
2025-05-29 11:10:49
342
原创 HOW - 简历和求职面试宝典（一）
对于业绩成果，如果工作中有过一些公司认可的奖状或者某一期的绩效非常优异的话，可以在“工作内容描述”后面增加一栏“业绩成果的展示”，但是这一栏的内容不宜过多，把最重要或者很有价值的公司奖项或绩效按照重要程度精简出 1 ~ 3 条即可，如「公司年度优秀员工奖」、「上季度绩效为 A」等。
2025-05-29 10:47:57
357
原创 WHAT - useWebSocket 推荐
管理连接状态（连接中、已连接、已断开）发送和接收消息支持自动重连、心跳机制在 React 生命周期内自动清理连接import {. close();string([]);ws.current?.close();}, [url]);ws.current?.send(msg);
2025-05-28 11:52:38
479
原创 HOW - 从0到1搭建自己的博客站点（四）
项目说明✅ 原理评论通过 GitHub Discussions 托管✅ 配置简单一次配置，嵌入即可✅ 安全性好GitHub 登录，防止匿名刷评论✅ 免费开源无任何费用✅ 可定制。
2025-05-27 19:14:18
1075
原创 HOW - 从0到1搭建自己的博客站点（三）
优点说明零成本搭建 CMSNotion 免费，易用内容实时可视化更新无需重新部署免费部署Vercel 免费计划支持内容写作极其方便直接用 Notion社区方案成熟有很多优秀开源项目支持响应式、性能高支持静态生成 & CDN 加速。
2025-05-27 18:50:48
1209
原创 WHAT - 兆比特每秒 vs 兆字节每秒
缩写全称中文含义Mbps兆比特每秒MB/s兆字节每秒下载速度，一般就用Mbps ÷ 8≈MB/s。场景显示的单位实际含义换算说明路由器参数Mbps网络带宽（传输能力）运营商宣传带宽Mbps网络带宽（下载能力）下载器显示速度MB/s实际下载速度（字节）
2025-05-24 16:47:00
961
原创 HOW - 基于组件库组件改造成自定义组件基本规范
设计你自己的组件的 props 类型时，建议基于 antd 的label?: string;// 可选，封装 label: string;// 可选，外层 classlabel,...props}) => {return (</div>< SelectshowSearchallowClearplaceholder = "请选择" {放置位置是否推荐原因说明最后面✅ 推荐用户传入值可覆盖默认值最前面❌ 不推荐默认值会覆盖用户传入值，造成困惑。
2025-05-23 16:59:36
930
原创 HOW - 结合 AI 进行 Tailwind 样式开发
场景效率提升情况Tailwind 替代传统 CSS快速开发、样式维护更轻松AI + Tailwind 自动生成组件极高效率，快速原型开发大型项目维护需合理组织类名，结合抽象组件更佳。
2025-05-20 19:42:30
489
原创 WHAT - CSS 中的 min-height
在中我们已经详细介绍过 width。对于高度， CSS 同样提供一个min-heightmin-height是 CSS 中用于设置元素的的属性，作用和min-widthmin-height。
2025-05-20 19:18:41
557
原创 WHAT - CSS 中的 min-width
在中我们已经详细介绍过width。那为什么 CSS 还要提供一个min-width？阅读本文前可先阅读。min-width是 CSS 中的一个属性，用于设置元素的。它的作用是：即使内容或父容器试图将该元素压缩得更小，也不会让元素宽度小于min-width指定的值。
2025-05-20 11:51:50
690
原创 WHAT - 缓存命中 Cache Hit 和缓存未命中 Cache Miss
缓存命中（Cache Hit）指当你请求某个资源（比如图片、JS 文件、API 响应等）时，浏览器或其他中间层发现缓存中已有该资源，于是直接返回缓存结果，而不需要再去网络请求。提升加载速度：从缓存读取远比从网络拉取快得多。减少服务器压力：命中缓存后不发起请求，减轻后端负担。缓存命中是前端性能优化的核心手段之一，理解浏览器缓存机制、合理配置 HTTP 头信息、结合应用层缓存工具，可以极大提升用户体验。
2025-05-16 15:58:22
1050
原创 HOW - React NextJS 的同构机制
你的 React 页面可以在服务端渲染出 HTML。然后发送给浏览器，并在浏览器上**“水合”成可交互的 React 应用**。一套代码，同时运行在服务器和浏览器，页面内容和结构一致。项目是否同构渲染方式SEO 支持首屏速度React CRA❌CSR❌慢✅服务端渲染✅快✅静态生成✅非常快✅静态 + 动态混合✅快且智能。
2025-05-16 14:16:45
952
原创 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
635
原创 WHAT - 前端同构 Isomorphic Javascript
在前端开发中，“同构”技术（Isomorphic JavaScript，也叫通用渲染 / 通用 JavaScript同一套 JavaScript 代码可以在客户端（浏览器）和服务端（Node.js）中运行，且渲染出一致的页面内容。前端同构就是“组件代码一套走天下”，让你的页面在服务器和浏览器都能渲染，提升首屏速度和 SEO。
2025-05-16 14:06:51
364
原创 WHAT - 前端开发流程 SOP（标准操作流程）参考
作为前端开发组长，撰写一份标准操作流程（SOP, Standard Operating Procedure）可以帮助团队提高协作效率、代码质量和交付稳定性。下面是一份通用但系统化的，你可以根据实际项目、技术栈和团队情况进行定制。
2025-05-15 18:41:56
1619
原创 WHAT - 《成为技术领导者》思考题（第九章）
探索你在人际互动与专业技术中的舒适度落差。这个问题聚焦在“动机透明度”上。你传达的动机是否与他人理解的一致？是否会被误解为有私心？成功有时会削弱你当初成功的动力和环境（如好奇心、谦逊）。如何让成功不成为发展的阻碍？这是个非常创造性的练习，帮助你可视化过去与未来，并赋予职业生涯故事性和个人标签。反思逆境中的认知变化和成长方式。找出转折点，思考未来如何更快走出低谷。泛化困难经历，重点落在学到的应对机制上。哪些困难成为你的“垫脚石”？探讨“自我膨胀”和“他人观感”的边界。你是否无意中表现出优越感？
2025-05-13 19:53:42
1128
原创 WHAT - 《成为技术领导者》思考题（第八章）
这个问题让你反思“经验式学习”是否比“课堂学习”更有代价或更有成效。从“领导力”的视角剖析上题中的错误。本题着重考察“认知来源的多样性”，你从哪里获得灵感？审视你的“创意生命周期”——你的想法是死在愿景阶段，还是倒在执行阶段？了解头脑风暴技术的原理，再与“创新来源于释放而非压抑”的理念进行对比。学习“复合问题解决法”，把两个彼此矛盾的问题，变成协同解决的一体两面。检视自己是否能在面对荒谬建议时“跳出框架”看本质，而非被字面吓退。这是实践题，鼓励你进行“想法融合式创新”并在情绪上正向激励同伴。
2025-05-13 19:17:49
790
原创 WHAT - 《成为技术领导者》思考题（第七章）
这个问题旨在帮助你识别“自蔽”——即看不清自己行为的障碍。请认真反思你为逃避记录而编造的借口。很多创新的障碍源于我们忽略身体状态导致的低能量或压力。提升当下觉知能力（mindfulness），帮助我们觉察自动化行为。这是对你持续记录、思考的提醒。这个行为挑战测试你打破习惯模式的能力，提高“行为觉察”。反思过往文字与现在的差异，观察自我成长或停滞的轨迹。记住，想成为更具洞察力的领导者，需要先学会觉察自己。增强目标意识与持续成长意识，并用日记追踪进展。通过他人经历启发自我成长，并记录触动你的地方。
2025-05-12 15:50:18
1120
原创 WHAT - 用户访问产品个性化延迟问题和技术手段
策略是否需要登录个性化准确度响应速度实施成本本地缓存偏好否中快低服务端预推荐否中低（泛个性）快中用户引导填偏好是 / 否高慢（需交互）高。
2025-05-09 16:17:13
623
原创 WHAT - 冷启动和热启动
冷启动”（Cold Start）是一个在机器学习、推荐系统、产品推广等领域常用的术语，指的是系统在刚开始时缺乏足够数据或用户行为，导致效果不佳的问题。
2025-05-09 15:57:32
934
原创 WHAT - Node vs Python 执行速度
性能对比：Node.js 快很多，尤其是 CPU 密集或 IO 密集任务。选择建议你要做实时 Web 应用、高并发服务 →选 Node.js你要做 AI、爬虫、数据分析、脚本自动化 →选 Python性能要求高但又需要 Python 的功能 → 可用Cython 或用 Rust/C 写扩展。
2025-05-09 15:46:21
505
原创 WHAT - Bun 真的那么全能吗
特性说明快速启动比 Node.js 快数倍，冷启动时间几乎为零原生 TypeScript无需配置即可运行.ts文件更快的安装依赖比 npm/yarn 快 10 倍以上内置测试使用bun test编写并运行测试小内存占用相比 Node 运行同样的代码占用更少的资源Bun 的性能和功能优势背后有着一套清晰的技术设计理念，我们逐条来解释它是如何实现这些优势的。
2025-05-09 15:41:31
847
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人