- 博客(49)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 【AI模型训练】从0到1完整指南
让电脑通过看很多例子，学会做预测。举个例子，你想让电脑学会识别猫和狗。你给它看1000张猫的照片和1000张狗的照片，告诉它"这是猫"、“这是狗”。训练完后，给它一张新的照片，它就能告诉你"这应该是猫"或者"这应该是狗"。本质上就是在找函数 f(x) = y，输入 x（比如一张图片），输出 y（比如"猫"或"狗"）。不过这个函数不是我们手写出来的，是电脑自己学出来的。千万别一上来就开始写代码！先想清楚你的目标是什么，不然后面会后悔的 😅# 使用预训练的ResNet18# 替换最后一层。
2025-12-17 17:38:01
702
原创 【AI推理】当你说“你好“时，AI脑子里到底在想什么？——揭秘AI执行提示词的完整推理流程
AI如何理解"你好"？揭秘大模型处理对话的完整流程：当用户输入"你好"时，AI首先通过BPE算法将文本转换为token，再映射为高维向量。通过RoPE位置编码保留词序信息后，输入Transformer架构。在自注意力机制中，AI计算词间关联度（如"你好"与"您好"的语义相似度），最终生成"你好！很高兴见到你"等自然回复。整个过程涉及复杂的向量运算和权重调整，使AI能像人类一样理解并回应简单问候。
2025-12-17 10:19:00
1189
原创 【AI编码】请合理使用AI编码，别坑自己！→ 指南3
在前两篇文章中，我们详细分析了AI编码的风险与问题，以及如何应对这些风险。现在，让我们来聊聊未来展望实施路线图，以及成功与失败的案例研究。AI编码不是目的，提升代码质量和开发效率才是目的。不要为了用AI而用AI，要用AI来解决问题。AI是辅助工具，不是替代品开发者仍然是代码质量和安全性的最终责任人AI用来提升效率，不是替代思考不要相信AI生成的代码"肯定对"风险管理是关键技术、法律、组织风险都需要系统化管理建立完善的流程和工具是必要的不要盲目使用AI，要有规范、有流程、有工具平衡很重要。
2025-12-16 15:22:04
923
原创 【AI编码】请合理使用AI编码，别坑自己！→ 指南2
在上一篇文章中，我们详细分析了AI编码带来的各种风险和问题。现在，让我们来聊聊怎么避免被AI"坑死"，以及如何合理使用AI编码工具。AI是工具，不是魔法。用好了是"效率工具"，用不好是"bug制造机"。关键在于怎么用，而不是"用不用"。测试是最后一道防线。AI生成的代码必须有测试，而且测试覆盖率要足够高。1. 单元测试AI生成的代码必须有单元测试。不要相信AI生成的代码"肯定对"，测试能帮你发现bug。2. 集成测试关键功能必须做集成测试。单元测试可能通过，但集成测试可能失败。3. 覆盖率要求。
2025-12-16 15:19:10
732
原创 【AI编码】请合理使用AI编码，别坑自己！→ 指南1
现在用AI写代码已经不是什么新鲜事了。GitHub Copilot、Cursor这些工具确实能让你感觉自己是"10倍工程师"（虽然可能只是错觉），但用不好也会让你变成"10倍bug制造机"。今儿咱不聊那些"AI改变世界"的鸡汤，我们聊聊血淋淋的现实：团队用AI编码会遇到哪些坑，以及怎么避免被AI"坑死"，怎么着？你不服是吧看下面。AI编码工具确实能提升效率，但同时也带来了诸多风险。从代码质量、安全漏洞、依赖管理，到技术债务、知识产权、数据隐私，再到技能退化和团队协作问题，每一个坑都可能让你的项目"翻车"
2025-12-16 15:14:31
844
原创 【迭代器】js 迭代器与可迭代对象终极详解
本文深入探讨了JavaScript迭代器的核心概念与应用，涵盖从基础协议到高级生成器的完整知识体系。主要内容包括： 核心协议解析：详细介绍了可迭代协议和迭代器协议，以及常见消费场景。 遍历方法对比：比较了for...of、for...in和for await...of的特性差异。 自定义迭代器实现：展示了如何从零手写同步迭代器，包括return/throw处理。 生成器深度解析：深入讲解生成器函数与对象的区别、yield双向通信、状态机原理，以及yield*的委托机制。 实用工具箱：列举了常见的可迭代API
2025-12-11 16:47:00
1013
原创 【浏览器】页面加载原理详解
这篇文章深入解析了浏览器从输入URL到页面渲染的完整流程。主要内容包括： 浏览器多进程架构（主进程、渲染进程、GPU进程等） 页面加载全流程： 导航阶段：DNS解析、TCP连接、HTTP请求/响应 解析阶段：HTML解析与DOM构建（词法分析、Token生成、DOM树构建） 渲染阶段：CSSOM构建、渲染树生成、布局、绘制、合成 关键技术细节： HTML解析器工作流程（流式解析、状态机） DOM树构建的栈结构实现 解析过程中JavaScript的阻塞处理 性能优化策略： DNS预解析 预连接 HTTP/2特
2025-12-11 16:10:00
1560
原创 【产品】探讨软件产品的核心点
摘要：本文探讨了软件产品开发的核心要素和关键思维。产品应包含核心功能、附加价值和实现形式三要素。开发过程中需具备用户思维（站在用户角度思考）、痛点思维（挖掘深层需求）、场景思维（融入使用环境）等六种思维方式。文章特别强调了原型设计和流程图的重要性，指出缺失这些会导致开发效率低、规划混乱等问题。最后指出B端需求调研的正确方法是深入了解业务本质，而非简单收集改进意见，强调产品设计必须基于对业务逻辑的透彻理解和前瞻性思考。
2025-12-09 10:39:58
896
原创 【想法】关于不良编程实践的一些想法
本文探讨了软件开发中盲目追求新技术的不良现象。作者指出，程序员常为学习而学习，而非优化现有方法。文章分析了五个常见问题：1) REST中POST/PUT的误用；2) Java项目过度依赖Spring和JPA；3) Web应用滥用JavaScript；4) 新方法未必优于旧方案；5) 行业决策缺乏合理性。通过银行系统、微服务等案例，作者批评了"为升级而升级"的做法，指出这导致代码维护困难、资源浪费等问题。最后强调，复杂解决方案若缺乏团队协作能力，将弊大于利。
2025-12-08 10:14:17
708
原创 【AI产品】2025年12月AI产品排行榜：编程、创作与助手的全面解析
人工智能产品市场在2025年呈现蓬勃发展态势。AI编程领域，GitHub Copilot占据35%市场份额，Google Antigravity、Cursor等产品通过代码生成、任务分解等功能提升开发效率；AI创作方面，ChatGPT以3亿用户领跑，Claude和文心一言分别在长文本处理和中文优化上表现突出。这些产品主要通过订阅制盈利，解决用户效率提升、学习成本降低等痛点，同时针对企业提供数据安全、团队协作等增值服务。中国本土产品如通义灵码和DeepSeek-V3凭借中文优化和开源特性获得市场认可。整体来看
2025-12-04 15:01:18
1330
原创 【npx】node npx详解
npx是npm 5.2.0引入的命令行工具，用于直接执行npm包而无需全局安装。它解决了全局安装导致的版本冲突、空间占用等问题。npx会自动查找本地或全局安装的包，若无则临时下载执行后保留缓存。其核心功能是运行package.json中定义bin字段的CLI工具（如create-react-app），而非纯库文件（如lodash）。npx通过智能缓存机制优化性能，缓存文件默认保留数周后才自动清理，用户也可手动清除缓存。
2025-12-04 13:21:22
1022
原创 【AI产品】当下AI产品的变现模式深度分析
AI商业化变现模式分析（2024-2025） 摘要：随着AI技术快速发展，商业化变现成为核心挑战。当前主流模式包括：1）订阅服务（SaaS），如ChatGPT Plus和Midjourney的分级订阅，通过免费增值和差异化定价实现稳定现金流；2）API调用收费，如OpenAI和百度AI开放平台按使用量计费，适合技术提供商构建开发者生态；3）定制化解决方案，为金融、医疗等行业提供专属AI服务，采用项目制收费；4）嵌入式AI，将功能集成到现有产品（如Notion AI、Adobe Firefly）提升竞争力。数
2025-12-04 11:00:34
1557
原创 【网络攻击】用大白话讲清楚
了解了这些攻击方式后，我们应该怎么做呢？盘点资产：知道自己有哪些系统、哪些数据，哪些最重要。建立防护体系：不要只防一种攻击，要建立多层防护。定期演练：模拟攻击场景，测试防护措施是否有效。持续学习：网络安全威胁在不断变化，要持续关注和学习。网络攻防就像猫鼠游戏，攻击手段在升级，防护措施也要跟上。但只要你理解了这些基本原理，就能更好地保护自己和公司的安全。不要以为"我不会被攻击"，要假设"我可能已经被攻击了"，然后做好防护和检测。（本文仅代表个人经验分享，真实生产环境请结合企业安全策略执行。
2025-12-03 16:07:53
522
原创 【包管理器】pnpm、npm、cnpm、yarn 深度对比
本文对比了主流JavaScript包管理器（npm、pnpm、yarn、cnpm）的核心差异。pnpm凭借内容寻址存储和硬链接实现高速安装与低磁盘占用，适合追求性能的团队；npm生态兼容性最佳；yarn Berry提供PnP等高级特性；cnpm则针对国内网络优化。文章详细分析了各工具在安装性能、依赖隔离、锁文件、镜像支持等方面的表现，并深入解析了幽灵依赖问题及其解决方案，为团队选型提供实践指导。
2025-12-03 16:05:02
745
原创 【Promise.withResolvers】发现这个api还挺有用
promise: 一个 Promise 对象resolve: 用于解决（fulfill）该 Promise 的函数reject: 用于拒绝（reject）该 Promise 的函数是 es 异步编程的一个重要补充，它解决了在 Promise 外部控制其状态的需求。
2025-12-02 09:40:00
796
原创 【AI提示词】实用技巧与最佳实践
本文介绍了提升AI提示词使用效果的7个进阶技巧和3个实用模板。核心技巧包括：1）分步引导AI思考（思维链）；2）让AI扮演专家角色；3）通过对比说明需求；4）采用迭代优化方式；5）明确约束条件；6）利用Cursor的自动上下文；7）设置需求优先级。文章还提供了创建React组件、代码重构和Bug修复的实用模板，帮助开发者更高效地与AI协作。这些方法适用于Cursor及其他AI工具，适合已掌握基础用法的开发者进阶学习。
2025-12-01 10:34:35
1204
原创 【AI提示词】场景应用与案例分析
本文介绍了不同场景下的AI提示词写作技巧，包含5个典型场景：写新代码、重构代码、修复Bug、理解代码和编写测试。每个场景提供了模板、实际案例和深入技巧，如写新代码时要明确组件职责，重构代码时要分阶段进行，修复Bug需提供完整错误信息等。文中还分享了实战案例，如构建Todo应用的完整提示词。这些方法适用于Cursor等AI编程助手，能有效提升开发效率。
2025-12-01 10:21:13
854
原创 【ES8+】 实用 API总结
本文系统讲解了ES2017(ES8)中async/await异步编程的革命性特性，通过对比传统Promise方式展示了其更清晰易读的语法。详细解析了async函数特点、三种错误处理模式、并行执行优化技巧，并提供了表单提交、重试机制和超时控制等实际应用场景代码示例。同时介绍了Object.entries()/values()/keys()等增强的对象遍历方法，为开发者掌握现代JavaScript异步编程提供了实用指南。
2025-11-28 14:16:12
571
原创 【CSS】你需要自定义@property而不是CSS变量
嘎嘎的😍，看下面。在 CSS 中，自定义属性和 CSS 变量通常可以互换使用，尽管它们是不同但相关的概念。
2025-11-28 10:36:57
883
原创 【理解】什么是Javascript 反混淆？
JavaScript反混淆是将混淆代码还原为可读形式的技术。混淆通过重写代码使其难以阅读，常用于保护知识产权、增强安全性、执行软件许可或隐藏恶意代码。反混淆过程涉及逆向工程，解析复杂代码结构还原原始逻辑。虽然混淆能防止随意逆向工程并增加安全性，但它无法完全阻止专业攻击者，且会加大调试难度并可能影响性能。建议将混淆与其他安全措施（如加密和访问控制）结合使用，主要用于保护核心算法或敏感信息。
2025-11-28 10:34:16
769
原创 【工具】充分利用 Console：增强调试和开发
本文介绍了console.log的进阶用法，帮助开发者提升调试效率。基础技巧包括多值输出和模板字符串；表格和分组功能可格式化数据；高级调试方法如console.assert、计数器、计时器和堆栈跟踪；浏览器信息获取；以及创意应用如ASCII艺术、文字样式修改、图片输出和简单动画实现。这些技巧能显著优化开发调试过程。
2025-11-27 18:00:10
505
原创 【唯一随机数】如何用JavaScript的Set生成唯一的随机数？
本文介绍了使用JavaScript的Set对象生成唯一随机数的方法。通过Math.random()生成随机数并利用Set自动去重的特性，可以轻松获取不重复的随机数序列。文章提供了完整的代码示例，包括参数校验和数组转换处理，并展示了如何将随机数应用于字母表随机选择等实际场景。这种方法适用于需要生成唯一随机数的各种应用，如游戏开发、数据分析等场景。
2025-11-27 17:56:37
419
原创 【class 】static与 # 私有及static私有：系统梳理
本文梳理了JavaScript中静态（static）、实例私有（#）和静态私有（static #）三种类成员的特点与用法。静态成员属于类本身，用于工具函数和常量；实例私有成员提供真私有状态，只能在类内部访问；静态私有成员则实现类级共享且私有的数据。文章通过代码示例展示了它们的适用场景，如单例模式、静态工厂和对象池等，并分析了继承行为，指出私有成员对子类不可见。这些特性有助于代码组织、封装和性能优化，提升可维护性。
2025-11-26 17:26:11
430
原创 【gzip】前端启用gzip压缩详解
Nginx配置Gzip和Brotli压缩优化指南：本文详细介绍了如何配置Nginx的Gzip静态压缩（gzip_static）和动态压缩（gzip），以及Brotli压缩的实现方法。重点解决前端打包.gz文件未被正确识别的问题，分析可能原因包括服务器未启用静态压缩、文件路径错误、浏览器请求头缺失等，并提供完整的配置示例和验证步骤。同时阐述服务器处理预压缩文件的机制，比较静态压缩与动态压缩的优缺点，帮助开发者优化网站资源加载速度并降低服务器负载。
2025-11-26 17:22:56
802
原创 【设计】结束前端噩梦：你需要懂点 UI/UX
前端开发人员掌握UI/UX设计知识已成为必备技能。文章指出，了解视觉层次、色彩理论、网格系统等设计原则能帮助前端预测问题、减少返工，提升团队协作效率。重点介绍了排版、色彩、响应式设计等核心概念，强调设计师与开发者的密切合作对产品成功至关重要。通过使用UXPin Merge等工具和遵循设计系统，开发者可以创建既美观又实用的界面，最终提升用户体验和产品留存率。掌握这些跨领域知识将使前端开发者在职场更具竞争力。
2025-11-25 13:07:12
1010
原创 【产品】技术人必须懂点产品思维
技术人培养产品思维的多重价值 本文探讨了技术人员掌握产品思维的重要性，指出这不仅能帮助开发者更好地理解需求、优化产品性能，还能提升团队协作效率和自身职业发展空间。文章分析了成功产品的三大要素（核心产品、附加产品、形式产品），并以支付宝为例进行说明。同时提出优秀产品经理应具备的七种关键思维：用户思维、痛点思维、场景思维等，强调需求调研、原型设计等基础工作的重要性。最后建议技术人员拓宽视野，将技术能力与产品思维结合，以提升综合竞争力。
2025-11-24 09:50:54
963
原创 【ts】全面详细对比 .d.ts、.ts、.tsx文件
本文详细对比了TypeScript中的.d.ts、.ts和.tsx三种文件类型。.d.ts是纯类型声明文件，不参与编译，主要用于为JS库提供类型支持；.ts文件包含可执行代码，会被编译为.js文件，适合工具函数和业务逻辑；.tsx支持JSX语法，适用于React/Vue组件开发。文章还总结了它们的关键差异、适用场景及配置要点，并提供了类型扩展、模块合并等高级技巧。通过理解这些文件类型的特性和使用场景，开发者可以更合理地组织TypeScript项目代码。
2025-11-21 09:41:35
686
原创 【XSS】后端服务已经加了放xss攻击，前端还需要加么？
摘要：XSS攻击防护需要前后端协同配合，形成多层防御体系。前端主要负责防护反射型和DOM型XSS，即使后端已有防护，前端仍需进行输入验证、转义处理和使用安全API。主要防护措施包括：输入验证与转义、CSP策略实施、白名单验证等。最佳实践强调开发阶段的安全审查、部署阶段的环境隔离和CSP配置、运维阶段的监控更新以及应急响应机制。安全防护需要持续改进，不能依赖单一防护措施。
2025-11-21 09:39:34
647
原创 【导入模式】AMD & ESM & CJS & UMD区别
本文对比了四种主流模块化方案（CommonJS、AMD、ES Modules、UMD）的核心特性。CommonJS适用于Node.js服务端，AMD适合浏览器异步加载，ES Modules凭借静态结构和Tree-Shaking成为现代前端首选，UMD则提供跨环境兼容。文章通过特性对比表、代码示例和工具链支持分析，给出了选型建议：新项目推荐ESM+Vite，公共库建议UMD+ESM双格式发布，遗留系统可逐步迁移。最后展示了现代库多格式发布的典型项目结构和package.json配置。
2025-11-20 10:06:00
563
原创 【网络协议】详解：HTTP、HTTPS、TCP、UDP
本文详细介绍了HTTP、HTTPS、TCP和UDP等核心网络协议的工作原理和特点。TCP通过三次握手建立可靠连接，采用四次挥手优雅断开，具备序列号确认、超时重传等机制确保传输可靠性。UDP则提供无连接的快速数据传输，适合实时性要求高的场景。HTTP是应用层的基础协议，而HTTPS通过SSL/TLS加密为HTTP提供安全保障。文章通过生动的比喻（如邮政服务、餐厅点餐等）解释了复杂的技术概念，并详细阐述了TCP的状态转换、优化技术和常见问题，帮助读者深入理解网络通信的基本原理。
2025-11-20 09:57:35
846
原创 【Vue3组件】封装组件该考虑的核心点
本文探讨了封装高质量组件的核心原则与实践方法。文章首先分析组件封装的动机与价值，包括提升代码复用性、维护性和性能优化。随后提出9条关键规则，如单一职责、受控优先、边界清晰等，强调组件设计应遵循"最小API面"理念。 重点阐述了如何定义组件边界，区分组件应做与不应做的功能。文章详细列出组件封装步骤与检查清单，强调类型先行、文档优先的重要性，并提供BaseSelect(Vue3+TS)组件实现示例，展示受控值处理、性能优化和插槽扩展等最佳实践。最后通过虚拟滚动实现示例，说明可复用的性能优化技
2025-11-19 10:14:16
573
原创 【AI】提示词入门基础篇指南
提示词：AI沟通的关键协议 提示词是与AI模型交流的核心工具，直接影响输出质量。Cursor作为代码助手，其提示词需包含五大要素： 角色定义（可选但专业场景有益） 清晰任务描述（明确目标与方法） 精准上下文（技术栈、项目结构、相关代码） 约束条件（避免无效输出） 参考示例（提供风格模板） 高质量提示词能显著提升首次生成准确率（从20%提升至90%），减少对话轮数。关键原则：语义越明确、细节越丰富，AI输出越符合预期。Cursor的优势在于自动理解项目上下文，但用户仍需主动提供业务逻辑和性能约束等关键信息。
2025-11-19 10:05:42
601
2
原创 【前端 → java】前端上头爱上了java，从此开始了漫长的学习和追求！
前端开发者学习Java指南 本文为前端开发者提供快速掌握Java开发的对照学习路径。通过核心概念映射表（如JavaScript→Java语法、npm→Maven），帮助理解语言差异。重点介绍Spring Boot开发技巧，包括REST API创建、数据验证和异常处理。提供开发工具链对比（ESLint→Checkstyle）和典型场景代码示例（集合操作、异步处理）。最后给出分阶段学习计划：1-2周掌握Java基础，2-3周学习Spring Boot核心功能。文中包含可立即上手的代码片段，帮助前端开发者平滑过渡
2025-11-18 09:42:33
282
原创 【Vue3】Keep-Alive 深度解析
本文深入解析了Vue3中Keep-Alive组件的用法与实现原理。首先介绍了基本语法、条件缓存、最大缓存数量等常见用法。然后详细剖析了其设计原理，包括缓存机制和特殊生命周期钩子。核心部分通过源码分析Keep-Alive的底层实现，展示了缓存数据结构、VNode缓存策略和LRU淘汰算法等关键实现细节。文章还探讨了VNode缓存策略和组件激活/停用机制，帮助开发者深入理解Keep-Alive的工作原理，为优化Vue应用性能提供技术基础。
2025-11-18 09:41:10
525
原创 【Nginx 】网站优化深度指南
Nginx网站优化指南：性能调优与缓存配置 本文详细介绍了Nginx网站性能优化的核心配置方法，主要包括： 进程优化：自动设置worker进程数、提高文件描述符限制、使用epoll事件模型等技术提升并发处理能力。 缓冲区与传输优化：合理配置各类缓冲区大小，启用sendfile零拷贝技术，优化TCP传输参数。 压缩策略：配置Gzip压缩以减少传输数据量，设置合理的压缩级别和文件类型。 缓存机制： 浏览器缓存：通过expires和Cache-Control控制静态资源缓存 代理缓存：配置反向代理缓存减少后端压力
2025-11-17 09:51:32
716
原创 【Vue3】踩坑点 & 常用技巧大全（Vue3终极详细版）
本文总结了 Vue3 中的常见坑点和使用技巧，主要包括： 响应式系统：详细解析了 ref、reactive、shallowRef 等 API 的区别与适用场景，并指出了响应式丢失的常见陷阱，如解构 reactive 对象、直接替换 reactive 对象等问题。 组合式 API：梳理了 setup 函数的参数与返回值，介绍了 defineProps、defineEmits 等编译宏的使用限制，提醒开发者注意 script setup 语法糖的特殊性。 生命周期：对比了 Vue2 和 Vue3 的生命周期钩子
2025-11-17 09:48:56
1804
原创 【React】19深度解析：掌握新一代React特性
React 19带来了多项重要更新：Actions简化了异步操作处理，useOptimistic实现乐观UI更新，Server Components优化服务端渲染性能。这些改进使代码更简洁、用户体验更流畅。文章通过评论表单、点赞功能等示例，展示了新特性的实际应用和优势，助力开发者提升React开发效率。
2025-11-14 09:24:44
449
1
原创 【畅谈】什么才是拉开前端人的段位界限
前端这行，同样是写代码，为什么有人拿30K，有人拿8K？同样是做项目，为什么有人能搞定复杂业务，有人只会写页面？今天咱们不聊虚的，直接说点实在的。说实话，写这篇文章的时候我也在反思，自己到底是哪个段位的？算了，不想了，越想越扎心，曹丹的很。但至少咱能总结总结，看看那些牛逼的前端到底牛逼在哪，咱这些菜鸟到底差在哪。
2025-11-14 09:22:04
712
【Java核心技术】基于JVM内存模型与并发编程的Java八股文知识点详解：涵盖反射机制、集合优化及多线程同步方案设计
2025-12-01
哪款AI产品更接近人情？？
2025-11-19
AI几秒，我几时能秒？
2025-11-17
TA创建的收藏夹 TA关注的收藏夹
TA关注的人