程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
JavaScript设计模式:适配器模式
编程
JavaScript设计模式:适配器模式
2024-11-18 17:51:43 +0800 CST
view 1562
适配器模式是一种结构设计模式,通过创建适配器解决不同模块之间接口不兼容的问题。它包含目标接口、被适配者和适配器,允许不兼容的类协同工作。适配器模式的优点包括兼容性、灵活性和复用性,但也可能增加系统复杂性。Axios是适配器模式的经典应用,能够在不同环境中使用统一的API接口,简化请求机制。
设计模式
软件开发
JavaScript
不止 `console.log`!5 个高效调试技巧,让你秒变前端排错高手
编程
不止 `console.log`!5 个高效调试技巧,让你秒变前端排错高手
2025-08-16 08:36:18 +0800 CST
view 1012
本文分享了5个高效的前端调试技巧,帮助开发者提升调试效率。包括使用`debugger`进行精准断点调试,利用`console`家族的高级用法如`console.table`和`console.trace`,启用SourceMap以便在生产环境中调试,以及异步调试的技巧和性能内存调试工具的使用。掌握这些技巧能更快定位问题。
前端开发
调试技巧
JavaScript
当 AI 用 6 天重构了互联网的 JavaScript 运行时:Bun 的 Zig → Rust 迁移完整复盘
编程
当 AI 用 6 天重构了互联网的 JavaScript 运行时:Bun 的 Zig → Rust 迁移完整复盘
2026-07-01 16:45:22 +0800 CST
view 18
2026年5月,Bun在6天内由Claude Code完成了96万行代码从Zig到Rust的迁移。本文深度复盘技术内幕:多Agent协作流水线、99.8%测试通过率的真正含义、13000个unsafe代码块背后的安全真相,以及AI编程时代代码信任体系的建立。
Bun
Rust
Zig
AI编程
Claude Code
代码迁移
内存安全
unsafe
JavaScript运行时
编程工具
Vue3项目中使用Chart.js库实现数据图表的可视化展示
编程
Vue3项目中使用Chart.js库实现数据图表的可视化展示
2024-11-18 19:22:59 +0800 CST
view 1696
本篇博客介绍了如何在Vue3项目中使用Chart.js库实现数据图表的可视化展示。通过简单的步骤,创建自定义的图表组件,使用setup语法糖,展示了柱状图和折线图的实现方式。开发者可以根据需求灵活选择图表类型和数据配置,提升用户体验并支持产品决策。
前端开发
数据可视化
JavaScript
Vue
图表库
JavaScript设计模式:单例模式
编程
JavaScript设计模式:单例模式
2024-11-18 10:57:41 +0800 CST
view 1363
单例模式是一种对象创建型设计模式,确保一个类只有一个实例,并提供全局访问点。它适用于管理共享资源,如配置文件和数据库连接。单例模式的优点包括资源节约和数据一致性,但也可能导致全局状态难以管理和扩展性受限。在JavaScript中,jQuery和Pinia展示了单例模式的应用。
设计模式
JavaScript
编程
JavaScript设计模式:发布订阅模式
编程
JavaScript设计模式:发布订阅模式
2024-11-18 01:52:39 +0800 CST
view 1375
发布订阅模式是一种对象间通信机制,发布者通过消息中间件向多个订阅者发送消息,二者不直接相互了解。该模式包含发布者、订阅者和中介等组件,具有解耦、扩展性和灵活性等优点,但也存在消息顺序和性能问题。广泛应用于物联网、事件总线和Vue响应式系统等场景。
设计模式
JavaScript
编程
闭包的双刃剑:JavaScript 最强大却最容易踩坑的特性
编程
闭包的双刃剑:JavaScript 最强大却最容易踩坑的特性
2025-08-16 08:44:26 +0800 CST
view 978
闭包是JavaScript中强大的特性,允许函数访问其定义时的词法环境。尽管它提供了数据封装和模块化等高级编程技巧,但也可能导致内存泄漏、意外的变量共享和副作用。本文探讨了闭包的常见陷阱及其解决方案,包括解除引用、使用let、IIFE和设计明确的接口等方法,以帮助开发者正确使用闭包,避免潜在问题。
JavaScript
编程技巧
软件开发
TypeScript 7.0 Beta 深度实战:从 C++ 到 Go 重写——10倍性能提升的编译器革命完全指南
编程
TypeScript 7.0 Beta 深度实战:从 C++ 到 Go 重写——10倍性能提升的编译器革命完全指南
2026-05-25 00:53:25 +0800 CST
view 357
TypeScript 7.0 Beta重磅发布:编译器从C++重写为Go,性能提升10倍。深度剖析架构变革、并行类型检查、共享内存模型,附带完整迁移指南和性能基准测试。
TypeScript
Go
编译器
性能优化
前端工程化
JavaScript设计模式:观察者模式
编程
JavaScript设计模式:观察者模式
2024-11-19 05:37:50 +0800 CST
view 1425
观察者模式是一种行为设计模式,定义了一对多的依赖关系,使得一个对象的状态变化时,所有依赖者都会得到通知并自动更新。模式包含观察目标和观察者,适用于事件驱动场景,如MVC架构和DOM事件监听。优点包括解耦和灵活性,但也可能导致性能消耗和循环依赖。该模式在许多框架和库中被广泛应用。
设计模式
软件开发
JavaScript
万字深度解析 Deno 2.9:当 TypeScript 运行时成为全能开发平台——从桌面应用到供应链安全的完整技术指南(2026)
编程
万字深度解析 Deno 2.9:当 TypeScript 运行时成为全能开发平台——从桌面应用到供应链安全的完整技术指南(2026)
2026-07-01 18:16:46 +0800 CST
view 24
2026年6月25日Deno发布v2.9,引入deno desktop桌面应用构建、冷启动2倍提速、内存3.1x降耗、Node.js兼容性76.4%跃升、供应链安全默认启用等重磅特性。本文万字深度解析从架构设计到代码实战的完整技术指南。
Deno
TypeScript
桌面应用
供应链安全
Node.js
性能优化
Web Locks API
deno desktop
代码
一个登录注册界面的HTML结构和样式
2024-11-17 20:33:23 +0800 CST
view 1604
该文本描述了一个登录注册界面的HTML结构和样式。界面包括登录和注册两个部分,用户可以输入邮箱和密码进行登录或注册。界面设计使用了CSS进行样式设置,并通过JavaScript实现了登录和注册之间的切换功能。整体布局采用了Flexbox,确保了良好的响应式设计。
前端开发
网页设计
用户界面
HTML
CSS
JavaScript
Vercel AI SDK 深度实战:从 SSE 流式处理到全栈 AI 应用——2026 年构建下一代 AI 应用完全指南
编程
Vercel AI SDK 深度实战:从 SSE 流式处理到全栈 AI 应用——2026 年构建下一代 AI 应用完全指南
2026-05-25 01:52:13 +0800 CST
view 504
深度解析 Vercel AI SDK 的技术架构与实战应用,从 SSE 流式处理到全栈 AI 应用开发,涵盖类型安全、性能优化、工具调用与 Agent 编排等核心主题。
Vercel AI SDK
SSE 流式处理
AI 应用开发
TypeScript
全栈开发
JavaScript设计模式:组合模式
编程
JavaScript设计模式:组合模式
2024-11-18 11:14:46 +0800 CST
view 1504
组合模式是一种对象结构型设计模式,允许将对象组合成树形结构以表示部分-整体的层次关系。它包括抽象类Component、叶节点Leaf和容器节点Composite,客户端通过Component接口与组合结构交互。该模式适用于树形结构和层次结构的统一操作,具有易于扩展和递归操作的优点,但也存在类型限制和复杂性增加的问题。
设计模式
JavaScript
编程
软件工程
树形结构
编程
HTMX:用HTML属性实现AJAX、CSS过渡和WebSockets
2024-11-18 22:44:08 +0800 CST
view 1644
htmx是一个轻量级的JavaScript库,允许开发者通过简单的HTML属性实现复杂的交互功能,如AJAX、CSS过渡和WebSockets。它无需外部依赖,易于集成,适用于动态表单提交、实时数据更新和单页应用开发等场景。htmx通过简洁的接口和现代Web标准支持,优化了开发效率和应用性能,是现代Web开发的高效工具。
Web开发
JavaScript
前端框架
用户体验
技术工具
JavaScript设计模式:装饰器模式
编程
JavaScript设计模式:装饰器模式
2024-11-19 06:05:51 +0800 CST
view 1467
装饰器模式是一种结构型设计模式,允许在不修改对象本身的情况下动态地为其增加新功能。通过创建包装对象,装饰器模式实现了对象功能的扩展。该模式的核心组件包括抽象组件、具体组件、抽象装饰者和具体装饰者。它在多个领域有广泛应用,如Axios拦截器、React高阶组件和TypeScript装饰器,提供了灵活且优雅的解决方案。
设计模式
JavaScript
编程
软件工程
前端开发
Bun 1.3.14 深度实战:当 JavaScript 运行时学会「图像处理」——从内置图片 API 到 HTTP/3 的全能进化之路(2026)
编程
Bun 1.3.14 深度实战:当 JavaScript 运行时学会「图像处理」——从内置图片 API 到 HTTP/3 的全能进化之路(2026)
2026-06-13 11:16:35 +0800 CST
view 477
Bun 1.3.14 深度剖析:Bun.Image 内置图片处理、Global Virtual Store 7倍加速CI安装、HTTP/3 QUIC支持、HTTP/2客户端多路复用、fs.watch重写等核心特性的完整实战指南
Bun
JavaScript
HTTP/3
Web开发
运行时
JavaScript中如何从外部解决Promise,特别是在需要等待一个异步操作完成后再执行另一个操作的场景
编程
JavaScript中如何从外部解决Promise,特别是在需要等待一个异步操作完成后再执行另一个操作的场景
2024-11-19 02:17:31 +0800 CST
view 1503
本文探讨了在JavaScript中如何从外部解决Promise,特别是在需要等待一个异步操作完成后再执行另一个操作的场景。通过示例代码,展示了如何使用Deferred类简化Promise的管理,并将事件流转换为Promise,以提高代码的灵活性和清晰度。
JavaScript
编程
异步编程
前端必备!用请求队列轻松控制批量请求,告别浏览器卡死与服务器崩溃
编程
前端必备!用请求队列轻松控制批量请求,告别浏览器卡死与服务器崩溃
2025-08-16 09:14:37 +0800 CST
view 1141
本文介绍了如何使用请求队列来控制前端的批量请求,避免浏览器卡顿和服务器崩溃。通过实现一个简单的RequestPool类,限制并发请求数量,确保请求按顺序执行,从而提高应用的稳定性和用户体验。提供了代码示例和使用方法,适用于各种前端场景。
前端开发
性能优化
JavaScript
万字深度解析 MinerU:当文档解析遇见「视觉语言模型」——从 PDF 到结构化 Markdown 的端到端工程化实践(2026)
编程
万字深度解析 MinerU:当文档解析遇见「视觉语言模型」——从 PDF 到结构化 Markdown 的端到端工程化实践(2026)
2026-07-02 01:13:03 +0800 CST
view 21
深度解析MinerU开源项目:72.3K GitHub Star的文档解析引擎,VLM+OCR双引擎,1.2B参数达到95.69分(OmniDocBench),支持PDF/DOCX/PPTX/XLSX解析,原生集成LangChain/Dify/RAGFlow等六大框架,含15+可运行代码示例。
MinerU
PDF解析
文档解析
RAG
LLM
VLM
OCR
LangChain
Dify
MCP
Bun.js 的 Rust 重生:6天、96万行代码、Claude Code 亲手重写自己——AI 时代的软件工程范式转移(2026完全指南)
编程
Bun.js 的 Rust 重生:6天、96万行代码、Claude Code 亲手重写自己——AI 时代的软件工程范式转移(2026完全指南)
2026-06-26 04:13:40 +0800 CST
view 90
2026年5月,Bun.js用Claude Code在6天内从Zig重写成Rust,涉及96万行代码。本文深度解析技术细节、架构决策、性能对比,以及AI时代软件工程新范式。
Bun
Rust
JavaScript运行时
AI辅助开发
Claude Code
Zig
编程
axios 源码解析:十分钟带你实现一个 mini-axios
2024-11-18 22:27:47 +0800 CST
view 1601
本文介绍了如何在十分钟内实现一个精简版的axios,涵盖了准备测试环境、核心请求构建、多宿主环境适配、拦截器实现和请求取消功能。通过示例代码,读者可以快速理解axios的内部原理,并在项目中灵活应用。
JavaScript
网络请求
前端开发
Vue3实现一个个性化的动态表单生成器
编程
Vue3实现一个个性化的动态表单生成器
2024-11-17 18:43:57 +0800 CST
view 1760
本文介绍了如何使用Vue3实现一个个性化的动态表单生成器。通过配置对象定义表单字段,支持动态变化和验证功能。示例代码展示了如何创建项目、配置表单字段、处理用户输入和验证。使用Vue3的CompositionAPI,使得逻辑复用和维护更加简单,开发者可以根据需求自定义表单字段,扩展新的字段类型与验证规则。
前端开发
Vue.js
动态表单
用户体验
JavaScript
Vue3的组合式API创建一个简单的购物车应用。通过逐步构建项目结构、状态管理和组件,展示了如何实现购物车的添加和移除功能,以及计算总商品数和总价格
编程
Vue3的组合式API创建一个简单的购物车应用。通过逐步构建项目结构、状态管理和组件,展示了如何实现购物车的添加和移除功能,以及计算总商品数和总价格
2024-11-19 03:48:35 +0800 CST
view 1724
本文介绍了如何使用Vue3的组合式API创建一个简单的购物车应用。通过逐步构建项目结构、状态管理和组件,展示了如何实现购物车的添加和移除功能,以及计算总商品数和总价格。最后整合所有组件,形成一个完整的购物车示例,提供了扩展功能的基础。
前端开发
Vue
JavaScript
应用开发
状态管理
拼音搜索神器 pinyin-match:让中文搜索支持拼音模糊匹配
编程
拼音搜索神器 pinyin-match:让中文搜索支持拼音模糊匹配
2025-08-19 15:24:35 +0800 CST
view 1693
pinyin-match是一个轻量级的JavaScript库,支持中文拼音模糊搜索,包括全拼、首字母、模糊和混合输入。它能提升用户体验,适用于电商、通讯录和全局搜索等场景。库的核心算法通过分词匹配和中文转拼音实现智能匹配,支持高亮显示匹配位置,适合各种中文搜索需求。
搜索
编程
JavaScript
中文处理
用户体验
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
39
40
41
42
43
...
49
下一页