自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

转载 axios的get请求方法如何传数组?

最近遇到了多选下拉框,传递数组的问题会出现这种问题,后台希望我们传递的应该是数组内多个元素&符号隔开的url实现方法如下import qs from 'qs';service.interceptors.request.use( config => { // ......其他逻辑代码 if (config.method === 'get') { config.paramsSerializer = function(params) {

2020-08-10 14:28:52 1531

转载 cookie,session,token的原理及区别

Cookie的内容是保存一小段文本信息,这些文本信息组成一份通行证。它是客户端对于无状态协议的一种解决方案。Cookie的原理(1)客户端第一次请求时,发送数据到服务器。(2)服务器返回响应信息的同时,还会传回一个cookie(cookie S-001)(3)客户端接收服务器的响应之后,浏览器会将cookie存放在一个统一的位置。(4)客户端再次向服务器发送请求的时候,会把Cookie S-001再次发挥服务器。cookie的生命周期cookoe的生存时间是整个会话期间:浏览器会将cooki

2020-08-08 21:46:34 361

原创 表头列数内容不固定,怎么动态渲染

今天有一个需求这是一个成绩明细的表单,需要将每一张纸卷的每一道题的得分来动态渲染在表中,因为每一张试卷的题数不确定,所以表头有多少列也不确定,需要动态获取,动态添加。获取题数的接口在获取试卷名称中,根据考试名称的下拉框的on-change时间来触发。一般我们要将表头信息放在类库中(前端模块化),以使代码结构更好看。export const columns = [ { type: "selection", width: 60, align: "c

2020-08-07 13:14:10 539

原创 文件导出功能,前端怎么做

最近实习有一个文件导出的需求,有一个接口,直接对返回的数据进行处理。一般响应返回的是二进制数据流,要对其进行处理,转化城文件1.可以直接将二进制流的内容转换成 Blob 对象,然后通过这个对象创建一个 objectURL// type 为需要导出的文件类型const blob = new Blob( [res.data])// 兼容不同浏览器的URL对象const url = window.URL || window.webkitURL || window.moxURL// 创建下载链接co

2020-08-06 16:17:29 945

原创 总结js常用数组方法(不全)

总结js常用数组方法(不全)1.将数组转化为字符串Array.toString()Array.join(分隔符号)2.遍历判断布尔Array.every()所有元素进行判断返回一个布尔值,所有元素都为ture才返回tureArray.some()()所有元素进行判断返回一个布尔值,只要有一个返回ture,就返回ture3.js中的数组方法实现数组的增删改切割数组slice(start,end),返回一个新的切割出来的数组,返回的是被删除元素,组成的数组Array.splice(开始位置,

2020-06-28 01:56:11 185

转载 JS引擎解析过程

JS引擎解析过程前面有提到遇到JS脚本时,会等到它的执行,实际上是需要引擎解析的,这里展开描述(介绍主干流程)JS的解释阶段首先得明确: JS是解释型语音,所以它无需提前编译,而是由解释器实时运行引擎对JS的处理过程可以简述如下:读取代码,进行词法分析(Lexical analysis),然后将代码分解成词元(token)对词元进行语法分析(parsing),然后将代码整理成语法树(syntax tree)使用翻译器(translator),将代码转为字节码(bytecode)

2020-06-14 17:50:06 544

转载 CSS的可视化格式模型

CSS的可视化格式模型这一部分内容很多参考《精通CSS-高级Web标准解决方案》以及参考来源前面提到了整体的渲染概念,但实际上文档树中的元素是按什么渲染规则渲染的,是可以进一步展开的,此部分内容即: CSS的可视化格式模型先了解:CSS中规定每一个元素都有自己的盒子模型(相当于规定了这个元素如何显示)然后可视化格式模型则是把这些盒子按照规则摆放到页面上,也就是如何布局换句话说,盒子模型规定了怎么在页面里摆放盒子,盒子的相互作用等等说到底: CSS的可视化格式模型就是规定了浏览器在页面中如何处理

2020-06-14 17:36:51 189

转载 从输入url到页面加载的过程

从输入url到页面加载的过程主干流程详细解释多线程的浏览器内核解析URLDNS查询得到IPtcp/ip请求(三次握手,四次挥手)get和post的区别五层因特网协议栈从服务器接收到请求到对应后台接收到请求http报文结构状态码cookie以及优化gzip压缩长连接与短连接强缓存与弱缓存解析页面流程HTML解析,构建DOM构建渲染树渲染回流与重绘简单层与复合层资源外链的下载遇到CSS样式资源JS脚本资源的处理有几个特点:主干流程1.从浏览器接收url到开启网络请求线程(这一部分可以展开浏览器的机制以及进程

2020-06-14 16:28:44 597

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除