程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
利用图片实现网站的加载速度
编程
利用图片实现网站的加载速度
2024-11-18 12:29:31 +0800 CST
view 1459
这段代码通过创建并加载隐藏的图片来检测多个外部链接的加载时间,并将其显示在页面上。代码使用JavaScript动态创建`img`元素,捕获加载事件以计算时间,并在页面上显示。优化建议包括使用`Date.now()`进行准确计时,避免内联样式和事件绑定,处理加载成功和失败的情况,以提高代码的性能和可读性。
网页性能
前端开发
JavaScript编程
前端
Svelte 5 Runes 深度实战:编译时响应式如何把虚拟 DOM 送进博物馆——从 $state 心智模型到手写一个极简 Signal 引擎
编程
Svelte 5 Runes 深度实战:编译时响应式如何把虚拟 DOM 送进博物馆——从 $state 心智模型到手写一个极简 Signal 引擎
2026-08-15 19:13:23 +0800 CST
view 139
深度解析 Svelte 5 Runes 与细粒度响应式:从 $state/$derived/$effect 心智模型、编译器如何消除虚拟 DOM,到手写一个 60 行迷你 Signal 引擎,配完整代码与性能优化建议。
Svelte 5
Runes
编译时响应式
Signals
前端框架
虚拟DOM
前端性能
2026 年前端架构深度拆解:从 SPA 到零 JS 运行时,你该用什么框架?
编程
2026 年前端架构深度拆解:从 SPA 到零 JS 运行时,你该用什么框架?
2026-07-26 13:13:49 +0800 CST
view 235
深度拆解2026年前端架构范式转移:从React 19 RSC到Astro Islands、Qwik Resumability、Vite 8 Rolldown,覆盖四种架构方案的生产级对比、代码实战和迁移路线图。
前端架构
React 19
RSC
Astro
Qwik
Vite 8
Rolldown
前端性能优化
JavaScript
VTJ.PRO:Vue3生态最火的AI低代码平台,9.3K Star,双向代码自由无锁定
编程
VTJ.PRO:Vue3生态最火的AI低代码平台,9.3K Star,双向代码自由无锁定
2026-04-16 17:09:36 +0800 CST
view 754
VTJ.PRO是Gitee上9.3K Star的Vue3 AI低代码平台,支持一次设计输出Web/H5/UniApp多端代码,双向代码自由无平台锁定,适合企业级应用快速开发。
Vue3
低代码
AI
前端
开源
多端
前端开发
2026年前端框架三国杀:Vue 3.5 Vapor Mode 内存砍半、React 19.2 Server Components 成熟、Angular 21 彻底无 Zone
编程
2026年前端框架三国杀:Vue 3.5 Vapor Mode 内存砍半、React 19.2 Server Components 成熟、Angular 21 彻底无 Zone
2026-07-03 11:44:16 +0800 CST
view 526
深度解析2026年前端三大框架最新特性:Vue 3.5 Vapor Mode让内存砍半、React 19.2 Server Components成熟、Angular 21彻底告别Zone.js,从技术原理、编译优化到实战性能全面对比。
Vue
React
Angular
Vapor Mode
Server Components
Signals
前端框架
前端性能优化
Web Components 微前端架构实战:从浏览器原生能力到生产级落地的全链路拆解
编程
Web Components 微前端架构实战:从浏览器原生能力到生产级落地的全链路拆解
2026-08-11 06:46:05 +0800 CST
view 168
深度拆解 Web Components 微前端架构:Custom Elements、Shadow DOM、Form Associated、Declarative Shadow DOM 全链路实战,包含 Shell 应用设计、跨框架通信、事件总线、共享组件库、性能优化与踩坑清单。
Web Components
微前端
Shadow DOM
Custom Elements
前端架构
TypeDOM 深度解析:当 TypeScript 原生面向对象设计重塑前端开发——一个程序员的深度实践与思考
编程
TypeDOM 深度解析:当 TypeScript 原生面向对象设计重塑前端开发——一个程序员的深度实践与思考
2026-06-16 00:47:55 +0800 CST
view 442
深入解析 TypeDOM 框架:完全面向对象设计的 TypeScript 前端框架,对比 React/Vue 的差异化设计理念与实践
TypeScript
TypeDOM
前端框架
OOP
前端开发
2024年9月最新的8个低代码和零代码开源框架
综合
2024年9月最新的8个低代码和零代码开源框架
2024-11-19 06:31:59 +0800 CST
view 2939
本文推荐了2024年9月最新的8个低代码和零代码开源框架,专注于中后台管理系统的开发。这些框架通过减少手动编码,加快应用程序的开发和交付,适合不同类型的开发者。包括Appsmith、LowCodeEngine、Amis等,涵盖了从简单到复杂的多种需求,显著提升开发效率,降低开发成本。
低代码
零代码
开源
开发工具
前端技术
综合
Sandpack是一个由CodeSandbox团队开发的开源在线代码编辑器,允许开发者在浏览器中实时编写和预览代码
2024-11-19 08:21:15 +0800 CST
view 2735
Sandpack是一个由CodeSandbox团队开发的开源在线代码编辑器,允许开发者在浏览器中实时编写和预览代码。它支持多文件项目、丰富的插件和主题定制,适合技术博客和课程开发。通过简单的npm安装,开发者可以轻松嵌入Sandpack组件并配置编辑器,提升开发效率。
Web开发
开源工具
前端开发
代码编辑
React
Vue3 官方宣布淘汰 Axios,拥抱新趋势:Alova.js
编程
Vue3 官方宣布淘汰 Axios,拥抱新趋势:Alova.js
2025-05-08 08:59:46 +0800 CST
view 2059
Vue3官方宣布淘汰Axios,转而支持Alova.js,这是一款更轻量、智能且符合现代开发范式的请求库。Alova.js解决了Axios的多个痛点,如冗余的适配逻辑、弱TypeScript支持和过度封装的反模式。它提供了极致的轻量与性能、智能请求管理和声明式编程范式,适合现代前端开发。迁移指南也为开发者提供了平滑过渡的方案。
前端框架
请求管理
开发工具
编程
前端必看!这个神器竟然可以让代码执行变成可视化动画
2025-05-11 23:22:22 +0800 CST
view 1621
本文介绍了可视化工具Staying,旨在帮助前端开发者更直观地理解数据结构和算法。Staying支持Python和JavaScript,通过实时动画展示代码执行过程,适合初学者和有经验的开发者。文章还提供了递归、链表和哈希表的可视化示例,强调了可视化在学习和优化中的重要性。
前端开发
数据结构
算法
工具
学习
综合
Gridstack.js,一款神奇的 JavaScript 开源网格布局库
2024-11-19 01:34:20 +0800 CST
view 2862
Gridstack.js是一个强大的JavaScript开源库,允许开发者通过简单的代码创建可拖拽、可调整大小的网格布局,非常适合构建交互式仪表板和复杂用户界面。它支持动态添加、移除和更新网格项,并提供丰富的事件监听机制。通过简单的初始化和配置,开发者可以快速上手并实现响应式布局。
前端开发
开源工具
用户界面设计
编程
快速提升Vue3开发者的效率和界面
2025-05-11 23:37:03 +0800 CST
view 1822
本文介绍了两个开源库,VueHooksPlus和InspiraUI,旨在提升Vue3开发者的效率和界面表现力。VueHooksPlus提供高性能的Hooks工具,支持状态管理和异步请求处理,兼容SSR和TypeScript。InspiraUI则是一个动画组件库,提供丰富的动画效果和高度可定制的组件,适用于Vue3和Nuxt.js。结合使用这两个库,可以打造出优秀的用户体验。
Vue
开源库
前端开发
用户界面
开发工具
Vue3中的虚拟滚动有哪些改进?
编程
Vue3中的虚拟滚动有哪些改进?
2024-11-18 23:58:18 +0800 CST
view 1789
在Vue3中,虚拟滚动功能得到了显著改进,提升了性能、灵活性和兼容性。新的渲染引擎优化了大量数据的展示,提供了灵活的配置选项,确保在不同浏览器和设备上的良好兼容性。通过示例代码,展示了如何使用`vue3-virtual-scroll-list`库来实现虚拟滚动,提升用户体验和应用性能。
前端
Vue
性能优化
用户体验
开发工具
10年了前端骨架屏终于变天不需要写CSS了Boneyard-js自动生成
编程
10年了前端骨架屏终于变天不需要写CSS了Boneyard-js自动生成
2026-05-16 13:49:39 +0800 CST
view 622
Boneyard-js全自动骨架屏生成工具,不用手写CSS、不用算尺寸、不用适配响应式,直接从真实组件生成骨架,UI变了骨架自动跟着变。
前端开发
骨架屏
React
开源工具
50 个实用前端 JavaScript/CSS 代码片段
代码
50 个实用前端 JavaScript/CSS 代码片段
2025-05-21 09:53:05 +0800 CST
view 1788
本文整理了50个实用的JavaScript和CSS代码片段,涵盖设备判断、事件监听、DOM操作、数据处理等多个方面,旨在提高前端开发的效率。每个代码片段都提供了具体的实现方式,适合开发者在日常工作中参考和使用。
前端开发
JavaScript
CSS
代码片段
实用工具
从零开始学会 JavaScript 混淆:安全与隐私的双重保障
编程
从零开始学会 JavaScript 混淆:安全与隐私的双重保障
2025-06-26 10:20:28 +0800 CST
view 1539
本文介绍了JavaScript混淆的基本概念、方法和实战技巧,强调了混淆在保护源代码和增强安全性方面的重要性。通过变量重命名、字符串加密和代码结构调整等技术,降低代码可读性,防止逆向工程。还推荐了一些混淆工具,如JavaScriptObfuscator和Terser,并指出混淆并不等同于安全,需结合其他安全措施。
编程
前端开发
安全
代码保护
工具
编程
一行代码将网页元素变成图片!比 html2canvas 快 93 倍的截图神器:snapDOM 全解析
2025-07-02 18:27:18 +0800 CST
view 3656
snapDOM是一款高性能的网页截图工具,支持一行代码实现截图,性能比html2canvas快93倍。它能够完美还原网页视觉效果,支持多种输出格式,如PNG、JPG、SVG等,适用于社交分享、报表导出和电商营销等场景。该工具轻量无依赖,兼容性优秀,完全免费开源,适合前端开发者使用。
前端开发
图像处理
开源工具
性能优化
V3 Admin Vite:轻量级 Vue3 后台管理模板
编程
V3 Admin Vite:轻量级 Vue3 后台管理模板
2025-07-05 16:21:29 +0800 CST
view 2720
V3AdminVite是一个基于Vue3、Vite和TypeScript的轻量级后台管理模板,提供权限控制、动态菜单、主题切换等功能,适合快速搭建中小型管理后台。得益于Vite的极速性能,开发环境启动迅速,支持多种布局和国际化,便于开发者高效构建和维护项目。
前端开发
后台管理
Vue框架
开发工具
模板
SWC是一个用Rust编写的高性能JavaScript/TypeScript编译器,相比Babel提供显著的速度提升
编程
SWC是一个用Rust编写的高性能JavaScript/TypeScript编译器,相比Babel提供显著的速度提升
2024-11-19 03:25:39 +0800 CST
view 2680
SWC是一个用Rust编写的高性能JavaScript/TypeScript编译器,相比Babel提供显著的速度提升。本文探讨了SWC的安装、配置及其与Webpack的集成,展示了如何在项目中替代Babel使用SWC,以提高编译效率和稳定性。SWC兼容现有Babel配置,适合大型项目,是前端开发者的理想选择。
前端开发
编程工具
性能优化
什么是 Vue 3?它与 Vue 2 有什么不同之处?
编程
什么是 Vue 3?它与 Vue 2 有什么不同之处?
2024-11-18 01:53:02 +0800 CST
view 1652
Vue3是Vue.js的下一个主要版本,带来了性能提升、CompositionAPI、TypeScript支持和更好的Tree-shaking。它使用Proxy对象替代Object.defineProperty,提升了数据响应式处理的精确性。CompositionAPI提供了更灵活的组件逻辑组织方式。Vue3的代码库全面使用TypeScript,优化了大型项目的开发体验。总的来说,Vue3为开发者带来了新的机遇和挑战。
前端框架
JavaScript
开发工具
提升 CSS 开发效率的必备 Chrome 插件
编程
提升 CSS 开发效率的必备 Chrome 插件
2025-07-12 15:17:22 +0800 CST
view 1249
本文介绍了五款必备的Chrome插件,旨在提升CSS开发效率。这些插件包括ColorZilla、Visbug、ResponsiveViewer、WindowResizer和CSSPeeper,分别提供颜色提取、元素调整、响应式测试、分辨率控制和样式提取等功能。通过合理使用这些工具,开发者和设计师可以显著提高工作效率,缩短调试时间,专注于创造性编码。
前端开发
工具
设计
综合
Geeker-Admin是一款基于Vue3.4、TypeScript和Vite5的开源后台管理框架
2024-11-19 09:21:34 +0800 CST
view 2077
Geeker-Admin是一款基于Vue3.4、TypeScript和Vite5的开源后台管理框架,集成了ProTable组件和多种常用组件、Hooks、指令等,旨在提高开发效率。支持动态路由、权限控制和国际化,提供了完善的开发工具和代码规范,适合初创企业和大型项目使用。
前端开发
开源项目
后台管理
技术栈
开发工具
综合
Remotion是一个基于React的框架,允许前端工程师以编程方式创建高质量视频
2024-11-19 03:46:15 +0800 CST
view 2847
Remotion是一个基于React的框架,允许前端工程师以编程方式创建高质量视频。它结合了Web技术和编程的力量,使得视频制作更加灵活和高效。用户可以利用CSS、Canvas、SVG和WebGL等技术,实时编辑和预览视频效果,并通过API动态生成内容。作为一个开源项目,Remotion提供了丰富的功能和活跃的开发者社区,适合用于制作宣传视频和数据可视化。
前端开发
视频制作
开源工具
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
9
10
11
12
13
...
64
下一页