15年，专注软件定制开发

php mysql shell go vue css api接口对接支付接口对接

10个优秀的开源无头浏览器—自动化测试、爬虫、RPA 操作利器

10个优秀的开源无头浏览器—自动化测试、爬虫、RPA 操作利器
2024-11-19 09:36:25 +0800 CST view 1249
无头浏览器是一种没有图形用户界面的Web浏览器，能够在后台执行任务，广泛应用于自动化测试、网络爬虫和数据抓取。它通过编程接口支持控制，提升测试效率并节省资源。主流工具包括Puppeteer、Selenium、Playwright等，适合在CI/CD流程中使用，但可能无法完全模拟真实用户体验。
开源工具自动化 Web技术测试爬虫

基于Webcodecs + Vue3实现的Web端剪辑工具
2024-11-19 10:07:35 +0800 CST view 1158
这是一个基于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 2132
本文介绍了HTML中input:file属性的使用，包括accept和multiple属性的具体应用，以及常用的MIME类型列表。同时，文中详细说明了如何使用AJAX上传文件，包括获取文件列表、构建表单数据和发送POST请求的步骤，最后展示了服务器端接收文件的示例。
HTML 文件上传 AJAX 前端开发 Web技术

Vue3项目中使用print.js实现网页的局部打印功能
2024-11-19 06:40:55 +0800 CST view 1178
本文介绍了如何在Vue3项目中使用print.js实现网页的局部打印功能。通过简单的安装和代码示例，读者可以快速上手。文章详细说明了如何引入print.js、编写需要打印的HTML元素、绑定打印事件以及配置打印选项。print.js提供了丰富的配置，满足不同的打印需求，帮助开发者轻松实现局部打印。
前端开发 Vue 打印功能 JavaScript Web技术

`Blob` 与 `File` 的关系

`Blob` 与 `File` 的关系
2025-05-11 23:45:58 +0800 CST view 382
在前端开发中，`Blob`和`File`对象是处理文件上传、下载和预览的核心工具。`Blob`表示不可变的原始数据，而`File`是带有元数据的`Blob`。通过示例展示了如何实时预览用户上传的头像、分片上传大文件、生成下载链接、压缩图片以及文件与二进制数据的互相转换。掌握这些技术可以提升前端文件处理能力。
前端开发文件处理 Web技术

使用Vue 3和Axios进行API数据交互

使用Vue 3和Axios进行API数据交互
2024-11-18 22:31:21 +0800 CST view 720
本文介绍了如何使用Vue3和Axios进行API数据交互。通过示例代码，展示了如何创建一个简单的组件来获取并显示用户数据，包括环境准备、组件结构、运行项目及异常处理等内容。使用CompositionAPI和setup语法糖，提升了代码的可读性和可维护性，同时实现了基本的错误处理机制，以改善用户体验。
前端开发 Web技术 JavaScript

thinkphp swoole websocket 结合的demo

thinkphp swoole websocket 结合的demo
2024-11-18 10:18:17 +0800 CST view 2758
WebSocket是HTML5提供的一种协议，允许在单个TCP连接上进行全双工通讯。通过WebSocketAPI，浏览器与服务器只需进行一次握手，便可建立快速通道进行数据传输。客户端使用JavaScript发起连接，连接建立后可通过send()方法发送数据，并通过onmessage事件接收服务器返回的数据。
网络通讯 Web技术实时数据传输

ServiceWorker是一种在浏览器后台运行的独立线程，能够实现缓存、消息推送和后台更新等功能

ServiceWorker是一种在浏览器后台运行的独立线程，能够实现缓存、消息推送和后台更新等功能
2024-11-18 14:06:55 +0800 CST view 625
ServiceWorker是一种在浏览器后台运行的独立线程，能够实现缓存、消息推送和后台更新等功能。它通过拦截请求并根据逻辑处理，提供了强大的离线访问能力。本文详细介绍了ServiceWorker的注册、生命周期、请求拦截、事件监听及缓存策略，并展示了如何实现离线访问功能。
Web技术前端开发离线应用服务端能力

如何利用JavaScript开发一个兼容PC和移动端的富文本编辑器

如何利用JavaScript开发一个兼容PC和移动端的富文本编辑器
2024-11-19 04:21:14 +0800 CST view 736
本文介绍了如何利用JavaScript开发一个兼容PC和移动端的富文本编辑器，涵盖了可编辑区域的设置、光标操作、文本格式修改及移动端的优化等内容。通过使用`contenteditable`属性和`selection`、`range`对象，开发者可以实现丰富的编辑功能，并解决在不同浏览器和设备上遇到的问题。
前端开发 JavaScript Web技术

你可能不知道的 18 个前端技巧

你可能不知道的 18 个前端技巧
2025-06-12 13:15:26 +0800 CST view 172
本文整理了18个鲜为人知的前端技巧，涵盖了JavaScript、HTML和CSS的实用小窍门。这些技巧可以提升开发效率，帮助开发者在调试和优化过程中事半功倍。内容包括如何在地址栏执行脚本、让网页可编辑、解析URL、创建三角形等，适合前端开发者学习和应用。
前端开发编程技巧 Web技术

Shadcn UI：这个 82.7k Star 的神器，正在超越传统组件库！
2025-06-28 17:04:58 +0800 CST view 106
ShadcnUI是一个新兴的前端组件库，具有源码自由、原子级组件架构和原生主题切换等革命性特点。与传统组件库相比，它在打包体积、定制难度和加载时间上表现优异，适合企业级应用。支持TailwindCSS和RadixUI，提供高性能的智能表单和数据表格，越来越多的大型项目正在采用ShadcnUI，代表了组件库的未来趋势。
前端开发组件库 Web技术性能优化开源

