自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 资源 (1)
  • 收藏
  • 关注

原创 你不知道的new Date

new Date(str)当str为'-'分割的字符串时,解析为8点开始,当str为'/'分割的字符串时,解析为0点开始,

2021-08-23 20:26:46 88

原创 观察者模式

2.vue中数据改变插值表达式例子。1.商品价格改变例子。

2024-02-22 17:48:54 112

原创 Clipboardjs 在eltable header中没效果

但是在eltable 当header有sort的时候,header点击会阻止冒泡,导致Clipboardjs不能正常初始化。在header插槽里写个方法,并且阻止冒泡,方法里触发真正按钮的点击事件。

2023-08-07 15:28:52 71

原创 关于POST接口返回图片流,前端展示图片

工作当中,有时候会碰到后端由于存储方式等原因,返回给前端的图片的请求方式为POST,这个时候前端如果需要把图片显示在页面上,就要把图片流转换为图片:post返回的图片流,在chrome的network preview时是一个正常图片,前端通过console.log打印的话就会是一串乱的编码,出现问题的原因的是前端请求默认返回的是 json 文本形式,二进制图片数据被强制转换成了 json 文本形式。我们只需要在前端请求配置,比如axios中配置responseType为blob再然后:

2021-08-23 20:22:15 4303

原创 前端导出excel,并且设置单元格为文本格式

前端导出excel可以通过如下方式 tableToExcel(str: string, fileName: string) { const worksheet = 'Sheet1' const uri = 'data:application/vnd.ms-excel;base64,' const template = `<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:s

2021-07-08 10:00:52 4432 6

原创 页面布局:左侧随着字数伸缩,右侧超过容器显示省略...

<div class="panel-content"> <div class="label-wrap"> <div class="label">label:</div> </div> <div class="value-wrap"> ...

2021-05-19 10:58:53 73

原创 正则表达式整理

一、限定符?: 它前面的字符需要出现0次或一次 例如:used?可以匹配use和used *: 它前面的字符需要出现0次或多次 例如:ab*c能匹配,ac,abc,abbbbc... +: 它前面的字符最少出现一次 例如:ab+c能匹配,abc,abbbbc,abbbbbbbc...不能匹配ac {}: 可以限定匹配的数量 例如:ab{6}c可以匹配abbbbbbc, ab{1,3}c可以匹配abc, abbc,abbbc,如果两次以上则可以写成,ab{2,}c二、“或”运算符例如:

2020-12-17 17:18:31 155

原创 JavaScript设计模式:策略模式、适配器模式、装饰者模式

设计模式简介设计模式其实就是为了解决特定问题给出的简洁而优化的解决方案,是一套被反复使用的、多数人知晓的、经过分类编目的代码设计经验的总结。使用设计模式是为了重用代码、让代码更容易被他人理解、保证代码可靠性。一、策略模式策略模式就是定义一系列的算法,把它们一个个封装起来,并且使它们可以互相替换场景1:假如十一商城有促销,促销方案如下:1、满100减52、满200减153、满300减304、满400减50...后续可能会增加或者减少function full100(pr

2020-11-15 15:46:58 526

原创 柯里化

柯里化核心在于参数收集function add (a, b) { return a + b;}//实现 curryfunction curry (fn) { const length = fn.length; //获取fn的参数个数 let args = []; // 收集的参数 return function collect (...arg)...

2019-12-17 18:04:44 69

原创 js 事件循环机制

javascript 代码的执行过程,除了依靠函数调用栈来执行函数,还要依靠任务队列来处理另外一些代码。一个线程中,事件循环是唯一的,但是任务队列可以拥有多个。任务队列分为宏任务,和微任务。宏任务大概包括:setimeout,setinterval,setimmedate, i/o(点击一次button,上传一个文件,与程序产生交互的这些都可以称之为I/O。),ui-rendering, ...

2019-12-17 17:21:54 97

原创 async和Generator

async是generator的语法糖。在函数内部使用await表示异步。想较于 generator,async 函数的改进在于下面四点:内置执行器。generator 函数的执行必须依靠执行器,而 async 函数自带执行器,调用方式跟普通函数的调用一样 更好的语义。async 和 await 相较于 * 和 yield 更加语义化 更广的适用性。co 模块约定,yield 命令后面...

2019-10-21 16:16:26 243

原创 js引用数据类型和基本数据类型区别

1,基本数据类型包括:undefined,null,bollean,string,number,symbol,引用数据类型:object,array,function.2, 基本数据类型存放在stake(栈)中,因为基本数据类型占据空间是固定的,可以将他们放在较小的内存中-栈中,便于快速查询变量的值。3,引用数据类型的地址存放在栈中,值存放在heap(堆)中,因为引用值的占用空间大小不固...

2019-10-11 11:08:54 248

转载 javascript预编译

实例分析:分析:页面产生便创建了GO对象(Global Object)(也就是window对象) 第一个脚本文件加载 脚本加载完分析语法 开始编译,查找变量声明为作为GO属性,值赋undefined,查找函数声明作为GO属性,值赋函数体。预编译解释执行代码(直到执行调用函数test(2)语句)执行函数test()之前,发生预编译创建AO活动对象(Activ...

2019-05-20 14:43:09 91

react开发框架react开发框架

reactk开发框架reactk开发框架reactk开发框架reactk开发框架

2018-07-23

空空如也

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

TA关注的人

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