草庐IT

前端video-player

全部标签

后端“fastapi”+前端“vue3+ts+ElementPlus”上传文件到uploads目录

一、后端fastapi确保已安装好python3和fastapipython-mpipinstall'fastapi[all]'mail.pyfromfastapiimportFastAPI,File,UploadFilefromfastapi.responsesimportFileResponseimportosapp=FastAPI()@app.post("/upload")asyncdefcreate_upload_file(file:UploadFile=File(...)):dirs='uploads'#判断uploads目录是否存在,否则新建uploads目录ifnotos.pat

前端传参中带有特殊符号导致后端接收时乱码或转码失败的解决方案

文章目录bug背景解决思路1:解决思路2解决思路3(最终解决方案)后记bug背景项目中采用富文本编辑器后传参引起的bug,起因如下:数据库中存入的数据会变成这种未经转码的URL编码解决思路1:使用JSON方式传参,但富文本编辑器不支持将内容转成JSON,会遗失标签,显然不符合把富文本文章存入数据库的需求,所以PASS解决思路2使用URL拼接方式传参,而缺点也是明显的,URL拼接的参数长度有限,用户就不能编写长文本了。且用此种方法,后端接收到的数据依旧会因特殊字符而转码失败(不知道是不是框架MVC配置的拦截器逻辑有问题,遇到特殊字符后就不去处理了),用URLDecoder.decode方法手动转

前端秘法基础式终章----欢迎来到JS的世界

目录一.JavaScript的背景二.JavaScript的书写形式1.行内式2.嵌入式3.外部式三.JS中的变量1.变量的定义2.JS动态类型变量2.1强类型和弱类型3.JS中的变量类型四.运算符五.if语句和三元表达式和Switch语句和循环语句六.数组1.创建获取数组元素2.新增数组元素七.函数1.函数的声明和调用2.作用域及作用域链八.对象1.对象的创建1.1字面变量创建1.2使用newObject创建1.3构造函数创建对象1.4class构造对象1.5static修饰1.6对象的继承一.JavaScript的背景JavaScript是一种高级编程语言,通常用于网页开发和网页交互。它可

2024 AI & 前端:回首展望,光芒未至,破晓之前!

前言回望2023年,ChatGPT的突然爆火,让AI无疑成为最为值得注目的新兴领域之一,我们也一起见证了生成式AI的寒武纪大爆发。这一年来,国内外的生成式AI、大模型和相关产品以令人眼花缭乱的速度更新迭代,新的创业浪潮风起云涌。在这AI浪潮下,也让我们有了新的开发思考,探索着在各个环节中“前端&AI”的应用场景。勇于探索的前端开发者们已经开始挥舞着AI的“魔法棒”,譬如代码生成、辅助CR、低代码、测试、业务提效等各类开发环节都被赋予了新的活力和可能性。在经历长时间与复杂项目“搏斗”的你,是否对不断重复的工作感到厌倦?当你面对上万行的代码的CodeReview时,是否也曾让你感到力不从心?业务遇

两步教你ruoyi若依跳过前端拦截器变成自己的前端

前端跳过拦截登录目的是为了,复用一些ruoyi的前端框架,就直接改他的前端的某些东西变成自己的前端不香吗?然后因为每个页面都会拦截登录,所以作以下修改跳过前端的token拦截配置白名单只需要在ruoyi-ui/src/permission.js的whiteList数组中添加你要访问的路径http://localhost/system/post想要访问这个路径,就可以添加'/system/post',前面的localhost端口是在vue.config.js的12行左右配置;constport=process.env.port||process.env.npm_config_port||80//

【前端实战小项目】学成在线网页制作

文章目录1.项目准备1.1项目目录2.头部区域2.1头部区域布局2.2logo制作2.2导航制作技巧(nav)2.3搜索区域(search)2.3用户区域(user区域)3.banner区域3.1总体布局3.2左侧侧导航(left)3.3右侧课程表(left)4.精品推荐区域(recommend)5.精品课程(course)6.前端开发工程师区域7.版权区域1.项目准备1.1项目目录网站根目录是指存放网站的第一层文件夹,内部包含当前网站的所有素材,包含HTML、CSS、图片、JavaScript等等。项目文件夹(如study)images文件夹:存放固定使用的图片素材,例如:logo、样式修饰

前端如何把图片url地址https://url转成base64

前端如何把图片url地址https://url转成base64一、直接上代码一、直接上代码asyncgetImgImg(){leturl=awaitthis.base64(this.From.imageData)},base64(url){returnnewPromise(resolve=>{constimage=newImage()//先设置图片跨域属性image.crossOrigin='Anonymous'//再给image赋值src属性,先后顺序不能颠倒image.src=urlimage.onload=function(){constcanvas=document.createEle

VGM之Sora:OpenAI重磅发布一款“炸天”的视频生成模型—《Video generation models as world simulators视频生成模型作为世界模拟器》翻译与解读

VGM之Sora:OpenAI重磅发布一款“炸天”的视频生成模型—《Videogenerationmodelsasworldsimulators视频生成模型作为世界模拟器》翻译与解读目录相关文章AI之Sora:Sora(文本指令生成视频的里程碑模型)的简介(能力/安全性/技术细节)、使用方法、案例应用之详细攻略VGM之Sora:OpenAI重磅发布一款“炸天”的视频生成模型—《Videogenerationmodelsasworldsimulators视频生成模型作为世界模拟器》翻译与解读《Videogenerationmodelsasworldsimulators视频生成模型作为世界模拟器》

【前端部署】前端Vue部署正式环境部署上线流程

将Vue项目部署到线上,通常需要经过以下步骤:1.**本地开发和测试:**  -确保您的本地开发环境已经安装了Node.js和npm。  -在命令行中进入您的Vue项目目录,并运行以下命令安装项目依赖:   ```bash   npminstall   ```  -完成依赖安装后,可以使用以下命令在本地启动开发服务器进行测试:   ```bash   npmrunserve   ```  -打开浏览器并访问`http://localhost:8080`(默认端口号为8080),确保项目能够正常运行,并进行功能测试和调试。2.**版本控制和代码托管:**  -将您的Vue项目代码上传到远程代码仓

(企业 / 公司项目)前端使用pingyin-pro将汉字转成拼音

1.官方网址:pinyin-pro|pinyin-pro 2.介绍​pinyin-pro 是一个专业的JavaScript中文转拼音的库,具备多音字识别准确、体积轻量、性能优异、功能丰富等特点。在同类产品中,pinyin-pro 无论是多音字识别准确率、体积、性能还是功能的支持度上,都做到了全网领先。以下是关于性能及准确率方面和同类竞品 pinyin、@napi-rs/pinyin 的具体对比数据。测试环境​设备:品牌及型号:联想小新Pro13ARE2020系统:Windows10RAM:16GBCPU:AMDRyzen74800U1.8GHz运行环境:Nodejsv18.12.1对比结果​对