分享有趣的、贴近生活的CS知识

工作、业余的总结笔记/研究，自研项目的天马行空。用文章交换你的时间，让思想得以传播、让你获得知识和有趣的阅读体验，这是个双赢的买卖吧！（我不会深夜创作，希望大家身体健康早睡早起）

原创前端架构思考：什么时候适合OOP，什么时候适合FOP-若条件允许灵活选择面向xx编程比梭哈一种或许更好吧

无论是面向对象编程还是面向函数编程，都只是工具，是实现目标的手段。我们应避免陷入教条主义，灵活地根据需求选择适合的方式。当面对真实存在的事物时，面向对象可以很好地抽象和建模；而当面对抽象概念时，面向函数的方式则能帮助我们更加简洁地实现功能。在编程中，合适的时刻选择合适的方式，比盲目追求某一种特定范式更为重要。

2024-11-02 11:35:28 926

原创大模型代码能力体验报告之贪吃蛇小游戏《二》：Claude.ai篇 - 生成、预览和快速部署的serverless一条龙 - 非技术人员的最强前端开发IDE?

Claude.ai与其说是一个代码辅助工作，不如说是一个serverless平台，可以高效的生成和部署组件。支持多框架的预览和部署，功能强悍，并进行共享，希望国内厂商也跟进下吧。

2024-10-29 10:30:00 967

原创前端工程反思笔记：从 CDN 依赖包被删导致个站打不开到数年前因11 行代码导致上千项目崩溃谈谈npm黑洞- 统计下你的项目有多少个依赖吧！

前端项目中的依赖管理问题需要引起更多开发者的重视，我们应该意识到依赖管理中的风险与隐患。减少不必要的依赖、重视模块设计、合理管理版本，是提升前端项目稳定性的重要手段。同时，我们也应当关注开源库的所有权和维护问题，支持那些为社区作出贡献的开发者，让开源生态变得更加健康和可持续。发布包、使用第三方包的时候，好好管理下依赖，不要一股脑的安装，最好选择0运行依赖的开源库。

2024-10-22 15:21:11 968

原创前端大模型入门：实战篇之Vue3+Antdv+transformers+本地模型实现增强搜索

本文将结合之前的文章，实现一个场景的实战应用，项目代码开发。利用纯前端实现增强的列表搜索，抛弃字符串匹配，目标是使用番茄关键字可以搜索到西红柿。

2024-09-29 12:16:53 2310

原创 AI大模型时代的Web前端开发新模式——传统开发 VS AI参与开发

随着人工智能（AI）技术的不断进步，AI大模型正逐渐改变软件开发的方方面面，特别是在Web前端开发领域。从代码生成、智能调试，到自动化测试，AI的应用正在重新定义开发者的工作流程和开发效率。本文将通过对比传统的Web前端开发模式与AI参与开发的全新模式，探讨AI如何重塑Web前端开发的各个环节，以及它为开发者带来的挑战与机遇。

2024-11-14 15:40:46 434

原创前端神经网络入门（三）：深度学习与机器学习的关系、区别及核心理论支撑 - 以Brain.js示例

随着人工智能的迅速发展，深度学习已经成为了机器学习领域中备受关注的分支。传统上，深度学习在后端和数据中心的高性能计算环境中广泛应用，但随着JavaScript和Web技术的进步，现在前端开发者也可以借助工具如Brain.js进行深度学习开发。本文将带你初步了解深度学习与机器学习的关系与区别，探讨其核心理论支撑，并通过Brain.js进行简单的实例演示。二：如何利用 WebGPU 进行数值计算，实现大规模数据的计算加速？一：详细介绍和对比不同的实现 - CNN、RNN、DNN、FFNN。

2024-11-13 14:30:00 802

原创前端神经网络入门（二）：如何利用 WebGPU 进行数值计算，实现大规模数据的计算加速？- 边读边按下F12跑代码吧

WebGPU为前端带来了利用 GPU 进行高性能计算的可能性，使得 JavaScript 不再局限于处理简单的 UI 和业务逻辑，而是能够执行更复杂的数值计算和大规模数据处理任务。与传统的 JavaScript 计算方式相比，WebGPU 在大规模并行任务（如矩阵运算、图像处理和机器学习）上提供了显著的性能提升。通过本文的示例代码，开发者可以初步了解如何使用 WebGPU 进行数值计算，将大规模计算任务从后端转移到前端，不仅能提高应用的响应速度，还能保护用户数据隐私。

2024-11-12 11:03:50 907

