草庐IT

纯前端

全部标签

RSA加密:Web前端登录账户密码加密传输

  一般在做系统时候对安全性要求比较高,现在通常选择https协议来进行数据传输。很多情况下一般的javaweb网站,如果安全要求不是很高的话,用https协议就可以了。在这种情况下,密码的明文传输显然是不合适的,因为请求如果在传输过程中被截了,就可以直接拿明文密码登录网站了。为了传输数据的安全、今天就采用RSA加密方式来进行加密。实现方式思路:编写加解密公共方法类--公钥方法--前端在向后台发起登录请求之前,先请求后台获取公钥的方法,然后经过加密之后再发起登录请求--前端代码需引入jsencrypt.min.js文件--后端接收前端传输过来的密文进行解密--完成登录完整代码实现:后端首先引入

前端移动端布局自适应 及移动端和PC端共用一套代码注意事项

前端移动端布局自适应目录一、自适应布局概念?二、使用步骤1.head标签里要写适用移动端2.自适应单位问题3.CSS如何写?总结前言移动端布局需要适应不同大小手机平板屏幕,所以字体图片等尺寸就要做到随着屏幕大小的变化去自适应,这样会给用户很好的体验感和美感。一、自适应布局概念?为不同的屏幕分辨率定义不同的布局,即创建多个静态布局,每一个静态布局对应一个屏幕分辨率范围。屏幕分辨率发生变化时,页面中元素的位置会变化而大小不会变。二、使用步骤1.head标签里要写适用移动端代码如下(示例): 2.自适应单位问题三种单位          px 固定单位     em 相对单位相对于父元素的字体大小1

图片上传流程&前端上传文件&后端保存文件&并返回图片地址

也是在最近一点时间写小demo遇到的一些问题比如在用户界面,用户选择本地的一张照片,前端把照片传到后端,后端怎么把照片保存到服务器,然后返回给图片线上地址。也是找了一些文章,然后分享下。 技术前端:react后端:egg.js(node框架)base64转换 转二进制保存图片base64(mdn)Base64 是一组相似的二进制到文本(binary-to-text)的编码规则,使得二进制数据在解释成radix-64的表现形式后能够用ASCII字符串的格式表示出来。Base64 这个词出自一种 MIME数据传输编码。Base64编码普遍应用于需要通过被设计为处理文本数据的媒介上储存和传输二进制数

前端性能优化的一些技巧(90% chatGpt生成)

终于弄好了chatGpt的账号,赶紧来体验一波。先来一波结论,这篇文章的主要内容来源,90%是用chatGpt生成的。先上chatGpt的生成的结果:作为一名懒惰的程序员,chatGpt会帮助我变得更懒...,好了下面开始文章的正文。前言当今互联网时代,网站的性能优化是至关重要的。一个响应迅速的网站可以提高用户体验、减少跳出率、增加转化率。前端性能优化是优化网站性能的关键因素之一,本文将从以下几个方面介绍前端性能优化的一些技巧。一、减少HTTP请求HTTP请求是前端性能瓶颈之一。每个请求都需要在客户端和服务器之间进行往返通信,这会消耗大量的时间。因此,减少HTTP请求可以显著提高页面加载速度。

前端性能优化的一些技巧(90% chatGpt生成)

终于弄好了chatGpt的账号,赶紧来体验一波。先来一波结论,这篇文章的主要内容来源,90%是用chatGpt生成的。先上chatGpt的生成的结果:作为一名懒惰的程序员,chatGpt会帮助我变得更懒...,好了下面开始文章的正文。前言当今互联网时代,网站的性能优化是至关重要的。一个响应迅速的网站可以提高用户体验、减少跳出率、增加转化率。前端性能优化是优化网站性能的关键因素之一,本文将从以下几个方面介绍前端性能优化的一些技巧。一、减少HTTP请求HTTP请求是前端性能瓶颈之一。每个请求都需要在客户端和服务器之间进行往返通信,这会消耗大量的时间。因此,减少HTTP请求可以显著提高页面加载速度。

【vue3-element-admin】ESLint+Prettier+Stylelint+EditorConfig 约束和统一前端代码规范

前言本文介绍vue3-element-admin如何通过ESLint检测JS/TS代码、Prettier格式化代码、Stylelint检测CSS/SCSS代码和配置EditorConfig来全方位约束和统一前端代码规范。ESLint代码检测ESLint可组装的JavaScript和JSX检查工具,目标是保证代码的一致性和避免错误。ESLint安装安装ESLint插件VSCode插件市场搜索ESLint插件并安装安装ESLint依赖npmi-DeslintESLint配置ESLint配置(.eslintrc.cjs)执行命令完成ESLint配置初始化npxeslint--init根目录自动生成的

前端Vue自定义顶部搜索框 热门搜索 历史搜索 用于搜索跳转使用

前端Vue自定义顶部搜索框热门搜索历史搜索用于搜索跳转使用,下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13128效果图如下:自定义顶部搜索框用于搜索跳转使用方法HTML代码实现部分importCCBProjectListfrom'../../components/CCProjectList.vue';exportdefault{components:{CCBProjectList},data(){return{skipUrl:'',//列表数组projectList:[]}},mounted(){this.reques

Web前端开发技术课程实验一——制作一个视频播放页面(可控制播放/暂停)

学习目标:学习Web前端中的视频网页制作学会html和js相结合学会视频播放/暂停/放缩大小的功能学习内容:掌握html 基本语法掌握javascript基本语法掌握条件语句学习时间: 周一至周五晚上7点—晚上9点创建html文件,补写基本代码:Document编写body部分,添加视频和按键:播放/暂停放大缩小普通创建js文件,在html中的head部分添加链接并编辑cont类:.cont{width:700px;height:400px;position:relative;text-align:center;margin:0auto;}接下来在js文件中,来实现4种按键功能: functi

前端和后端分别是什么?

 从技术工具来看:前端:常见的html5、JavaScript、jQuery...后端:spring、tomcet、JVM,MySQL...毕竟,如果这个问题问一个老后端,他掰掰手指可以给你罗列出一堆的名词来,比如设计模式、数据库优化、框架、JVM、网络编程......从简单描述来看:前端:入门简单,先易后难,做出来的页面容易有成就感后端:入门难,深入枯燥还难,整天看代码很难前端项目与后端项目是两个项目,放在两个不同的服务器,需要独立部署,两个不同的工程,两个不同的代码库,不同的开发人员。说到服务器,那可以了解下这个IP段,会给大家带来无限的想象43.240.156.143.240.156.2

前端基于axios请求下载文件(后端返回Blob文件流)

前端小白第一篇csdn文章就当自己记录学习啦!我自己遇到的情况写在前面防止有人和我不一样,浪费时间浏览;调用下载接口后端给我返回的数据格式(即文件流格式)如下:1.按钮定义点击事件2.调用后端接口在使用axios请求下载文件api接口时,注意区分不同请求方法的使用,语法如下://axios设置reponseType的方式应该类似下面consturl='/info/download' //get、delete、head等请求axios.get(url,{params:{},responseType:'blob'})  .then((res)=>{})  .catch((err)=>{}) //p