草庐IT

纯前端

全部标签

图片转base64格式返回给前端,前端如何展示?

图片以base64形式在页面上展示出来在这里要说到DataURIscheme,它可以直接将一些小的数据直接嵌入到网页中,不需要再引入。支持格式如下data:,文本数据data:text/plain,文本数据data:text/html,HTML代码data:text/html;base64,base64编码的HTML代码data:text/css,CSS代码data:text/css;base64,base64编码的CSS代码data:text/javascript,Javascript代码data:text/javascript;base64,base64编码的Javascript代码dat

【前端】Vue+Element UI案例:通用后台管理系统-代码总结(已开源)

文章目录前言项目文件目录apimockServehome.jspermission.jsindex.jsmock.jsuser.jsassertcomponentsCommonAside.vueCommonHeader.vueCommonTags.vuedataechartsDataorder.jsuser.jsvideo.jsmockDatatableData.jsuserData.jsvideoData.jsCountData.jsMenuData.jsTableData.jsTableLabel.jsrouterindex.jsstoreindex.jstab.jsutilsreques

【前端修炼之路】第一话 · 初识前端领域

写在前面夏日炎炎,现在屋外的鸟儿叫的很欢,屋内刚刚组装完的主机风扇在轰轰作响,呜呜呜,怎么闻怎么看都不像是矿卡的显卡现在竟散发出阵阵甜味~哈哈哈哈开个玩笑,写个文章看个视频,这显卡的风扇应该都不带转的吧。言归正传,好久没有写文章了,我也想写,可是有时候人就是会摆烂,之前是很忙,在忙毕设;之后虽然忙完了,但是要忙搬家;到了家里,又要打理房间,真心有些疲惫,所以也不能说自己在偷懒吧~总之,大学四年也告一段落了,有很多遗憾,也有很多话想说,但我想,现在都不是最好的时间,一年后的今天可能会更为合适,为什么呢?因为我要开始准备考研了,当然考研并不是想要去逃避工作,也不是想要去遗忘本科四年机械路的艰辛,只

Java接收前端请求体方式

💗wei_shuo的个人主页💫wei_shuo的学习社区🌐HelloWorld!文章目录@RequestBody@PathVariable@RequestParam@Validated方法参数校验方法返回值校验@RequestHeader@HttpServletRequest##Java接收前端请求体的方式请求体(RequestBody)是HTTP请求中的一部分,用于传输请求的数据;在HTTP请求中,请求体通常用于POST、PUT等需要传递数据的请求方法表单数据(FormData):请求体以键值对的形式表示,使用&符号分隔不同字段;例如:username=johndoe&password=12

Vue 3 + ffmpeg + wasm 实现前端视频剪辑、音频剪辑、音波展示、视频抽帧、gif抽帧、帧播放器、字幕、贴图、时间轴、素材轨道

预览www.bilibili.com/video/BV1YT411Y7YJ技术栈:💪Vue3、Vue-Router4、Vite、pnpm、esbuild、TypeScript☀️Pinia状态管理🌪Tailwind原子css集成💥ffmpeg、wasm底层音视频处理集成功能多轨道时间轴,支持帧缩放,时间缩放支持多种类型轨道的添加删除多功能轨道调节,支持音视频轨道内裁剪,支持轨道拖拽调整顺序、起止帧可伸缩轨道列表,灵活调整轨道列表高度可配置参数容器,轨道属性调节全部由配置文件生成ffmpeg核心API封装管理调用队列封装,支持并发运行rungif抽帧、视频抽帧、视频裁切、音视频分离、文件下载音频

百度翻译API使用教程(前端+后端)

1.资格获取首先我们需要登录百度翻译开放平台,获取开发者资格:访问百度翻译开放平台然后进行注册(如果有百度账号的话可以直接登录)注册成功后点击“产品服务”:跳转到通用文本API界面:在页面底部点击“立即使用”即可选择服务进行使用通用文本API有三种服务可供选择:个人用户可以使用前两种,高级版的使用需要个人认证(实名认证)2.简单使用点击“管理控制台”,打开“开发者信息”界面:即可看到你的APPID和密钥信息,在调用接口的时候需要用到;点击“我的服务”中的通用文本翻译,即可看到服务使用情况及明细如果对于翻译的术语有特殊要求,可以点击“我的语料库”,并新建术语库:这样我们设置的术语即可干预翻译结果

前端高频面试题 Day03

1.Vuecomputed和watch区别对于Computed:●它支持缓存,只有依赖的数据发生了变化,才会重新计算不支持异步,当Computed中有异步操作时,无法监听数据的变化●computed的值会默认走缓存,计算属性是基于它们的响应式依赖进行缓存的,也就是基于data声明过,或者父组件传递过来的props中的数据进行计算的。●如果一个属性是由其他属性计算而来的,这个属性依赖其他的属性,-般会使用computed●如果computed属性的属性值是函数,那么默认使用get方法,函数的返回值就是属性的属性值;在computed中,属性有一个get方法和一个set方法,当数据发生变化时,会调

【前端|JS实战第1篇】使用JS来实现属于自己的贪吃蛇游戏!

前言贪吃蛇游戏是经典的小游戏,也是学习前端JS的一个很好的练习项目。在本教程中,我们将使用JavaScript来逐步构建一个贪吃蛇游戏。我们会从创建游戏区域开始,逐步添加蛇的移动、食物的生成以及游戏逻辑等功能。🚀作者简介:程序员小豪,全栈工程师,热爱编程,曾就职于蔚来、腾讯,现就职于某互联网大厂,技术栈:Vue、React、Python、Java🎈本文收录于小豪的前端系列专栏,后续还会更新前端入门以及前端面试的一些相关文章,手把手带你从零学习前端到面试找工作,并如果有想进入前端领域工作的同学,这个前端专栏会对你有所帮助,欢迎关注起来呀🌼本人也会持续的去关注AIGC以及人工智能领域的一些动向并总

前端开发进阶:前端开发中如何高效渲染大数据量?

在日常工作中,有时会遇到一次性往页面中插入大量数据的场景,在数栈的离线开发(以下简称离线)产品中,就有类似的场景。本文将通过分享一个实际场景中的前端开发思路,介绍当遇到大量数据时,如何实现高效的数据渲染,以达到提升页面性能和用户体验的目的。渲染大数据量时遇到的问题在离线的数据开发模块,用户可以在SQL编辑器中编写SQL,再通过整段运行/分段运行来执行SQL。在点击整段运行后,从运行成功日志打印后到展示结果的过程中,有一段时间页面会很卡顿,主要表现为编辑器编写卡顿。我们是在解决SQL最大运行行数问题时,发现了上述需要进行性能优化的场景。先来梳理下当前代码的设计逻辑:·前端将选中的SQL传递给服务

前端已死?后端已亡?弯弯绕绕,几分真几分假

前段时间,我在掘金分享了一篇GPT-4性能文章,也许是过于强大带来的威胁性,引来评论区的排队哀嚎(如下图),所以“前端已死,后端已亡”这个概念真的成立吗?本文着重探讨前端。前端和后端有什么不一样?如果要浅显易懂的解释前后端我认为前端更像码农里的艺术生,后端则是码农里的医生,前后端一左一右相互配合,才能支撑产品的实现。前端:网页和应用程序上,一切你浏览到的内容,都属于前端。做前端岗,主要考虑产品视觉+用户体验。后端:与前端相反,网页和应用程序上,一切你浏览不到的内容,就属于后端。做后端岗,考虑的是如何实现功能、数据的存取、平台稳定性与性能。关于“前端已死”的一点思考前端已死,更多的是一种焦虑情绪