程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
15年,专注软件定制开发
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
10个优秀的开源无头浏览器—自动化测试、爬虫、RPA 操作利器
综合
10个优秀的开源无头浏览器—自动化测试、爬虫、RPA 操作利器
2024-11-19 09:36:25 +0800 CST
view 891
无头浏览器是一种没有图形用户界面的Web浏览器,能够在后台执行任务,广泛应用于自动化测试、网络爬虫和数据抓取。它通过编程接口支持控制,提升测试效率并节省资源。主流工具包括Puppeteer、Selenium、Playwright等,适合在CI/CD流程中使用,但可能无法完全模拟真实用户体验。
开源工具
自动化
Web技术
测试
爬虫
综合
基于Webcodecs + Vue3实现的Web端剪辑工具
2024-11-19 10:07:35 +0800 CST
view 843
这是一个基于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 1929
本文介绍了HTML中input:file属性的使用,包括accept和multiple属性的具体应用,以及常用的MIME类型列表。同时,文中详细说明了如何使用AJAX上传文件,包括获取文件列表、构建表单数据和发送POST请求的步骤,最后展示了服务器端接收文件的示例。
HTML
文件上传
AJAX
前端开发
Web技术
综合
Vue3项目中使用print.js实现网页的局部打印功能
2024-11-19 06:40:55 +0800 CST
view 832
本文介绍了如何在Vue3项目中使用print.js实现网页的局部打印功能。通过简单的安装和代码示例,读者可以快速上手。文章详细说明了如何引入print.js、编写需要打印的HTML元素、绑定打印事件以及配置打印选项。print.js提供了丰富的配置,满足不同的打印需求,帮助开发者轻松实现局部打印。
前端开发
Vue
打印功能
JavaScript
Web技术
使用Vue 3和Axios进行API数据交互
编程
使用Vue 3和Axios进行API数据交互
2024-11-18 22:31:21 +0800 CST
view 511
本文介绍了如何使用Vue3和Axios进行API数据交互。通过示例代码,展示了如何创建一个简单的组件来获取并显示用户数据,包括环境准备、组件结构、运行项目及异常处理等内容。使用CompositionAPI和setup语法糖,提升了代码的可读性和可维护性,同时实现了基本的错误处理机制,以改善用户体验。
前端开发
Web技术
JavaScript
thinkphp swoole websocket 结合的demo
编程
thinkphp swoole websocket 结合的demo
2024-11-18 10:18:17 +0800 CST
view 2567
WebSocket是HTML5提供的一种协议,允许在单个TCP连接上进行全双工通讯。通过WebSocketAPI,浏览器与服务器只需进行一次握手,便可建立快速通道进行数据传输。客户端使用JavaScript发起连接,连接建立后可通过send()方法发送数据,并通过onmessage事件接收服务器返回的数据。
网络通讯
Web技术
实时数据传输
ServiceWorker是一种在浏览器后台运行的独立线程,能够实现缓存、消息推送和后台更新等功能
编程
ServiceWorker是一种在浏览器后台运行的独立线程,能够实现缓存、消息推送和后台更新等功能
2024-11-18 14:06:55 +0800 CST
view 440
ServiceWorker是一种在浏览器后台运行的独立线程,能够实现缓存、消息推送和后台更新等功能。它通过拦截请求并根据逻辑处理,提供了强大的离线访问能力。本文详细介绍了ServiceWorker的注册、生命周期、请求拦截、事件监听及缓存策略,并展示了如何实现离线访问功能。
Web技术
前端开发
离线应用
服务端能力
如何利用JavaScript开发一个兼容PC和移动端的富文本编辑器
编程
如何利用JavaScript开发一个兼容PC和移动端的富文本编辑器
2024-11-19 04:21:14 +0800 CST
view 542
本文介绍了如何利用JavaScript开发一个兼容PC和移动端的富文本编辑器,涵盖了可编辑区域的设置、光标操作、文本格式修改及移动端的优化等内容。通过使用`contenteditable`属性和`selection`、`range`对象,开发者可以实现丰富的编辑功能,并解决在不同浏览器和设备上遇到的问题。
前端开发
JavaScript
Web技术
WebSQL数据库:HTML5的非标准伴侣
编程
WebSQL数据库:HTML5的非标准伴侣
2024-11-18 22:44:20 +0800 CST
view 432
WebSQL是一个独立于HTML5规范的数据库API,曾在前端开发中扮演重要角色。它提供了简单的API用于数据库交互,包括打开数据库、控制事务和执行SQL查询。尽管WebSQL已被W3C废弃,现代浏览器不再支持,但了解其基本用法和历史仍然有价值。本文介绍了WebSQL的核心API及其在实际项目中的应用示例。
前端开发
数据库
Web技术
综合
4.6K Star 彻底颠覆!!! 你敢信浏览器直接跑 Linux!
2024-11-19 02:10:52 +0800 CST
view 667
WebVM是一个创新项目,允许用户在浏览器中运行完整的DebianLinux虚拟机,基于CheerpX虚拟化引擎,支持x86二进制文件在WebAssembly上执行。它提供无服务器架构,所有计算任务在本地浏览器完成,确保安全性。WebVM受到了开发者社区的广泛欢迎,简化了开发和测试流程,适合专业开发者和编程爱好者使用。
虚拟化
开源项目
开发工具
Web技术
安全性
编程
jQuery选择器:解锁HTML元素操作的强大工具
2024-11-17 23:06:18 +0800 CST
view 435
本文详细介绍了jQuery选择器的使用,包括如何选择和操作HTML元素。通过示例展示了ID、类、元素、属性的选择,以及组合选择器和过滤选择器的用法。还涵盖了表单选择器和子元素、兄弟元素的选择方法,强调了jQuery在灵活选择和操作HTML元素方面的强大功能。
前端开发
jQuery
Web技术
编程
推荐几个前端常用的工具网站
2024-11-19 07:58:08 +0800 CST
view 461
本文推荐了几个前端常用的工具网站,包括贝塞尔动画曲线生成器、HTML/CSS/JS浏览器兼容性查询、网页响应性测试工具、HTML5元素周期表和抽象语法树查询分析工具。这些工具帮助开发者可视化动画效果、检查浏览器支持、测试响应式设计、学习HTML5元素以及分析JavaScript代码的抽象语法树。
前端开发
工具
Web技术
Vue 3 中的新 `<script setup>` 语法详解
编程
Vue 3 中的新 `<script setup>` 语法详解
2024-11-19 06:45:51 +0800 CST
view 485
Vue3中的新<scriptsetup>语法为开发者提供了一种更简洁高效的方式来编写Vue组件。它通过编译时宏优化性能,支持TypeScript,简化了响应式数据、计算属性、props和emits的使用。本文详细介绍了<scriptsetup>的用法、优势及示例代码,展示了其在开发过程中的便利性和一致性。
前端开发
Vue.js
编程语言
Web技术
智能视频墙
代码
智能视频墙
2025-02-22 11:21:29 +0800 CST
view 263
该文本描述了一个智能视频墙的HTML和JavaScript实现。用户可以创建视频容器,支持拖拽和调整大小,并且能够保存布局到本地存储。使用了EasyPlayerPro播放器来播放视频流,提供了多种调整手柄以便用户自定义视频容器的大小和位置。代码中还处理了窗口大小变化的情况,确保视频容器不会超出视口。
前端开发
视频播放
用户交互
Web技术
综合
Puter一款基于浏览器的互联网操作系统
2024-11-19 08:47:16 +0800 CST
view 503
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 639
本文探讨如何通过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 494
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 2578
本文总结了JavaScript的基础知识,包括常用的输出语句、注释、DOM结构、表单操作、字符串处理、数学函数、日期处理等。内容涵盖了变量声明、条件判断、循环结构、函数定义等基本语法,适合初学者快速了解JavaScript的核心概念和常用功能。
编程
Web开发
JavaScript
前端技术
学习资源
38个实用的JavaScript技巧
编程
38个实用的JavaScript技巧
2024-11-19 07:42:44 +0800 CST
view 599
本文分享了38个实用的JavaScript技巧,涵盖页面操作、日期处理、数组处理、数字转换等多个方面,旨在提升开发效率。每个技巧都附有代码示例,便于读者理解和应用。希望这些技巧能帮助开发者更高效地完成工作。
编程
Web开发
技术分享
JavaScript
Nginx 反向代理
编程
Nginx 反向代理
2024-11-19 08:02:10 +0800 CST
view 607
Nginx是一种高性能的Web服务器和反向代理服务器,广泛应用于Web应用架构中。反向代理功能允许将客户端请求转发到后端服务器,并将响应返回给客户端。本文详细介绍了Nginx反向代理的配置步骤、案例及其在负载均衡中的应用,强调了安全性和扩展性。
Web服务器
反向代理
网络技术
Nginx
WebSocket在消息推送中的应用代码
代码
WebSocket在消息推送中的应用代码
2024-11-18 21:46:05 +0800 CST
view 600
本文对比了AJAX和WebSocket在消息推送中的应用,详细介绍了AJAX的轮询和长轮询方法,以及WebSocket的全双工通信特性。提供了WebSocket客户端和服务器端的实现代码,并封装了WebSocket管理器,支持连接建立、消息发送和重连机制,适合高效的实时消息推送场景。
Web开发
实时通信
前端技术
Node.js
编程
如何在单页应用(SPA)中实现版本更新检测机制
编程
如何在单页应用(SPA)中实现版本更新检测机制
2024-11-18 21:33:53 +0800 CST
view 657
本文探讨了如何在单页应用(SPA)中实现版本更新检测机制。由于SPA的特性,用户可能无法及时获取最新版本,导致功能和安全性问题。文中提供了两种方案:一种是比较构建文件的哈希值,另一种是利用HTTP协议的缓存机制(Etag和Last-Modified)进行版本检测。通过这些方法,可以有效提示用户更新,确保他们使用最新的应用版本。
前端开发
Web应用
用户体验
版本控制
技术方案
踩坑浏览器节能机制导致Websocket断连的问题!
编程
踩坑浏览器节能机制导致Websocket断连的问题!
2024-11-19 05:31:36 +0800 CST
view 839
本文分析了浏览器节能机制导致WebSocket频繁断连的问题,探讨了其原因及解决方法。现代浏览器为提高能效引入了节能机制,影响了WebSocket的心跳机制。通过升级socket.io、使用自定义心跳事件和Web-Workers等方法,可以有效解决这一问题,提升用户体验。
Web开发
网络编程
性能优化
前端技术
初学者的 Rust Web 开发指南
编程
初学者的 Rust Web 开发指南
2024-11-18 10:51:35 +0800 CST
view 550
本文介绍了如何使用Rust语言和Actix-Web框架从零开始构建一个简单的Web应用程序。内容涵盖了Rust的内存安全、高性能和异步处理能力,指导读者安装Rust开发环境、创建项目、编写Web服务器代码,并返回JSON数据。最后,提供了进一步探索的建议,以帮助读者在Web开发中更进一步。
编程
Web开发
Rust
技术教程
大家都在搜索什么?
统一接受回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
企业官网建站费用
一个官网 多少钱
公司官网费用
网站运营费用
上一页
1
2
3
...
14
下一页