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 前端技术学习资源

上一页12 3...16 下一页