7 个你可能不知道的 CSS 新特性，彻底改变你的样式写法！

7 个你可能不知道的 CSS 新特性，彻底改变你的样式写法！
2025-07-07 17:45:39 +0800 CST view 42
本文介绍了7个鲜为人知但极具价值的CSS新特性，包括无需Flexbox/Grid的居中对齐、@property安全的CSS变量、@starting-style解决闪屏问题、新数学函数、light-dark()简化主题切换、新伪类:user-valid和:user-invalid、以及interpolate-size优雅的高度动画。这些特性将提升开发效率和用户体验，推动CSS的未来发展。
Web技术 CSS 前端开发用户体验编程

WebSQL数据库：HTML5的非标准伴侣

WebSQL数据库：HTML5的非标准伴侣
2024-11-18 22:44:20 +0800 CST view 600
WebSQL是一个独立于HTML5规范的数据库API，曾在前端开发中扮演重要角色。它提供了简单的API用于数据库交互，包括打开数据库、控制事务和执行SQL查询。尽管WebSQL已被W3C废弃，现代浏览器不再支持，但了解其基本用法和历史仍然有价值。本文介绍了WebSQL的核心API及其在实际项目中的应用示例。
前端开发数据库 Web技术

4.6K Star 彻底颠覆!!! 你敢信浏览器直接跑 Linux！
2024-11-19 02:10:52 +0800 CST view 925
WebVM是一个创新项目，允许用户在浏览器中运行完整的DebianLinux虚拟机，基于CheerpX虚拟化引擎，支持x86二进制文件在WebAssembly上执行。它提供无服务器架构，所有计算任务在本地浏览器完成，确保安全性。WebVM受到了开发者社区的广泛欢迎，简化了开发和测试流程，适合专业开发者和编程爱好者使用。
虚拟化开源项目开发工具 Web技术安全性

jQuery选择器：解锁HTML元素操作的强大工具
2024-11-17 23:06:18 +0800 CST view 631
本文详细介绍了jQuery选择器的使用，包括如何选择和操作HTML元素。通过示例展示了ID、类、元素、属性的选择，以及组合选择器和过滤选择器的用法。还涵盖了表单选择器和子元素、兄弟元素的选择方法，强调了jQuery在灵活选择和操作HTML元素方面的强大功能。
前端开发 jQuery Web技术

推荐几个前端常用的工具网站
2024-11-19 07:58:08 +0800 CST view 699
本文推荐了几个前端常用的工具网站，包括贝塞尔动画曲线生成器、HTML/CSS/JS浏览器兼容性查询、网页响应性测试工具、HTML5元素周期表和抽象语法树查询分析工具。这些工具帮助开发者可视化动画效果、检查浏览器支持、测试响应式设计、学习HTML5元素以及分析JavaScript代码的抽象语法树。
前端开发工具 Web技术

Vue 3 中的新 `<script setup>` 语法详解

Vue 3 中的新 `<script setup>` 语法详解
2024-11-19 06:45:51 +0800 CST view 704
Vue3中的新<scriptsetup>语法为开发者提供了一种更简洁高效的方式来编写Vue组件。它通过编译时宏优化性能，支持TypeScript，简化了响应式数据、计算属性、props和emits的使用。本文详细介绍了<scriptsetup>的用法、优势及示例代码，展示了其在开发过程中的便利性和一致性。
前端开发 Vue.js 编程语言 Web技术

智能视频墙

智能视频墙
2025-02-22 11:21:29 +0800 CST view 596
该文本描述了一个智能视频墙的HTML和JavaScript实现。用户可以创建视频容器，支持拖拽和调整大小，并且能够保存布局到本地存储。使用了EasyPlayerPro播放器来播放视频流，提供了多种调整手柄以便用户自定义视频容器的大小和位置。代码中还处理了窗口大小变化的情况，确保视频容器不会超出视口。
前端开发视频播放用户交互 Web技术

Puter一款基于浏览器的互联网操作系统
2024-11-19 08:47:16 +0800 CST view 715
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 960
本文探讨如何通过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 759
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 2788
本文总结了JavaScript的基础知识，包括常用的输出语句、注释、DOM结构、表单操作、字符串处理、数学函数、日期处理等。内容涵盖了变量声明、条件判断、循环结构、函数定义等基本语法，适合初学者快速了解JavaScript的核心概念和常用功能。
编程 Web开发 JavaScript 前端技术学习资源

彻底解决移动端Web开发中的软键盘兼容性问题

彻底解决移动端Web开发中的软键盘兼容性问题
2025-05-06 09:01:34 +0800 CST view 364
本文分析了移动端Web开发中软键盘的兼容性问题，探讨了iOS和Android平台的差异，并提供了针对输入框被遮挡、fixed定位元素异常及vh单位不一致的解决方案。通过使用VisualViewportAPI和合理的布局策略，开发者可以显著改善用户体验。文中包含了相关的代码示例和最佳实践建议。
Web开发前端技术移动端用户体验兼容性问题

PC端与移动端兼容性适配方案全解析

PC端与移动端兼容性适配方案全解析
2025-05-06 09:08:03 +0800 CST view 436
本文分析了PC端与移动端的兼容性适配方案，探讨了在现代Web开发中面临的挑战及解决方案。介绍了响应式布局、REM适配、组件化方案和动态路由的优缺点，并提供了相关的技术实现代码和性能优化建议。最后，给出了不同类型网站的适配选择指南，强调了从移动端开始设计的重要性。
Web开发前端技术响应式设计用户体验性能优化

上一页12 3...15 下一页