草庐IT

前端就业

全部标签

Java教程:如何读取服务器文件并推送到前端并下载,图片格式以浏览器渲染模式

起因:----在我们做文件上传时,通常会保存文件的相对路径在数据库中,然后返回前端http访问路径,来对文件进行下载或图片预览功能,但是有时候我们并不想直接返回文件访问地址给前端,这就用到了Java当中的文件输入输出流,将文件以流的方式响应给浏览器,并渲染出图片或下载,接下来就列出具体代码,供大家使用Java后端代码:importlombok.extern.slf4j.Slf4j;importorg.springframework.web.bind.annotation.GetMapping;importorg.springframework.web.bind.annotation.Reque

Rust 编译为 WebAssembly 在前端项目中的使用

前言最近,加大了对Rust相关文章的输出。在评论区或者私信区有一些不同的声音说:“Rust没有前途,然后...."。其实呢,看一个技术是否有需要学习的动力。想必大家的底层理由都是「一切都是向钱看」,毕竟在国内大家都是业务为主,想自己纯手搞一套符合自己的技术框架和范式,这是不切实际的。(当然也不能一杆子打死,还是有很多技术大牛的)现在大家纠结或者对这个技术属于观望态度,无非就是在平时开发工作中没有涉及到的点。同时,由于国内技术的「滞后性」,有一些应用场景其实还是处于蛮荒的状态。(不是崇洋媚外,事实确实如此)。所以,在一些可以用到新的技术点的方向上,国内还是处于蓝海阶段。所以,本着对该技术的独有关

vue前端获取/切换麦克风,播放采集音频和采集音量大小

vue获取/切换麦克风且播放采集音频和音量大小一、前言二、案列图示三、代码1、获取麦克风列表2、用户在麦克风列表里面选择一个麦克风3、选取了麦克风以后使用当前麦克风录音4、获取采集的音频音量大小四、全部代码一、前言使用时确保你有如下依赖且版本为Vue2,终端里面运行npminstallelement-uinpminstallrecordrtcnpminstallsasssass-loader二、案列图示三、代码1、获取麦克风列表if(navigator.mediaDevices&&navigator.mediaDevices.getUserMedia){varMic=[]//弹框获取麦克风na

在前端html页面中向服务器发送post登录请求

目录前言搭建服务器搭建前端登录页面获取表单值使用axios发送post登录请求前言一般在html页面中向服务器发送post请求的模块为登录请求,本文将介绍如何向服务器发送post请求搭建服务器如何搭建服务器请看JWT认证这篇文章,有详细的解说。这里之所以使用JWT认证是因为在前端html页面发起post请求会有跨域问题。这里直接附上完整代码//导入express模块constexpress=require('express')//创建express服务器实例constapp=express()//导入jwt相关的包constjwt=require('jsonwebtoken')constexp

前端自动化测试(二)Vue Test Utils + Jest

1、概述1、为什么需要自动化测试?项目会从快速迭代走向以维护为主的状态,因此引入自动化测试能有效减少人工维成本。自动化的收益=迭代次数*全手动执行成本-首次自动化成本-维护次数*维护成本对于自动化测试,相对于发现未知问题,更倾向于避免可能的问题。2、分类(1)单元测试单元测试(unittesting),是指对软件中的最小可测试单元进行检查和验证,通常是针对函数、模块、对象进行测试,但在前端应用中组件也是被测单元,对于代码中多个组件共用的工具类库、多个组件共用的子组件应尽可能提高覆盖率。特点:单元测试执行速度很快;应该避免依赖性问题,如不存取数据库,不访问网络等,而是使用工具虚拟出运行环境;由于

前端必备 Nginx 配置

Nginx(enginex)是一个轻量级高性能的HTTP和反向代理服务器,同时也是一个通用代理服务器(TCP/UDP/IMAP/POP3/SMTP),最初由俄罗斯人IgorSysoev编写。基本命令:nginx-sreopen#重启Nginxnginx-sreload#重新加载Nginx配置文件,然后以优雅的方式重启Nginxnginx-sstop#强制停止Nginx服务nginx-squit#优雅地停止Nginx服务(即处理完所有请求后再停止服务)nginx-?,-h#打开帮助信息nginx-v#显示版本信息并退出nginx-V#显示版本和配置选项信息,然后退出nginx-t#检测配置文件是

前端实现界面切换主题

✨目录🎈样式切换主题🎈变量设置主题🎈样式切换主题常用的主题切换实现方式之一,就是通过link标签的rel属性来实现的当rel标签的值是alternate,就代表该样式是可以替换的title属性要加就全加上或者全不加,因为title会导致系统直接识别成样式文件,意思就是如果两个样式文件,第一个没有加该属性,第二个加了该属性,系统会直接使用有该属性的样式进行载入假如此时页面有三个样式文件,分别是:default.css、dark.css、light.css可以通过激活可替换样式即可实现主题的切换,适合确定的主题样式之间切换/*default.css*/body{background-color:w

飞码LowCode前端技术系列(二):如何便捷配置出页面 | 京东云技术团队

一、配置解法飞码LowCode前端技术(一)中飞码提出了至少需要满足2个大能力点以及对应16个细化点。在业务复杂的场景下数据具有流转性质,事件的触发会改变数据、同时也会触发其他事件等情况。飞码使用数据驱动+事件驱动的模式解决数据流转性与事件不确定性问题。数据驱动+事件驱动的模式决定了需要飞码的编辑态具备数据可配性、事件可配性。为LowCode或NoCode解营销域下的场景奠定夯实基础。整体设计详见图1图1在飞码LowCode前端技术(一)中细说了飞码DSL设计以及每个独立单元数据结构的设计。以下会对如何便捷配置出页面(编辑态)中的前3个(数据源、组件、模板)进行说明。二、数据源(接口)设计We

mongodb - 在前端使用丑陋的 mongodb _ids

有点主观的问题,但我对在客户端使用mongodb_ids有一些担忧。我最好使用s52ruf6wst或xR2ru286zjI之类的东西来获取RESTful资源并处理小的项目集合。1)我开始依赖后端数据库的专有实现(_id字段名称和实现)。如果我坚持使用这个_ids,以后更换后端数据库就更难了。2)我有包含mongo_id的巨大丑陋URL(即使对于REST端点——我不喜欢它)3)对于黑客和“好奇的用户”来说,使用哪个后端数据库是显而易见的。正如我所看到的,大多数Web应用程序都使用自己的约定来确定id、uid、uuid应该是什么样子,而且我认为它看起来更专业(比使用db供应商的直截了当的丑