原创前端神经网络入门：Brain.js - 详细介绍和对比不同的实现 - CNN、RNN、DNN、FFNN -无需准备环境打开浏览器即可测试运行-支持WebGPU加速

Brain.js是一个轻量级的 JavaScript 库，非常适合初学者了解和实践神经网络的基础概念。在 Brain.js 中，你可以通过几行代码来实现前馈神经网络（FFNN）、深度神经网络（DNN）和循环神经网络（RNN），以解决不同类型的任务。FFNN 和 DNN：适合分类和回归任务，在 Brain.js 中非常容易实现，适合基础的应用和学习。RNN：通过 Brain.js 的 LSTM，可以处理简单的文本序列任务，非常适合初步了解时间序列建模的开发者。CNN。

2024-11-11 10:09:22 1225

原创 2025年前端能否抵挡住AI浪潮的正式冲击 - 是否前端已死？我们又该何去何从

这种全能的需求在过去是无法想象的，而现在借助AI的支持，这似乎成了一条可行的道路。近年来，前端开发领域发生了剧烈的变化，特别是随着人工智能（AI）技术的飞速发展，"前端已死"的论调不断出现，激起了无数前端开发者的思考。例如，现在许多公司对前端开发者的要求不再局限于精通前端框架，还希望他们了解后端API的设计和集成，具备一定的数据库知识，甚至能够参与用户体验的设计和产品获客的策略制定。以前，前端开发的重点在于界面的设计和用户交互的实现，而现在，前端角色的定义已经逐渐扩展，逐步向更加多元化、全能化方向发展。

2024-11-10 10:17:58 1331

原创 2025年入门深度学习或人工智能，该学PyTorch还是TensorFlow？

随着2025应用人工智能和深度学习技术的举世泛气，还在迷茫于该选择哪个深度学习框架吗？PyTorch和TensorFlow是并立于深度学习世界两座巨塔，但是越来越多人发现，在2025年，PyTorch似乎比TensorFlow更为流行和被接受。下面我来分析一下这两个深度学习框架的发展历史，应用差异和现状，以及这些应用应该如何影响你的选择。

2024-11-08 09:35:33 1470

原创大模型时代的思考：你是否在被反向“驯化”? 大多数人都要小心陷入ChatLLMs构建的蜜糖陷阱 -基于人类反馈的强化学习不可避免的结果-文字+想象=真实?

大模型时代的来临为我们提供了前所未有的便利，但也伴随着新的挑战和风险。我们需要警惕依赖大模型所带来的"蜜糖陷阱"，保持独立的思考与批判性的判断，让大模型真正为人类服务，而不是让我们被其驯化。未来，我们需要不断探讨如何更好地与AI共存，找到人类与AI的最佳协作方式，让AI成为推动人类进步的工具，而非限制人类思维的枷锁。通过合理的治理和有意识的学习，我们可以在AI的辅助下走得更远，同时保持对世界的独立思考与探索。

2024-11-06 10:13:41 1101

原创即时可玩web小游戏（二）：打砖块（支持移动端版） - 集成InsCode快来阅读并即时体验吧~

通过阅读本文，相信你不只是成功摸鱼（运行了前面的代码），还通过阅读代码解析，看到了HTML5 Canvas的强大绘图能力与JavaScript结合可实现流畅的动画和交互功能。游戏的核心流程了解的差不多了，记得实践下哈~

2024-11-05 09:43:16 1310

原创鸿蒙OS带来前端的机遇：ArkTS与Typescript+ArkUI与SwiftUI的简单对比你就知道了

随着鸿蒙系统的不断发展，它已逐渐成为智能设备领域的第三大操作系统，与安卓和iOS形成三足鼎立之势。鸿蒙系统不仅在智能手机领域崭露头角，其在智能穿戴、车载、家居等领域的应用也在不断扩展。对于开发者而言，鸿蒙生态的崛起不仅带来了巨大的机遇，也带来了一些挑战。本文将从开发者的角度探讨鸿蒙OS带给web前端的机遇。

2024-11-04 09:33:44 1192

原创即时可玩web小游戏（一）：俄罗斯方块 - 集成InsCode快来阅读并即时体验吧~

这是一个使用纯HTML、CSS和JavaScript实现的经典俄罗斯方块游戏。游戏完整实现了俄罗斯方块的核心玩法，包括方块移动、旋转、消行、计分等功能，并加入了暂停功能来提升游戏体验。[[1,1,1,1]], // I形[[1,1,1],[0,1,0]], // T形[[1,1,1],[1,0,0]], // L形[[1,1,1],[0,0,1]], // J形[[1,1],[1,1]], // O形[[0,1,1],[1,1,0]], // S形[[1,1,0],[0,1,1]] // Z形。

