程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
编程
axios 源码解析:十分钟带你实现一个 mini-axios
2024-11-18 22:27:47 +0800 CST
view 1685
本文介绍了如何在十分钟内实现一个精简版的axios,涵盖了准备测试环境、核心请求构建、多宿主环境适配、拦截器实现和请求取消功能。通过示例代码,读者可以快速理解axios的内部原理,并在项目中灵活应用。
JavaScript
网络请求
前端开发
万字深度解析 ArrowJS 1.0:Agent 时代首个 UI 框架——5KB 核心运行时、WASM 沙箱、完整源码分析(2026)
编程
万字深度解析 ArrowJS 1.0:Agent 时代首个 UI 框架——5KB 核心运行时、WASM 沙箱、完整源码分析(2026)
2026-07-02 01:46:41 +0800 CST
view 372
深度解析 ArrowJS 1.0——Agent 时代首个 UI 框架,5KB 核心运行时,三个函数搞定响应式,WASM 沙箱安全执行 Agent 代码。含完整源码分析、性能 Benchmark、生产级示例代码。
ArrowJS
AI Agent
UI框架
JavaScript
响应式
WASM
QuickJS
Vue3实现一个个性化的动态表单生成器
编程
Vue3实现一个个性化的动态表单生成器
2024-11-17 18:43:57 +0800 CST
view 1878
本文介绍了如何使用Vue3实现一个个性化的动态表单生成器。通过配置对象定义表单字段,支持动态变化和验证功能。示例代码展示了如何创建项目、配置表单字段、处理用户输入和验证。使用Vue3的CompositionAPI,使得逻辑复用和维护更加简单,开发者可以根据需求自定义表单字段,扩展新的字段类型与验证规则。
前端开发
Vue.js
动态表单
用户体验
JavaScript
Vue3的组合式API创建一个简单的购物车应用。通过逐步构建项目结构、状态管理和组件,展示了如何实现购物车的添加和移除功能,以及计算总商品数和总价格
编程
Vue3的组合式API创建一个简单的购物车应用。通过逐步构建项目结构、状态管理和组件,展示了如何实现购物车的添加和移除功能,以及计算总商品数和总价格
2024-11-19 03:48:35 +0800 CST
view 1820
本文介绍了如何使用Vue3的组合式API创建一个简单的购物车应用。通过逐步构建项目结构、状态管理和组件,展示了如何实现购物车的添加和移除功能,以及计算总商品数和总价格。最后整合所有组件,形成一个完整的购物车示例,提供了扩展功能的基础。
前端开发
Vue
JavaScript
应用开发
状态管理
拼音搜索神器 pinyin-match:让中文搜索支持拼音模糊匹配
编程
拼音搜索神器 pinyin-match:让中文搜索支持拼音模糊匹配
2025-08-19 15:24:35 +0800 CST
view 1875
pinyin-match是一个轻量级的JavaScript库,支持中文拼音模糊搜索,包括全拼、首字母、模糊和混合输入。它能提升用户体验,适用于电商、通讯录和全局搜索等场景。库的核心算法通过分词匹配和中文转拼音实现智能匹配,支持高亮显示匹配位置,适合各种中文搜索需求。
搜索
编程
JavaScript
中文处理
用户体验
编程
如何用原生 JavaScript 检测 DOM 是否已加载完成?
2024-11-18 13:01:16 +0800 CST
view 1588
本文介绍了如何使用原生JavaScript检测网页的DOM是否已加载完成。通过监听`DOMContentLoaded`和`load`事件,以及检查`document.readyState`属性,开发者可以判断DOM的加载状态。这对于确保在DOM完全加载后执行初始化操作非常重要,能够提高代码的稳定性和性能。
前端开发
JavaScript
DOM操作
利用图片实现网站的加载速度
编程
利用图片实现网站的加载速度
2024-11-18 12:29:31 +0800 CST
view 1396
这段代码通过创建并加载隐藏的图片来检测多个外部链接的加载时间,并将其显示在页面上。代码使用JavaScript动态创建`img`元素,捕获加载事件以计算时间,并在页面上显示。优化建议包括使用`Date.now()`进行准确计时,避免内联样式和事件绑定,处理加载成功和失败的情况,以提高代码的性能和可读性。
网页性能
前端开发
JavaScript编程
前端
55个常用的JavaScript代码段
编程
55个常用的JavaScript代码段
2024-11-18 22:38:45 +0800 CST
view 1790
本文列出了55个常用的JavaScript代码段,涵盖数组操作、字符串处理、日期处理、设备检测和UI交互等方面。这些代码段从简单到复杂,帮助前端开发者提高代码效率和可读性,掌握实用技巧,成为不可或缺的核心人员。
编程
前端
JavaScript
开发技巧
技术
为什么 JavaScript 的 Map 比 Object 更强大?深入对比与实战指南
编程
为什么 JavaScript 的 Map 比 Object 更强大?深入对比与实战指南
2025-08-20 08:42:33 +0800 CST
view 1128
本文深入对比了JavaScript中的Map和Object,揭示了Map在键类型灵活性、性能、迭代顺序、内存使用效率等方面的优势。通过示例代码,展示了两者在不同场景下的应用,强调了在现代开发中根据需求选择合适的数据结构的重要性。
JavaScript
数据结构
编程技巧
Deno 3.0 深度解析:模块系统彻底重构与动态权限沙箱的范式革命
编程
Deno 3.0 深度解析:模块系统彻底重构与动态权限沙箱的范式革命
2026-05-12 15:46:49 +0800 CST
view 375
深度解析Deno 3.0运行时环境核心变化:模块系统彻底重构(支持ESM/CJS/UMD无缝互操作)、动态权限沙箱从默认安全到主动防御、安全令牌临时权限提升、V8 12.8引擎冷启动提升172%、SSPL许可证变更影响。包含架构解析与迁移实战。
Deno3
Deno运行时
JavaScript运行时
V8 12.8
动态权限沙箱
模块系统重构
SSPL许可证
Node.js替代
Vue3中使用Vuelidate进行表单验证。Vuelidate是一个轻量级的表单验证库,提供了简单直观的方式来定义验证规则
编程
Vue3中使用Vuelidate进行表单验证。Vuelidate是一个轻量级的表单验证库,提供了简单直观的方式来定义验证规则
2024-11-17 04:26:38 +0800 CST
view 2455
本文介绍了如何在Vue3中使用Vuelidate进行表单验证。Vuelidate是一个轻量级的表单验证库,提供了简单直观的方式来定义验证规则。通过创建一个包含用户名、邮箱和密码的注册表单,展示了如何使用Vuelidate进行有效的输入验证,并在用户输入不符合要求时提供实时反馈。
前端开发
Vue.js
表单处理
用户体验
JavaScript
代码
如何在JavaScript中将一维数组或整数等分成三部分
2024-11-19 04:33:50 +0800 CST
view 1750
本文介绍了如何在JavaScript中将一维数组或整数等分成三部分。通过使用`slice`方法和循环,示例代码展示了如何处理不同长度的数组和整数,确保每部分的元素均匀分布。提供了多个示例,涵盖了从0到n的整数分割、连续整数分割以及按模运算分割等情况。
编程
JavaScript
算法
告别卡顿!Lenis平滑滚动库让你的网页滚动如丝般顺滑
编程
告别卡顿!Lenis平滑滚动库让你的网页滚动如丝般顺滑
2025-08-20 09:23:02 +0800 CST
view 1369
Lenis是由DarkroomEngineering团队开发的轻量级JavaScript平滑滚动库,旨在解决长页面滚动卡顿、视差效果不同步等问题。它通过`requestAnimationFrame`实现高性能的滚动效果,体积小且框架无关,支持丰富的自定义选项和强大的事件系统。Lenis与GSAPScrollTrigger结合使用,能够实现流畅的视差滚动效果,适合各种前端开发场景。
前端开发
JavaScript
动画效果
在JavaScript中实现队列
编程
在JavaScript中实现队列
2024-11-19 01:38:36 +0800 CST
view 1778
本文介绍了如何在JavaScript中实现队列,队列是一种先进先出(FIFO)的数据结构,适用于管理异步请求。通过示例代码,展示了如何创建请求队列,控制并发请求数量和请求间隔时间,并提供了队列是否为空的监听方法。适合需要处理大量异步请求的场景,帮助开发者更好地管理请求流程。
编程
JavaScript
数据结构
异步编程
前端开发
Vue 3.6 深度解析:Vapor Mode 颠覆传统与 defineModel 响应式绑定革命
编程
Vue 3.6 深度解析:Vapor Mode 颠覆传统与 defineModel 响应式绑定革命
2026-05-12 16:00:07 +0800 CST
view 417
深度解析Vue 3.6最新版本核心变化:Vapor Mode无虚拟DOM编译模式提升性能300%、defineModel正式发布简化v-model双向绑定、defineOptions宏增强、Pinia状态管理优化。含Vapor Mode原理、代码示例与性能对比实测。
Vue3.6
Vapor Mode
defineModel
无虚拟DOM
前端框架
Vue3新特性
性能优化
defineOptions
七种高级JavaScript技术,包括闭包、解构、去抖动、节流、柯里化、Proxy、事件循环和记忆化
编程
七种高级JavaScript技术,包括闭包、解构、去抖动、节流、柯里化、Proxy、事件循环和记忆化
2024-11-18 22:08:50 +0800 CST
view 1520
本文介绍了七种高级JavaScript技术,包括闭包、解构、去抖动、节流、柯里化、Proxy、事件循环和记忆化。这些技术帮助开发人员编写更简洁、高效和可维护的代码,适用于性能优化和构建可扩展应用程序。掌握这些技术将提升您的JavaScript编程能力。
JavaScript
编程
技术
Caddy深度拆解:Go写的Web服务器,自动HTTPS两行配置替代NGINX证书管理
编程
Caddy深度拆解:Go写的Web服务器,自动HTTPS两行配置替代NGINX证书管理
2026-07-25 21:18:33 +0800 CST
view 42
Caddy(Go写的Web服务器):56K Star、自动申请Let's Encrypt证书+自动续期、Caddyfile两行配置搞定HTTPS、内置反向代理/负载均衡/健康检查/重试机制、支持WebSocket代理、插件系统(xcaddy)扩展DNS验证/限流/缓存、相比NGINX配置更简单学习成本更低、适合个人项目/小团队/API网关/静态文件服务/本地HTTPS开发。
Caddy
Web服务器
反向代理
自动HTTPS
Go
NGINX替代
负载均衡
Let's Encrypt
Web服务器
Caddyfile
使用 `<script setup>` 语法糖时的常见错误、原因及避免方法
编程
使用 `<script setup>` 语法糖时的常见错误、原因及避免方法
2024-11-18 02:34:48 +0800 CST
view 1884
本文总结了在使用Vue3的`<scriptsetup>`语法糖时常见的错误及其避免方法,包括TypeScript类型处理、`this`的使用、修改props、异步操作、响应式变量的使用、组件实例属性的暴露及生命周期钩子的处理。通过遵循这些建议,可以优化组件开发流程,提高代码效率。
Vue
前端开发
JavaScript
编程技巧
组件开发
使用Vue3和axios库构建一个简单的电影信息展示应用。通过创建Vue项目、安装axios、编写电影展示组件,并从第三方API获取数据
编程
使用Vue3和axios库构建一个简单的电影信息展示应用。通过创建Vue项目、安装axios、编写电影展示组件,并从第三方API获取数据
2024-11-17 07:08:17 +0800 CST
view 1599
本篇博客介绍了如何使用Vue3和axios库构建一个简单的电影信息展示应用。通过创建Vue项目、安装axios、编写电影展示组件,并从第三方API获取数据,用户可以在应用中查看热门电影的信息。文章提供了详细的代码示例和步骤,帮助读者快速实现功能。
前端开发
Vue
JavaScript
API
编程教程
Vue 3 的 Composable 函数是什么?如何编写和使用它们?
编程
Vue 3 的 Composable 函数是什么?如何编写和使用它们?
2024-11-19 08:26:22 +0800 CST
view 1876
Vue3引入了Composable函数,通过CompositionAPI实现逻辑复用,提升代码的可读性和复用性。与Vue2.x的Mixins相比,Composable函数解决了命名冲突和代码追踪等问题。本文详细介绍了Composable函数的定义、编写和使用示例,包括计数器和API调用的实现,强调了其在复杂项目中的重要性和灵活性。
前端开发
Vue
编程
软件工程
JavaScript
为什么原始人说话能让 AI 节省 65% Token?Caveman 项目深度解析
编程
为什么原始人说话能让 AI 节省 65% Token?Caveman 项目深度解析
2026-07-07 17:16:22 +0800 CST
view 361
深入解析 GitHub 8.3万星的 Caveman 项目,揭示其如何通过 Prompt 工程强制 AI 用极简语言回复,平均节省 65% Token 消耗的技术原理与实战指南。
AI编程
Claude
Token优化
Prompt工程
GitHub开源
效率工具
2026技术热点
JavaScript中设置器和获取器
编程
JavaScript中设置器和获取器
2024-11-17 19:54:27 +0800 CST
view 1540
在JavaScript中,`setters`和`getters`是用于访问和设置对象属性的特殊方法。通过这些方法,可以在读取或写入对象属性时添加自定义逻辑。示例中展示了如何在对象和类中使用`getter`和`setter`,包括数据验证的实现。它们使得对象属性的操作更加灵活,能够引入复杂的业务逻辑。
编程
JavaScript
面向对象编程
Bun 从 Zig 到 Rust:AI 用 11 天重写百万行运行时,性能、供应链与开源信任的三重实验
编程
Bun 从 Zig 到 Rust:AI 用 11 天重写百万行运行时,性能、供应链与开源信任的三重实验
2026-07-26 02:14:31 +0800 CST
view 46
Bun 悄悄把底层从 Zig 换成 Rust,Claude Code 也换了运行时。深度拆解 AI 用 11 天直译近百万行代码的工程真相:约13900处unsafe、把裸指针问题原样搬进Rust、SmallVec/mmap/惰性arena性能优化、以及开源信任与AI代码版权灰区。
Bun
Rust
Zig
JavaScript运行时
AI重写代码
Claude Code
内存安全
供应链安全
开源治理
性能优化
编程
Dragula.js——一款神奇的 JavaScript 开源拖放库
2024-11-19 01:16:55 +0800 CST
view 1579
Dragula.js是一款轻量级的JavaScript拖放库,旨在简化拖放功能的实现,提升用户交互体验。它具有简洁的API、模块化设计和高度自定义的特点,支持与React、Angular等框架集成。用户可以通过npm或yarn安装,并通过简单的代码实现元素的拖动。Dragula.js提供丰富的配置选项,适用于现代网页应用。
JavaScript库
用户体验
前端开发
开源
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
82
83
84
85
86
...
105
下一页