草庐IT

纯前端

全部标签

post - 带有 Go 后端的 Flutter/Dart 前端中的发布请求问题

我是Flutter/Dart、Go和移动开发的新手。我目前正在用flutter编写一个登录身份验证页面,该页面连接到用go编写的后端。为了检查是否一切正常,我想打印出后端在控制台中发回的cookie。不幸的是,我收到错误消息,不知道该怎么做。编辑:我已经能够读取cookie,我应该以“session=UUID”这种格式保存cookie还是只保存“UUID”?我想将此cookie发回header中以供将来获取请求。我的Go代码将检查cookie名称“session”,但我不确定以该格式发回它是否正确。Flutter代码(我在另一个stackoverflow帖子上读到在使用android模

post - 带有 Go 后端的 Flutter/Dart 前端中的发布请求问题

我是Flutter/Dart、Go和移动开发的新手。我目前正在用flutter编写一个登录身份验证页面,该页面连接到用go编写的后端。为了检查是否一切正常,我想打印出后端在控制台中发回的cookie。不幸的是,我收到错误消息,不知道该怎么做。编辑:我已经能够读取cookie,我应该以“session=UUID”这种格式保存cookie还是只保存“UUID”?我想将此cookie发回header中以供将来获取请求。我的Go代码将检查cookie名称“session”,但我不确定以该格式发回它是否正确。Flutter代码(我在另一个stackoverflow帖子上读到在使用android模

【网页前端实现多张图片轮播或者切换】三种方法实现

多张图片轮播今天我们主要用三种方式实现多张图片轮播,运用的语言是web中的html,使用软件是HBuilder。达到以下这种效果:![可以通过下方原点点击或者左右两侧点击进行图片的切换](https://img-blog.csdnimg.cn/59365cb3e7454d0eadc15f9eb57d3d51.png#pic_center)首先我们看html文件中先建立一个盒子,里面装载所有的图片,叠放在一堆。divid="wrap"> ulclass="imgs"> liclass="active">ahref="#">imgsrc="img/1.jpg"/>/a>/li> l

aes-gcm模式前端加解密(html页面 js)——使用node-forge库

node-forge之前讲过了AES-GCM模式在vue中如何加解密,使用的是node自带的crypto模块,但是会有个问题,纯html页面中无法使用node.js中的api。这时候我们需要用到一个库:node-forge(js,vue中都可使用)npm地址:node-forge-npmgithub地址:https://github.com/digitalbazaar/forge官方列举的可以加解密的模式:​ 使用1:引入 js: vue: 安装:npminstallnode-forge在需要用的地方引入:importforgefrom'node-forge' 2:密钥 constkeyStr

前端js加密库的简单使用——crypto-js、jsrsasign、jsencrypt

个人经验,这三个加密库的组合是最佳解决方案crypto-js、jsrsasign、jsencryptcrypto-js进行AES对称加密npmicrypto-jsimportCryptoJSfrom'crypto-js'//加密varciphertext=CryptoJS.AES.encrypt('message','key').toString();//解密varbytes=CryptoJS.AES.decrypt(ciphertext,'key');varoriginalText=bytes.toString(CryptoJS.enc.Utf8);console.log(originalT

【前端】在Vue2中使用Vanta.js炫酷动态背景(全屏背景)

文章目录1.官网效果2.npm安装3.关键部分4.实例15.实例26.实例3添加颜色参数等1.官网效果官网:https://www.vantajs.com/由于博主在参考官网及官方GitHub进行应用时遇到一些问题,因此写了该篇博客,以避免大家因找Bug而浪费时间,方便快速的应用。2.npm安装注意版本npminstallvanta@0.5.24npminstallthree@0.121.0Vue的版本如下“vue”:“^2.6.14”3.关键部分渲染容器divref="vantaRef">div>导包import*asTHREEfrom'three'importBIRDSfrom'vanta

如何看接口的返回值以及如何调试html网页前端

如何看接口的返回值:1.chomeF12看network中调用某个接口单击它,可以看到右边有提示返回的数据。2.代码中写console.log(msg);在F12调试中console标签页看结果。这个比较直观。如何调试html网页前端:网页是一个UI,控件,JS程序,后台接口,数据库一体的运用。因为它不同于传统的程序可以直接debug。我们经常改动一个符号,浏览器里面就不正常了。作为初学者,请看:chomeF12调试。点刷新网页按钮。 单击错误行,切换到源码的错误位置: 

vane 一个适用于前端打工人的全栈框架,nodejs+vue3+typescript

vane写这个的初衷是因为每次用node写接口的时候总是需要一些写大一堆的东西,也有些人把很多接口都放在一个js文件内,看起来很是杂乱,后来用到nuxt写的时候,感觉用文件名来命名接口路径很是方便,无论是query参数还是params参数,都可以通过文件名来命名,也可以通过文件夹层级清晰的反映出接口之间的关系(虽然类似nuxt,next这种的框架确实很好,但是好处同样也是坏处,很难完全的前后端分离,不能只写前端,或者后端,而且也不需要再去学习相关的知识),于是就有了这个项目,能够节省很大一部分时间,也能够让接口更加清晰,也能够让接口更加清晰,也能够让接口更加清晰,重要的事情说三遍。节省下来的时

前端登录和注册页面的实现及验证

登录界面文本框中在输入前要显示相应的背景图片和悬浮字,鼠标移上去之后就消失。在输入框内会进行检查,利用正则化方程判断输入是否符合要求,其中验证码区分大小写。点击验证码可以实现换一张验证码。点击免费注册按钮跳转到注册页面。点击登录按钮,如果上面的内容都输入的符合要求,则弹出当前的时间和“登录成功”的小窗并转入到主页面;如果不符合要求则弹出“登录失败”的小窗。login.html:登录界面账号登录一周内免登录免费注册login.css:#zg{position:relative;width:550px;border-radius:10px;height:350px;margin-left:25%;

前端接收后端传的文件流并下载解决乱码问题

两种情况:1.如果这个接口是get的请求:后端返回文件流,前端可能会导出txt或者excel的时候,里面的中文会出现乱码就可以直接通过以下方式直接下载:window.location.href="请求文件流的接口地址"2.如果这个接口是post的请求:        因为存在多种场景,可能需要通过不同查询值,或者选中部分数据才能导出的话,这时候通常会用到POST请求,但是请求回来的数据流都存在乱码情况,在axios请求中加上responseType:‘blob’,注意:不是加在headers中,这个意思是将后台返回数据转为blob,还有一点需要强调。如果其他正常的接口,需要去掉这个不然数据无法