0

前端如何实现队列

前言队列对于我们来说再简单不过了,就是排队呀,咱们今天看看怎么使用js 实现队列的思想,简单容易理解,可以看看偶1.定义队列是一种特殊的线性表,特殊之处在于它只允许在表的前端(front)进行删除操作,而在表的后端(rear)进行插入操作,和栈一样,队列是一种操作受限制的线性表。进行插入操作的端称为队尾,进行删除操作的端称为队头。队列 先进先出2.队列的实现2.1 对列的方法enqueue 从队列尾部添加一个元素dequeue 从队列头部删除一个元素head 返回头部的元素 不是删除size 返回队列的大小clear 清空队列isEmpty 判断队列是否为空tail 返回队列尾节点2.2 实现...

阅读全文>>

0

Serverless 文件上传优化

前言当开发者需要搭建一个 Web 应用或移动端程序时,可以使用云函数作为后端服务,由 API 网关接收客户端请求,并触发云函数处理。这样的 Serverless 架构具备简单便捷、可弹性扩展、高可用等优势,正成为越来越多人的共同选择。但开发者在搭建应用时,难免会遇到上传文件的场景,如 App 上传用户头像、个人博客文章图片、网站评论图片,这些都需要上传文件到后端。如果您的业务托管在主机上,上传文件往往不受限制,可使用 multipart/form-data 方式直接上传文件;但在 Serverless架构下,由于 API 网关和云函数之间只支持传输 JSON 数据,使用传统方式上传文件较为困难...

阅读全文>>

0

表格设计:掌握表格设计方法

编辑导读:如何对海量的信息进行统计,最常见的方法就是进行表格整理。表格是职场人士最常用到的工具之一,是数据呈现的载体。本文从设计的角度,对如何进行表格设计展开分析,希望对你有帮助。在我的上一篇文章中,详细的对【表单设计】进行了总结,沉淀了表单设计中需要注意的体验问题,今天按照同样思路对【表格】 进行整理,这是我写的第二篇文章,希望能对大家有帮助。首先了解下表格的构成:顶栏、表格主体、底栏。顶栏: 对表格信息进行概括,包含标题、筛选、搜索、操作按钮等功能表格主体:承载数据内容,由 行 和 列 构成底栏:主要用于设置当页条数及放置分页器关于表格的文章有很多,这边我仅仅针对表格内部(即表格主体)与大...

阅读全文>>

0

Spring @Autowired注解提示警告

Field injection is not recommended 警告的主要原因是:使用变量的依赖注入不被推荐。 @Autowired private REListingRepository reListingRepository; 可能很多人都会使用上面代码来进行依赖注入,因为上面的代码最简单,也是可以用的,但有时候你会遇到 IJ 的提示。原因和处理这个代码与 Spring 的 Autowired 3 种类注入依赖有关。变量注入上面的写法就是变量注入,这是我们遇到警告提示的地方。Set 方法注入为了避免上面的警告,我们可以使用 Set 方法来进行注入。使用 Set 方法的代...

阅读全文>>

0

前端iframe的属性及优缺点解析

一、什么是 iframeiframe 用于在页面内显示页面,使用 <iframe> 会创建包含另外一个文档的内联框架(即行内框架)<iframe src="URL"></iframe>二、iframe 的常用属性1、width定义 iframe 的宽度2、height定义 iframe 的高度3、name规定 iframe 的名称4、frameborder规定是否显示边框,值为 0(不显示)和 1(显示)5、scrolling规定是否在 iframe 中显示滚动条,值为 yes、no、auto6、src设置 iframe 的地址(页面/图片)7、srcdoc...

阅读全文>>

0

前端小技巧:学会用FormData对象收集表单数据

1.FormData对象有什么用?我们先看一个小例子:html代码:<form action="/postForm" id="form"> <input type="text" id="username" name="username"> <input type="password" id="password" name="password"> <input type="button" value="submit" onclick="mysubmit()"> </form> 需求:是获取form表单中的用户名和密码并包装成一个对...

阅读全文>>

0

Spring—AOP原理

概述Aspect Oriented Programming,面向切面编程,通过定义相关的切面,我们可以在程序的纵向执行过程中对方法进行拦截,织入我们自定义的逻辑,极大的解耦了我们的业务代码和功能代码在SpringAOP中,在执行目标方法之前,先将满足拦截要求的所有的增强器(内含对应的通知)获取到,然后生成一个拦截器链(会对不同类型的增强器进行排序),再通过这个拦截器链执行相关的逻辑,拦截器链的执行顺序如下图(图中包含了五种类型的通知Around、Before、After、AfterReturning、AfterThrowing,排序正是按这个顺序排序的):切面中的增强器(通知)执行顺序准备条件...

阅读全文>>

0

Spring Boot API 的urlencoded提交

在使用 Sprint Boot 提交 x-www-form-urlencoded 的时候,我们首先需要知道 x-www-form-urlencoded 这个是什么东西。application/x-www-form-urlencoded这应该是最常见的 POST 提交数据的方式了。浏览器的原生 表单,如果不设置 enctype 属性,那么最终就会以 application/x-www-form-urlencoded 方式提交数据。就是浏览器将会将表单中的内容转换为 URL 的方式提交到后台进行处理。转换的方式其实就是使用 K=V 对的方式。不同的 K=V 之间是用 & 进行分隔。例如下面...

阅读全文>>

0

秒杀mybatis的sqltoy-orm-4.17.15发版

开源地址:github: https://github.com/sagframe/sagacity-sqltoygitee: https://gitee.com/sagacity/sagacity-sqltoyidea 插件(可直接在idea中检索安装): https://github.com/threefish/sqltoy-idea-plugins更新内容:1、在原有快速分页、分页优化的基础上进一步支持并行查询,大幅提升性能2、缓存在默认ehcache的基础上增加caffeine的支持为什么说sqltoy可以秒杀mybatis?在其它一切对等的前提下,sql的写法决定了mybatis就是玷...

阅读全文>>

0

Xpath定位方法

相对路径定位(F12直接用工具copy xpath)//*[@id="datagrid-row-r1-2-0"]/td[1]/div/input根据文本信息定位全部文本信息匹配如上HTML 标签为a文本信息未"更新"//a[text()="更新"]部分文本信息包含匹配如上HTML文本信息//a[contains(text(),"更")] 或者 //a[contains(text(),"新")]元素属性定位根据单个属性定位如上HTML的tag是input 我们可以用这个元素的name或者id或者其他特有的属性来定位//input[@name="wd"]根据元素的多个属性定位如上HTML元素的属性...

阅读全文>>