草庐IT

img-blog

全部标签

前端Img图片不同格式的互相转化

目录一、格式简介二、格式互转2.1、base64在视图上进行页面展示2.3、将二进制流转为url进行页面展示2.3、静态路径转二进制流传给后端一、格式简介 主要有base64(数字字母组成的乱码那种)、url(http://xxx地址那种)、二进制流(后端上传图片的格式)、本地项目文件夹获取绝对路径(静态文件夹里的image)等。二、格式互转2.1、base64在视图上进行页面展示一般后端会返回一种Base64格式,拿到结果后,我们只需要加上"data:image/png;base64,"进行拼接即可。 视图展示::src="ImgUrl"/>接口返回时的处理,这里的结果就是base64:  

Qt之高仿QQ系统设置界面

QQ或360安全卫士的设置界面都是非常有特点的,所有的配置项都在一个垂直的ScrollArea中,但是又能通过左侧的导航栏点击定位。这样做的好处是既方便查看指定配置项,又方便查看所有配置项。一.效果下面左边是当前最新版QQ的系统设置界面,右边是我的高仿版本,几乎一毛一样360设置中心界面的实现原理是一样的当然除了左侧导航栏,导航栏还能在顶部,比如QQ音乐的设置界面,如下所示:二.原理原理其实很简单,就是QListWidget控件和QScrollArea控件的联动。QQ系统设置左侧导航使用QListWidget控件;右侧的显示区域使用QScrollArea控件;对这两个控件使用styleshee

postman实现接口测试详细教程

各位小伙伴大家好,今天为大家带来postman实战接口测试详细教程一、通过接口文档集合抓包分析接口通过fiddler抓包获取到注册接口URL地址及相关参数数据,并通过接口文档分析接口参数内容及参数说明,如有必要的依赖条件必须进行梳理,如token等Fiddler抓包注册接口请求与响应:接口文档关于注册接口的描述与参数说明: 二、通过postman发起请求并获取响应结果通过第一步获取到的相关数据,按照请求的沟通,分别填写对应的请求行,请求头,请求体相关数据,发起请求注意:通过接口文档与抓包,我们观察到接口的请求参数传参方式Content-Type:application/x-www-form-u

python自动化测试

自动化测试的概念:软件自动化测试就是通过测试工具或者其他手段,按照测试人员的预定计划对软件产品进行自动化测试,他是软件测试的一个重要组成部分,能够完成许多手工测试无法完成或者难以实现的测试工作,正确合理的实施自动化测试,能够快速,全面的对软件进行测试,从而提高软件质量,节省经费,缩短软件的发布周期。自动化测试的历史:1.自动化测试就是任何利用工具来辅助的测试,几乎在计算机工业产生的第一天,这种测试就出现了。   2.历史上从来没有出现过“测试自动化取代测试工程师工作”这种事情发生,除非你完全忽略测试人员们的真正工作。  3.测试自动化意味着使用测试工具。自动化测试是个古老的理念。自动化测试的好

在微信开发者工具中将代码提交到git中

一:创建git仓库    在git中新建仓库,可以不用初始化仓库。 二:复制地址创建成功之后会有一个仓库地址,将这个仓库地址复制下来。 三:在微信开发者工具中初始化仓库git仓库创建完之后,新建一个微信小程序项目,打开版本管理,先进行初始化。 初始化之后,先提交所有的文件。 四:添加远程仓库提交所有的文件之后,在设置中添加远程仓库信息,将一开始在git中复制的地址添加上。 添加之后进行网络和认证,认证方式选择用户名和密码验证,写上自己git的用户名和密码。 五:第一次推送到远程仓库 点击左上方的推送按钮,将代码推送到远程仓库分支master。推送成功之后可以在master分支中看到详细信息 六

单片机仿真软件Proteus8.0的安装及使用

介绍:Proteus是英国著名的EDA工具(仿真软件),从原理图布图、代码调试到单片机与外围电路协同仿真,一键切换到PCB设计,真正实现了从概念到产品的完整设计。是世界上唯一将电路仿真软件、PCB设计软件和虚拟模型仿真软件三合一的设计平台,其处理器模型支持8051、HC11、PIC10/12/16/18/24/30/DSPIC33、AVR、ARM、8086和MSP430等,2010年又增加了Cortex和DSP系列处理器,并持续增加其他系列处理器模型。在编译方面,它也支持IAR、Keil和MATLAB等多种编译器。安装机:Windows10下载安装包链接:https://pan.baidu.c

img 跨域 和 缓存

一个奇怪的问题,明明图片那边配置了允许跨域,但在禁用缓存的情况,jsfetch图片都正常。但不停用缓存时,就会有跨域问题。图片所在域名是b.com 页面域名是a.com图片服务配置了Access-Control-Allow-Origin允许a.com跨域访问理论上,jsfetch图片是没问题的,因为允许跨域。但实际上,遇到的场景是在页面用img展示了图片后,通过js去fetch图片转base64时,报跨域。定位问题步骤:1.查看network,查看fetch图片时发起的请求,报跨域。2.在console上运行代码fetch另一张图片,正常,network也有Access-Control-All

记一次思科模拟器小型网络搭建练习

路由器可以实现不同网络之间主机的通信(若使用交换机实现不同网络之间的主机通讯,则数据包是以广播方式发出,一是没有数据安全性,二是大量广播包会消耗主机资源)路由器在企业中的主要应用网络互联:主要用于互联局域网和广域网,实现不同网络间互相通信。数据处理:提供包括分组过滤、分组转发、优先级、复用、加密、压缩和防火墙等功能。网络管理:路由器提供包括路由器配置管理、性能管理、容错管理和流量控制等路由器的工作机制关注以下两点:路由器识别数据地址信息利用路由器作为数据传输的中转设备,进行数据中转时不能再使用MAC地址作为目标终端的识别信息;因为若仍使用MAC地址进行识别,会造成广播风暴问题的产生,本身路由器

我的GPT-4 API 接入之旅

 3月15日open-ai推出GPT-4https://platform.openai.com/docs/models/gpt-4需要排队 28号加入等候队列 29号收到邀请  检查可用的modelconst{Configuration,OpenAIApi}=require('openai')letlistModels=[]constaiInit1=async(req,res)=>{constlistModesRes=awaitopenai.listModels()listModels=listModesRes.data}aiInit1() 已经有gpt-4了   问他是不是GPT-4,但是他