Web前端入门第 89 问:总结 8 种跨域通信处理方案
为什么会跨域?跨域是谁附加的限制?为什么 APP 不会有跨域问题? 首先跨域问题是由于浏览器的同源策略(Same-Origin Policy)导致的,基本上所有浏览器都有限制,默认情况是不允许跨域访问的!! APP 的请求不受浏览器的同源策略限制,所以不存在跨域。类似一个服务器像另一个服务器发起请求 ...
【前端效率工具】:告别右键另存,不到 50 行代码一键批量下载网页图片
写在开头 点赞 + 收藏 学会 先看效果:在素材网站一键批量保存所有图片 废话不多说,直接上手! 项目结构 image-downloader-extension ├── manifest.json # 扩展的"身份证" └── background.js # 插件后台脚本 创 ...
FFmpeg开发笔记(八十六)基于Node.js的国产视频编辑开源框架OpenCut
《FFmpeg开发实战:从零基础到短视频上线》一书的“第 12 章 FFmpeg的移动开发”介绍了如何使用FFmpeg在手机上剪辑视频,方便开发者更好地开发类似剪映那样的视频剪辑软件。那么在桌面系统上还有一款国产的开源视频编辑框架OpenCut,通过该框架可以更快地加工编辑视频文件,下面就来介绍如 ...
免费高颜值!一款跨平台桌面端视频资源播放器!
ZyPlayer —— 一款免费易用且打造的全功能媒体播放器,基于 electron-Vite 框架,结合 TDesign 组件库和 Vue3 全家桶,致力于提供流畅、高效的跨平台娱乐体验。 ...
上传图片后图片加载失败,或因后台ftp传输共享目录延迟导致获取不到
在前端上传图片后,通过ajax传输至后台服务器,后台服务器通过ftp方式将文件发送至共享目录中,或因传输延迟或共享目录同步延迟导致前端无法获取到已上传的图片信息,这时需要对图片进行重新加载处理。 进行重新加载时需考虑加载次数以及加载时间,当图片加载失败时,通过重试机制重新加载图片。随加载次数递增,延 ...
别再说我不懂Node"流"了
Nodejs中包括4种类型的流:Readable、Writable、Duplex和Transform. Readable Stream 自定义Readable 自定义 Readable 流必须调用 new stream.Readable([options]) 构造函数并实现 readable._re ...
vivo 前端三剑客发展历程及原理揭秘
异地协作模式,给开发和测试间的问题沟通及定位带来了诸多挑战。本文从前端开发视角出发, 阐述在这过程中遇到的痛点,探索解决的思路,并在过程中成功孵化出技术工具“前端三剑客”,文章深入解析了“前端三剑客”技术的实现原理及应用场景。 ...
CSS3 超实用属性:pointer-events (可穿透图层的鼠标事件)
写在开头 点赞 + 收藏 学会 CSS3 pointer-events 属性:实现可穿透图层的鼠标事件 在网页开发中,我们通常会遇到多个元素重叠的情况。在这种情况下,如何使得被遮挡的元素仍然能够响应鼠标事件呢?CSS3 引入了 pointer-events 属性,允许开发者控 ...
如果使用 vxe-table 实现全键盘操作,按键切换复选框单选框的选中状态
如果使用 vxe-table 实现全键盘操作,按键切换复选框单选框的选中状态,当遇到特点需求,比如需要通过按键来选中复选框或单选框时,该功能就非常有用了。 查看官网:https://vxetable.cn gitbub:https://github.com/x-extends/vxe-table g ...
解决用electron打包Vue工程(Vite)报错electron : Failed to load URL : xxx... with error : ERR _CONNECTION_REFUSED
摘要:Vue+Vite项目使用Electron打包时出现ERR_CONNECTION_REFUSED错误,原因是未正确引用构建后的静态资源。关键解决步骤:1)运行npm run build生成dist目录;2)修改Electron配置引用dist内的资源;3)确保build过程中修复所有报错。注意构... ...
给VitePress的右上角增加Github角标
介绍 我没有找到VitePress的Github角标的插件,所以做了后面的嵌入流程,方案是在主题布局中直接引入。如果不知道这两个项目的同学可以看看介绍部分 github-corner 可以在页面的四角显示Github角标,可以自定义大小、背景颜色。当鼠标移动到这个角标时还能看到Github摇尾巴的动 ...
Pixelium Design:Vue3 的像素风 UI 组件库
Pixelium Design:Vue3 的像素风 UI 组件库 Pixelium Design 是一个基于 Vue 3 的像素风 UI 组件库。我们从早期像素游戏的经典美学中汲取灵感,为现代 Web 应用带来复古风格的界面和体验。该项目的初衷是为开发者提供一系列可复用、高效能的像素风组件,让 ...
宝藏工具站!一个轻量实用的在线工具集合!
MikuTools —— 一个开源的在线工具集合,开发了图片处理、文本转换、编程开发等数十种工具。采用 Vue 全家桶 + Nuxt.js 技术栈开发,界面简洁清爽,操作简单直观。 ...
vue 下拉框 vxe-select 实现人员选择下拉列表
vue 下拉框 vxe-select 实现人员选择下拉列表 使用自定义选项插槽的方式,可以灵活的实现各种类型的下拉选择 官网:https://vxeui.com github:https://github.com/x-extends/vxe-pc-ui gitee:https://gitee.com ...
Vue3+ElementPlus的BS端主从表的快速开发
在实际业务中,主从表的情况也是很常见的,如订单和订单明细,报价单和报价单明细,工艺和工艺路线,进货单和进货单明细等等,很常见的处理类型。
主从表一般涉及两个以上的表,一个是主表,其他的是从表的,在实际情况下,一般包含两个表较多,我们这里以两个表的主从表关系进行分析处理。本篇随笔介绍基于Vue3+El... ...
AG Grid推出全新MCP服务器——让AI更智能地理解你的数据表格!
作为全球领先的前端表格控件之一,AG Grid 再次引领创新。近日,AG Grid正式发布 AG MCP(Model Context Protocol Server) —— 一个基于开源协议的智能接口,旨在让各类AI模型(如Claude、Cursor、Copilot等)能够直接访问最新、最准确的AG... ...
记录---图文并茂讲解nginx中http升级https(部署SSL证书)知识点总结
写在开头 点赞 + 收藏 学会 为何网站要升级为https 原因有以下几点: 1. 避免浏览器的不安全的警告 浏览器对于http的网站会在地址栏明确标记【不安全】字样 这样直接降低用户对网站的信任度 造成用户流失 甚至可能被用户误认为是钓鱼网站 如下图,是笔者的网站没有升级h ...
Web前端入门第 88 问:引入 JavaScript 的 script 标签究竟有多少用法?
HTML 版本不停的更新迭代,也导致浏览器支持的写法眼花缭乱,就拿 script 标签来说,刚刚入行的那会儿就只知道用来写内联的 js 代码,后来又学到了引入 js 文件,ES 模块规范化之后又知道能用来引入模块化的 js 代码,可这就是它的全部了吗?? 然而...并不是!!! 各种用法 看看 sc ...
兼容移动端!一款开源免费的中后台管理系统模版!
vue-pure-admin —— 一款开源免费且开箱即用的中后台管理系统模版,完全采用 ECMAScript 模块(ESM)规范来编写和组织代码,使用了最新的 Vue3 主流技术开发。 ...