2024-11-01 18:17:21 1193

原创前端的全栈Deno篇（五）：与前端保持一致的模块化方案，摆脱ERR_REQUIRE_ESM和mjs、cjs等模块混乱带来的心智负担

Node.js的模块化系统在历史上经历了从CommonJS到ESM的演变，但这种演变带来的兼容性问题和复杂的文件扩展名规则，给开发者带来了很多困扰。而Deno通过采用统一的ESM模块化方案，严格遵循Web标准，彻底解决了这些问题。Deno的2.0版本更是通过deno.json等配置进一步提升了开发者的体验。对于前端和全栈开发者来说，Deno提供了一种现代化、简洁而统一的开发体验，不再需要为模块化的复杂性而烦恼。它让开发者能够更加专注于代码本身，而不是被各种历史遗留的模块化问题所困扰。

2024-11-01 12:15:35 1299

原创大模型代码能力体验报告之贪吃蛇小游戏《一》：OpenAI-Canvas-4o篇 - 功能简洁的文本编辑器外一点提示词语法糖功能

OpenAI的Canvas添加了一些提示词语法糖的功能，表现还可以，但缺少直接预览等功能，适合一般使用，但对完全的新人肯定不太好的，毕竟缺少可见即可的效果。

2024-10-28 15:01:33 385

原创大模型进阶微调篇（三）：在个人电脑上微调GPT2大模型实战

GPT-2 是由 OpenAI 开发的生成式预训练 Transformer的第二代版本，拥有 1.5 亿参数，具备了生成高质量自然语言的能力，非常适合个人使用，本文就在一台集显设备上对齐进行了微调实验，希望大家跟着练习掌握微调的原理，以便继续后面的深入学习

2024-10-25 14:49:49 1007

原创大模型进阶微调篇（二）：基于人类反馈的强化学习RLHF原理、优点介绍，但需要警惕LLMs的拍马屁行为

利用人类偏好反馈可以有效地训练复杂的深度强化学习模型，且在某些任务上甚至能超过传统RL算法的效果。未来的研究可能会进一步提高反馈利用的效率，并探索更多没有明确奖励信号的实际应用场景。但是也需要警惕风险，不要轻易让大模型帮忙做决策，除非明确指出了要求其两面性的分析。

2024-10-24 14:39:54 1029

原创如何踏上编程界的紫荆之巅？写给刚毕业大学生的入门攻略

