基于php大文件分片上传至七牛云,使用的是七牛云js-sdkV2版本,引入js文件,配置简单,可以暂停,暂停后支持断点续传(刷新、关闭页面、重新上传、网络中断等情况),可以配置分片大小和分片数量,官方文档https://developer.qiniu.com/kodo/6889/javascript-sdk-historical-document-2-x。token需要从后端获取。如果不使用七牛云可参看基于php+webuploader的大文件分片上传,带进度条前端DOCTYPEhtml>html>head>metacharset="UTF-8">title>分片上传七牛云title>head
目录?项目效果?安装go-cqhttp?虚拟文件?启动ChatGPT?项目效果由于ChatGPT目前只能在漂亮国使用,所以想要在国内使用ChatGPT必然险阻重重不仅时时刻刻要跟企鹅公司斗智斗勇,还要时时刻刻都要跟openai公司打游击,真的是很难有一个稳定的版本供大家屡试不爽在不断的游击战中,我们也是越战越勇,在磨练中,技术越来越完善,体验也越来越趋近于稳定。在上一版本中,我们使用的是mirai技术登录QQ,导致会出现各种各样的问题。所以在新版中,我们将克服所有登录的问题,使用go-cqhttp进行扫码登录,一劳永逸解决登录难题想看mirai登录版本文章的可点击:https://www.cn
目录?项目效果?安装go-cqhttp?虚拟文件?启动ChatGPT?项目效果由于ChatGPT目前只能在漂亮国使用,所以想要在国内使用ChatGPT必然险阻重重不仅时时刻刻要跟企鹅公司斗智斗勇,还要时时刻刻都要跟openai公司打游击,真的是很难有一个稳定的版本供大家屡试不爽在不断的游击战中,我们也是越战越勇,在磨练中,技术越来越完善,体验也越来越趋近于稳定。在上一版本中,我们使用的是mirai技术登录QQ,导致会出现各种各样的问题。所以在新版中,我们将克服所有登录的问题,使用go-cqhttp进行扫码登录,一劳永逸解决登录难题想看mirai登录版本文章的可点击:https://www.cn
VE-Plus自研轻量级vue3.js桌面pc端UI组件库经过一个多月的筹划及开发,今天给大家带来一款全新的Vue3桌面端UI组件库VEPlus。新增了35+常用的组件,采用vue3setup语法糖开发,在使用上和element-ui比较类似,极易快速上手。ve-plus致力数据驱动视图,使用最少的代码量来实现和element-ui一样的功能。极少引入外部插件,高定制化及运行速度快。整合了之前使用vue3.js开发的两个独立插件vue3-layer弹窗、vue3-scrollbar虚拟滚动条组件。ve-plus遵循简洁直观的UI风格,设计样式、图标和文本、元素的位置等保持一致性。◆安装npmi
基于Svelte3.x开发pc网页版自定义弹窗组件svelteLayer。svelte-layer:基于svelte.js轻量级多功能pc桌面端对话框组件。支持多种弹窗类型、30+参数随意组合配置,整合了拖拽/四周缩放/最大化/记忆弹窗位置/全屏/自定义层级等功能。svelteLayer功能效果上有些类似layer.js插件。◆快速引入在需要使用组件功能的页面,引入组件。importLayer,{svLayer}from'$lib/Layer'svelteLayer支持标签式+函数式两种调用方式。标签式调用询问框-->Layerbind:open={showConfirm}shadeClose
VE-Plus自研轻量级vue3.js桌面pc端UI组件库经过一个多月的筹划及开发,今天给大家带来一款全新的Vue3桌面端UI组件库VEPlus。新增了35+常用的组件,采用vue3setup语法糖开发,在使用上和element-ui比较类似,极易快速上手。ve-plus致力数据驱动视图,使用最少的代码量来实现和element-ui一样的功能。极少引入外部插件,高定制化及运行速度快。整合了之前使用vue3.js开发的两个独立插件vue3-layer弹窗、vue3-scrollbar虚拟滚动条组件。ve-plus遵循简洁直观的UI风格,设计样式、图标和文本、元素的位置等保持一致性。◆安装npmi
基于Svelte3.x开发pc网页版自定义弹窗组件svelteLayer。svelte-layer:基于svelte.js轻量级多功能pc桌面端对话框组件。支持多种弹窗类型、30+参数随意组合配置,整合了拖拽/四周缩放/最大化/记忆弹窗位置/全屏/自定义层级等功能。svelteLayer功能效果上有些类似layer.js插件。◆快速引入在需要使用组件功能的页面,引入组件。importLayer,{svLayer}from'$lib/Layer'svelteLayer支持标签式+函数式两种调用方式。标签式调用询问框-->Layerbind:open={showConfirm}shadeClose
1.首先我们先准备一个盒子,让盒子的宽高等于零,分别给定四个方向的边框大小、实线、边框颜色;让边框来充当内容。1DOCTYPEhtml>2htmllang="en">34head>5metacharset="UTF-8">6metahttp-equiv="X-UA-Compatible"content="IE=edge">7metaname="viewport"content="width=device-width,initial-scale=1.0">8title>Documenttitle>9style>10.box1{11width:0;12height:0;13margin:0auto
防抖和节流是处理高频触发最常见的优化方式,对性能提升有很大的帮助。防抖:将多次的高频操作优化为只在最后一次执行,应用场景如:输入框,只需在最后一次输入进行校验即可。节流:保证每隔一段时间只执行一次,降低触发的频率,将高频操作优化成低频操作。应用场景如:添加表单、滚动条事件、resize事件等高频监听事件。 防抖的代码:inputplaceholder="请输入手机号"/>script>//获取input对象letinp=document.querySelector('input');//监听input值的变化inp.addEventListener('input',antiShake(ani
本人第一次发博客,用意在于记录自己在开发过程中用到的实用工具并分享出来,写的可能不好,请大家多多包涵!!!工具官网:https://www.zwibbler.com基于Canvas的一个前端绘画工具。具体功能本人暂未深究。主要在项目中的应用场景如下:1.将Canvas画板植入前端2.用户可通过左侧的画笔选项工具选择画笔在画板上绘图3.绘图完成后点击页面中的提交按钮可将绘制后的画板以jpg格式提交到服务器中 废话不多说,在此简述一下如何实现上述几点:引入Zwibbler的JS文件,我个人引入的是官网的zwibbler-demo.js首先,将Canvas画板植入前端 1.页面写一个divd