程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
15年,专注软件定制开发
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
10个优秀的开源无头浏览器—自动化测试、爬虫、RPA 操作利器
综合
10个优秀的开源无头浏览器—自动化测试、爬虫、RPA 操作利器
2024-11-19 09:36:25 +0800 CST
view 1307
无头浏览器是一种没有图形用户界面的Web浏览器,能够在后台执行任务,广泛应用于自动化测试、网络爬虫和数据抓取。它通过编程接口支持控制,提升测试效率并节省资源。主流工具包括Puppeteer、Selenium、Playwright等,适合在CI/CD流程中使用,但可能无法完全模拟真实用户体验。
开源工具
自动化
Web技术
测试
爬虫
综合
基于Webcodecs + Vue3实现的Web端剪辑工具
2024-11-19 10:07:35 +0800 CST
view 1207
这是一个基于WebCodecs实现的Web端视频编辑工具,功能类似于剪映Web版。该工具允许用户在线编辑视频,提供了便捷的编辑体验。开源地址为:https://github.com/x007xyz/fly-cut。
视频编辑
Web技术
开源工具
HTML5的 input:file上传类型控制
编程
HTML5的 input:file上传类型控制
2024-11-19 07:29:28 +0800 CST
view 2166
本文介绍了HTML中input:file属性的使用,包括accept和multiple属性的具体应用,以及常用的MIME类型列表。同时,文中详细说明了如何使用AJAX上传文件,包括获取文件列表、构建表单数据和发送POST请求的步骤,最后展示了服务器端接收文件的示例。
HTML
文件上传
AJAX
前端开发
Web技术
综合
Vue3项目中使用print.js实现网页的局部打印功能
2024-11-19 06:40:55 +0800 CST
view 1251
本文介绍了如何在Vue3项目中使用print.js实现网页的局部打印功能。通过简单的安装和代码示例,读者可以快速上手。文章详细说明了如何引入print.js、编写需要打印的HTML元素、绑定打印事件以及配置打印选项。print.js提供了丰富的配置,满足不同的打印需求,帮助开发者轻松实现局部打印。
前端开发
Vue
打印功能
JavaScript
Web技术
`Blob` 与 `File` 的关系
编程
`Blob` 与 `File` 的关系
2025-05-11 23:45:58 +0800 CST
view 429
在前端开发中,`Blob`和`File`对象是处理文件上传、下载和预览的核心工具。`Blob`表示不可变的原始数据,而`File`是带有元数据的`Blob`。通过示例展示了如何实时预览用户上传的头像、分片上传大文件、生成下载链接、压缩图片以及文件与二进制数据的互相转换。掌握这些技术可以提升前端文件处理能力。
前端开发
文件处理
Web技术
使用Vue 3和Axios进行API数据交互
编程
使用Vue 3和Axios进行API数据交互
2024-11-18 22:31:21 +0800 CST
view 748
本文介绍了如何使用Vue3和Axios进行API数据交互。通过示例代码,展示了如何创建一个简单的组件来获取并显示用户数据,包括环境准备、组件结构、运行项目及异常处理等内容。使用CompositionAPI和setup语法糖,提升了代码的可读性和可维护性,同时实现了基本的错误处理机制,以改善用户体验。
前端开发
Web技术
JavaScript
thinkphp swoole websocket 结合的demo
编程
thinkphp swoole websocket 结合的demo
2024-11-18 10:18:17 +0800 CST
view 2796
WebSocket是HTML5提供的一种协议,允许在单个TCP连接上进行全双工通讯。通过WebSocketAPI,浏览器与服务器只需进行一次握手,便可建立快速通道进行数据传输。客户端使用JavaScript发起连接,连接建立后可通过send()方法发送数据,并通过onmessage事件接收服务器返回的数据。
网络通讯
Web技术
实时数据传输
ServiceWorker是一种在浏览器后台运行的独立线程,能够实现缓存、消息推送和后台更新等功能
编程
ServiceWorker是一种在浏览器后台运行的独立线程,能够实现缓存、消息推送和后台更新等功能
2024-11-18 14:06:55 +0800 CST
view 656
ServiceWorker是一种在浏览器后台运行的独立线程,能够实现缓存、消息推送和后台更新等功能。它通过拦截请求并根据逻辑处理,提供了强大的离线访问能力。本文详细介绍了ServiceWorker的注册、生命周期、请求拦截、事件监听及缓存策略,并展示了如何实现离线访问功能。
Web技术
前端开发
离线应用
服务端能力
如何利用JavaScript开发一个兼容PC和移动端的富文本编辑器
编程
如何利用JavaScript开发一个兼容PC和移动端的富文本编辑器
2024-11-19 04:21:14 +0800 CST
view 762
本文介绍了如何利用JavaScript开发一个兼容PC和移动端的富文本编辑器,涵盖了可编辑区域的设置、光标操作、文本格式修改及移动端的优化等内容。通过使用`contenteditable`属性和`selection`、`range`对象,开发者可以实现丰富的编辑功能,并解决在不同浏览器和设备上遇到的问题。
前端开发
JavaScript
Web技术
你可能不知道的 18 个前端技巧
编程
你可能不知道的 18 个前端技巧
2025-06-12 13:15:26 +0800 CST
view 244
本文整理了18个鲜为人知的前端技巧,涵盖了JavaScript、HTML和CSS的实用小窍门。这些技巧可以提升开发效率,帮助开发者在调试和优化过程中事半功倍。内容包括如何在地址栏执行脚本、让网页可编辑、解析URL、创建三角形等,适合前端开发者学习和应用。
前端开发
编程技巧
Web技术
编程
Shadcn UI:这个 82.7k Star 的神器,正在超越传统组件库!
2025-06-28 17:04:58 +0800 CST
view 199
ShadcnUI是一个新兴的前端组件库,具有源码自由、原子级组件架构和原生主题切换等革命性特点。与传统组件库相比,它在打包体积、定制难度和加载时间上表现优异,适合企业级应用。支持TailwindCSS和RadixUI,提供高性能的智能表单和数据表格,越来越多的大型项目正在采用ShadcnUI,代表了组件库的未来趋势。
前端开发
组件库
Web技术
性能优化
开源
7 个你可能不知道的 CSS 新特性,彻底改变你的样式写法!
编程
7 个你可能不知道的 CSS 新特性,彻底改变你的样式写法!
2025-07-07 17:45:39 +0800 CST
view 109
本文介绍了7个鲜为人知但极具价值的CSS新特性,包括无需Flexbox/Grid的居中对齐、@property安全的CSS变量、@starting-style解决闪屏问题、新数学函数、light-dark()简化主题切换、新伪类:user-valid和:user-invalid、以及interpolate-size优雅的高度动画。这些特性将提升开发效率和用户体验,推动CSS的未来发展。
Web技术
CSS
前端开发
用户体验
编程
9个高级前端必会的性能优化 API,你掌握了几个?
编程
9个高级前端必会的性能优化 API,你掌握了几个?
2025-07-14 12:35:24 +0800 CST
view 93
本文介绍了9个高级前端性能优化API,包括requestIdleCallback、IntersectionObserver、WeakMap等,详细阐述了它们的适用场景和代码示例。这些API可以显著提升页面性能和用户体验,帮助开发者写出更现代的前端代码。
前端开发
性能优化
Web技术
告别构建工具的幻想?从 Import Maps 谈浏览器原生模块导入的未来
编程
告别构建工具的幻想?从 Import Maps 谈浏览器原生模块导入的未来
2025-07-21 18:52:15 +0800 CST
view 85
本文探讨了ImportMaps在现代前端开发中的重要性,解决了浏览器无法识别裸模块名的问题,降低了开发门槛。通过ImportMaps,开发者可以在不使用构建工具的情况下直接导入模块,适合快速原型开发和教学演示。尽管如此,构建工具仍然在代码转译、性能优化和跨浏览器兼容等方面发挥着重要作用,未来可能转变为可选的加速器。
前端开发
Web技术
模块化
WebSQL数据库:HTML5的非标准伴侣
编程
WebSQL数据库:HTML5的非标准伴侣
2024-11-18 22:44:20 +0800 CST
view 624
WebSQL是一个独立于HTML5规范的数据库API,曾在前端开发中扮演重要角色。它提供了简单的API用于数据库交互,包括打开数据库、控制事务和执行SQL查询。尽管WebSQL已被W3C废弃,现代浏览器不再支持,但了解其基本用法和历史仍然有价值。本文介绍了WebSQL的核心API及其在实际项目中的应用示例。
前端开发
数据库
Web技术
综合
4.6K Star 彻底颠覆!!! 你敢信浏览器直接跑 Linux!
2024-11-19 02:10:52 +0800 CST
view 976
WebVM是一个创新项目,允许用户在浏览器中运行完整的DebianLinux虚拟机,基于CheerpX虚拟化引擎,支持x86二进制文件在WebAssembly上执行。它提供无服务器架构,所有计算任务在本地浏览器完成,确保安全性。WebVM受到了开发者社区的广泛欢迎,简化了开发和测试流程,适合专业开发者和编程爱好者使用。
虚拟化
开源项目
开发工具
Web技术
安全性
编程
jQuery选择器:解锁HTML元素操作的强大工具
2024-11-17 23:06:18 +0800 CST
view 665
本文详细介绍了jQuery选择器的使用,包括如何选择和操作HTML元素。通过示例展示了ID、类、元素、属性的选择,以及组合选择器和过滤选择器的用法。还涵盖了表单选择器和子元素、兄弟元素的选择方法,强调了jQuery在灵活选择和操作HTML元素方面的强大功能。
前端开发
jQuery
Web技术
编程
推荐几个前端常用的工具网站
2024-11-19 07:58:08 +0800 CST
view 735
本文推荐了几个前端常用的工具网站,包括贝塞尔动画曲线生成器、HTML/CSS/JS浏览器兼容性查询、网页响应性测试工具、HTML5元素周期表和抽象语法树查询分析工具。这些工具帮助开发者可视化动画效果、检查浏览器支持、测试响应式设计、学习HTML5元素以及分析JavaScript代码的抽象语法树。
前端开发
工具
Web技术
Vue 3 中的新 `<script setup>` 语法详解
编程
Vue 3 中的新 `<script setup>` 语法详解
2024-11-19 06:45:51 +0800 CST
view 727
Vue3中的新<scriptsetup>语法为开发者提供了一种更简洁高效的方式来编写Vue组件。它通过编译时宏优化性能,支持TypeScript,简化了响应式数据、计算属性、props和emits的使用。本文详细介绍了<scriptsetup>的用法、优势及示例代码,展示了其在开发过程中的便利性和一致性。
前端开发
Vue.js
编程语言
Web技术
智能视频墙
代码
智能视频墙
2025-02-22 11:21:29 +0800 CST
view 659
该文本描述了一个智能视频墙的HTML和JavaScript实现。用户可以创建视频容器,支持拖拽和调整大小,并且能够保存布局到本地存储。使用了EasyPlayerPro播放器来播放视频流,提供了多种调整手柄以便用户自定义视频容器的大小和位置。代码中还处理了窗口大小变化的情况,确保视频容器不会超出视口。
前端开发
视频播放
用户交互
Web技术
综合
Puter一款基于浏览器的互联网操作系统
2024-11-19 08:47:16 +0800 CST
view 746
Puter是一款基于浏览器的互联网操作系统,开源不到一个月便吸引了超过12K的Star和1000万用户。它支持多用户在线协作,具有高度可扩展性和轻量级特点,能够在各种设备上运行。Puter的成功可能推动Web技术的发展,为用户提供更加开放和高效的计算体验。
操作系统
开源软件
Web技术
团队协作
跨平台
Rust vs JavaScript: 使用 WebAssembly 提升 66% 的性能
编程
Rust vs JavaScript: 使用 WebAssembly 提升 66% 的性能
2024-11-19 04:18:48 +0800 CST
view 1013
本文探讨如何通过WebAssembly在JavaScript应用中提升性能,以斐波那契算法为例。介绍了JavaScript的单线程问题及其对用户体验的影响,展示了如何使用WebWorker和WebAssembly进行多线程计算。通过Rust和AssemblyScript编写的WebAssembly模块,性能分别提升了66%和53%。总结指出WebAssembly是高性能计算的有效优化手段。
编程
性能优化
Web开发
前端技术
WebAssembly
什么是 Vue 的服务端渲染(SSR)?它与客户端渲染的区别是什么?
编程
什么是 Vue 的服务端渲染(SSR)?它与客户端渲染的区别是什么?
2024-11-18 09:40:45 +0800 CST
view 796
Vue的服务端渲染(SSR)是一种在服务器上生成完整HTML页面并发送给客户端的技术,提供更好的SEO和更快的首屏加载速度。与客户端渲染(CSR)相比,SSR减轻了客户端负担,适合需要优化加载时间和搜索引擎优化的场景。Vue提供了`vue-server-renderer`库来实现SSR,开发者可以根据需求选择合适的渲染方式。
Web开发
前端技术
Vue.js
渲染技术
性能优化
100多个基础常用JS函数和语法集合大全
编程
100多个基础常用JS函数和语法集合大全
2024-11-19 06:30:20 +0800 CST
view 2815
本文总结了JavaScript的基础知识,包括常用的输出语句、注释、DOM结构、表单操作、字符串处理、数学函数、日期处理等。内容涵盖了变量声明、条件判断、循环结构、函数定义等基本语法,适合初学者快速了解JavaScript的核心概念和常用功能。
编程
Web开发
JavaScript
前端技术
学习资源
大家都在搜索什么?
易支付
一个官网+多少钱
统一接受回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
企业官网建站费用
一个官网 多少钱
上一页
1
2
3
...
16
下一页