从编程小白成长为大神，是一个不断积累、不断突破的过程。掌握编程语言的特性、良好的编码习惯、计算机网络与操作系统知识、算法与数据结构、编程思维、项目实践，最后是持续学习的热情，这些都是你在编程道路上不可或缺的能力。希望这份入门攻略能为你的编程之路提供一些指引。只要你愿意投入时间和精力，保持热情与好奇心，相信你也能从编程小白成长为大神！加油！最后，希望不要内卷，为了身体，为了头发！ヽ(￣ω￣(￣ω￣〃)ゝ按时上下班，早睡早起。

2024-10-23 15:07:50 747

原创前端全栈混合之路Deno篇（四）：Deno 2.0 如何快速创建 WebSocket 服务端应用 + 客户端应用 - 我称之为最佳的Websocket全栈实时应用javascript运行时

Deno2.0至少是目前最佳的Websocket全栈应用js运行时，本文就介绍下如何用它快速构建Websocket应用：服务端应用+客户端应用，并于Nodejs进行对比下-突出下其简洁性和一致性

2024-10-21 15:05:47 1014

原创前端全栈混合之路Deno篇：Deno2.0如何快速创建http一个 restfulapi/静态文件托管应用及oak框架介绍

前面的内容介绍deno的基础，这篇文件主要讲如何利用deno快速创建http服务端应用，包括两个场景：restful接口、静态文件托管

2024-10-21 12:09:47 1140

原创前端优化：从Vue/React/Svelte的数组更新-＞渲染策略剖析数组大列表数据展示优化策略

Vue、React 和 Svelte 各有优势：Vue 的响应式系统简化开发，React 利用虚拟 DOM 提供高效更新，Svelte 通过编译时优化提升性能，Web Components 则提供原生封装与复用，本文对比下各种方式大列表渲染、更新时的策略，谈谈大数据列表的优化策略和方案

2024-10-20 21:07:38 1444

原创实践笔记 - 微服务架构下RESTful风格api之我为何抛弃了路由参数

抛弃动态路由参数，改为固定路径的设计，可以简化微服务 API 的实现，提高安全性和可维护性，并更好地与其他系统进行对接。在微服务架构下，API 的清晰简洁显得尤为重要，而固定路径的设计理念则提供了一种更加一致和直观的方式来构建 RESTful API。这种设计不仅提高了系统的安全性，还使得 API 的管理和维护变得更加高效。同时，固定路径的结构使得开发者能够更加专注于业务逻辑的实现，而不是在复杂的路径匹配和解析上浪费精力。因此，在考虑到微服务架构的扩展性和可维护性时，固定路径的设计显得尤为合适。

2024-10-18 19:56:36 1002

原创大模型进阶微调篇（一）：以定制化3B模型为例，各种微调方法对比-选LoRA还是PPO，所需显存内存资源为多少？

如果你想要快速、高效地对模型进行微调，且用户反馈较为简单（例如只选择最佳答案），LoRA是一个不错的选择。如果你需要在复杂的交互环境中不断优化模型性能，且用户能够提供详细的反馈（如评分），那么PPO是更合适的选择。当数据规模较小时，LoRA 更加高效；而在数据规模较大时，PPO 更能发挥其优势。根据数据规模（1k-10k、10k-50k、50k+），选择合适的微调方法可以最大化地提高模型的性能和训练效率。

2024-10-18 15:46:59 1115

原创国产大模型基础能力大比拼 - 计数：通义千文 vs 文心一言 vs 智谱 vs 讯飞-正经应用场景的 LLM 逻辑测试

在这次测试中，GPTo1-mini、文心一言3.5、讯飞4.0Ultra成功通过了第一轮测试，而GPT4o、智谱GLM-4、通义千文2.5则在经过 COT 提示后取得了正确答案。这说明大多数大模型在面临逻辑推理和计数任务时，借助 COT 提示能够显著提高其正确率。链式推理提示可以让模型逐步分析问题，从而减少犯错的概率。唯一的失败者是讯飞4.0-Lite，即使在提示下也未能改善其答案，这反映了其在推理链方面的不足。这表明该模型在面对需要复杂推理的任务时，仍有待提高，这可能需要进一步的算法优化和训练改进。

2024-10-17 17:47:27 1352

原创前端全栈混合之路Deno篇：几行代码打包后接近100M？别慌，带你掌握Deno2.0的安装到项目构建全流程、剖析构建物并了解其好处

今天打包Deno发现构建物接近100M，为什么会这么大呢？当我深入了解后，发现这很合理。从此运维负担大大减轻了，部署不再需要node/docker

2024-10-17 11:43:17 1148

原创前端全栈混合之路Deno篇：Deno 2.0 的权限系统详解和多种权限配置权限声明方式 -一次性搞懂和学会用

Deno 使用了“显式权限”模型，默认情况下，所有对文件系统、网络和环境变量等关键资源的访问都被禁止，开发者需要通过命令行参数或特定 API 明确授予这些权限。本文将介绍权限的种类，以及几种配置权限的方法，一次帮你搞懂它并学会用

2024-10-16 15:49:28 998

原创微前端架构的思考：专注于多框架的并存可能并不是唯一的方向 — 探讨新前端的分层式微前端架构

传统的微前端架构通过技术栈的分离解决了大型前端项目中多团队、多框架共存的难题，但在面对复杂业务逻辑、高交互性需求的现代🌐Web应用中，显得越来越力不从心。分层式微前端架构通过展示层与业务层的解耦以及基于功能模块的横向拆分，更好地应对现代前端的复杂需求。未来的前端架构将通过更加细致的功能模块拆分和灵活的业务逻辑分发，构建高性能、高扩展性、易维护的系统。这一思路不仅适用于传统🌐Web应用，也适用于更复杂的交互场景，如📹音视频处理、🤖AI集成和大规模实时数据交互。

2024-10-16 10:02:46 1186

原创 ChatGPT01-preivew体验报告：内置思维链和多个llm组合出的COT有啥区别呢？丹田与练气+中学生物理奥赛题测试，名不虚传还是名副其实？

o1的知识面之广、推理之快速，是我敬佩的，在它帮助下，考上清北最好的专业应该不成问题。本文中我就测试了两个跨度比较大的问题，而且是很难搜索到正确答案的问题，如果你有更难却能够很好表述的问题，欢迎留言

2024-10-15 14:37:15 1360

原创前端全栈混合之路Deno篇：Deno2.0与Bun对比，谁更胜一筹？它们分别适合怎样的项目，谁更适合前端转全栈？

在前端全栈开发中，工具的不断演变让开发者们始终在寻找更高效、更现代化的解决方案。Deno2.0的近期的发布让它在性能和兼容性方面大幅提升，而Bun则凭借其高效的运行速度和友好的开发体验获得了广泛关注。那么，Deno 2.0和Bun到底谁更胜一筹？本文将对这两个工具进行理性对比，并探讨各自的优势与适用场景。

2024-10-15 09:20:56 1975

原创 JS异步编程进阶（二）：rxjs与Vue、React、Angular框架集成及跨框架状态管理实现原理

在现代前端开发中，异步操作已经成为不可或缺的一部分。RxJS作为功能强大的异步编程库，广泛应用于多个框架之中。然而，不同框架之间对状态管理的机制存在差异，本文将深入探讨如何将RxJS与Vue、React、Angular框架进行集成

2024-10-14 15:16:38 1318

原创 JS异步编程进阶（一）：Callback、Promise、Async/Await 和 Observable 深度对比

Callback ,Promise,Async/Await 是场景的异步流程实现方式，简单的场景下够用，但如果业务过于复杂，你可能需要一种新的模式来简化复杂的流程了。例如需要后台持续执行、非一次性完成、有很多个中间处理过程的场景

2024-10-14 09:34:02 1130

原创前端的AI工具：ChatGPT Canvas与Claude Artifacts对比 -仅仅是OpenAI一个迟来的追赶吗？- 贺星舰五飞试验成功

Canvas是OpenAI ChatGPT平台的扩展功能，它和claude.ai的功能很类似，是一次“弯道超车"还是”抄袭“?

2024-10-13 20:55:07 1342

原创 ToB项目身份认证AD集成（完）：利用ldap.js实现与windows AD对接实现用户搜索、认证、密码修改等功能 - 以及针对中文转义问题的补丁方法介绍

作为ToB项目身份认证的完结篇，带你掌握如何利用ldapjs库与 Windows AD 进行交互。并且介绍了cn带中文时会遇到的错误及应对的补丁方法，附带生产可用的完整服务类代码

2024-10-12 15:01:06 1273

原创《拿下奇怪的前端报错》：1比特丢失导致的音视频播放时长无限增长-浅析http分片传输核心和一个坑点

开发时遇到个很奇怪的问题：音视频播放时长变成无限。最终发现是缺少了一个比特，原因是content-range的起始位置，都是包含的，这个反通用模式的坑不知道你踩到过没有呢

2024-10-11 18:04:17 1424

原创 2024诺贝尔物理学奖颁发给机器学习和神经网络，意料之外？情理之中-算力提升促进物理学进入新时代

2024年的诺贝尔物理学奖颁发给了计算机科学领域的研究人员,这一结果不仅出乎许多人的意料,甚至引发了部分争议。物理学的最高奖项怎么会授予计算机领域的研究者呢?看似离谱,但细思极恐,这一奖项的背后,实际上展示了学科交叉的重要性以及算力提升对物理学研究的革命性影响。本文将深入探讨这一看似意外却又合理的决定背后的原因,以及它对未来科学研究的深远影响。

2024-10-11 10:26:25 1073

原创前端大模型入门：Langchain的不同文本分割器对比和效果展示-教你根据场景选出最合适的方式

在前端开发大模型应用的时候，处理和分割文本是常见需求，毕竟现在的大模型输入输出都有限-嵌入等也是有token限制的，合理的文本分割能显著提高模型的表现。本文从原理、优缺点和适用场景等多个维度进行分析，帮助你选出最合适当前续期的文本分割器。

2024-10-10 15:33:11 1111

原创端侧大模型应用：如何在资源受限例如1核和1G内存的设备上运行一个合适的向量存储库及如何优化

在资源受限的1核1G内存设备上运行向量存储库是一项挑战，但通过选择合适的工具和采取适当的优化策略，我们可以实现高效的向量存储和检索。端侧一般是用来实时收集数据的，如果能够本地过滤、总结、筛选等处理是能够很大程度上减少成本的，尤其是运动的设备上（会时不时进入网络很差或者没网络的区域）。未来，我们可以期待看到更多专为这类场景优化的算法和工具的出现，以及硬件技术的进步带来的新可能性。在实际应用中，建议根据具体的使用场景、数据特征和性能需求，选择最适合的解决方案，并通过持续的测试和优化来达到最佳效果。

2024-10-10 11:00:30 1168