- 博客(50)
- 收藏
- 关注
RSS订阅原创 vue-cli5多入口项目分项目编译打包并部署nginx
假设有两个项目A和B，我们希望访问localhost:9000/projectA来访问项目A，访问localhost:9000/projectB来访问项目B.
2024-03-26 11:04:34
354
原创 TypeScript中的定时器
在ts中使用和时,如果把特们的返回值定义成number类型,那么ts会警告你不能将类型“Timeout”分配给类型“number” 或 你不能将类型“Timer”分配给类型“number”
2023-05-17 14:49:41
3035
原创 js正则匹配及格式化日期案例
可以通过构造函数或者字面量这两种方式创建正则表达式.2,原子组指的是(),形成一个个小隔离域进行匹配;正则表达式它是js内置的一个对象，它的构造函数是。正则表达式里面还有一些特殊的符号是需要转义的，如。1,原子表指的是[],从表中拿一个出来进行匹配;贪婪模式：尽可能的选取多个;惰性模式：尽可能少取。
2023-05-17 14:28:02
401
原创 十六进制和RGB互相转换
任何颜色都是由三种最基本的颜色叠加形成的，这三种颜色称为三基色,三基色是“红”、“绿”、“蓝”三种颜色;在网页上要指定一种颜色，就要使用RGB模式来确定，方法是分别指定，也就是三种基色的强度，通常规定，每一种颜色强度最低为 0，最高为255，并通常都以16进制数值表示，那么255对应于十六进制就是FF，并把三个数值依次并列起来 ，以#开头。
2023-05-15 14:43:07
2678
原创 前端接收并下载文件流
可以通过将其转化为blob对象，添加到a标签或iframe标签中来模拟下载;如果是在项目中使用，我们需要对请求返回的数据进行处理，这里我们需要把responseType对象格式设置成blob。这里直接用axios请求。
2023-04-28 17:14:07
204
原创 在vue中使用websocket
根据项目的目录结构，在相应的文件夹下创建一个js文件，用来封装一个websocket类，假如项目中用到js的地方很多，最好把文件放在全局公共文件夹中；在需要创建websocket连接的地方引入这类，并初始化(这里是vue3)
2023-04-28 15:03:25
320
原创 获取url参数
有效的URI中不能包含某些字符(例如空格)，URI编码方法就可以对URI进行编码(UTF-8编码)， Global对象的encodeURI()和encodeURIComponent()方法可以对URI进行编码(encodeURI()不会对本身属于URI的特殊字符进行编码，例如冒号、正斜杠、问号和井字号，所以它主要用于整个URI,而encodeURIComponent()则会对它发现的任何非标准字符进行编码，主要用于对URI中的某一段进行编码)；
2023-03-24 09:30:41
103
原创 JS图片(文件)格式转换
一起请求加载，不会再单独进行请求加载,可以防止由于图片路径错误导致图片加载失败的问题;则是异步操作，接收一个回调函数，避免同步阻塞进程。是将图片导出生成二进制文件，处理速度会快很多;是同步执行，直接返回结果；位编码后，图片会跟随代码。
2023-03-22 11:05:57
1138
原创 base64加密解密
想要使用Base64加密，原文长度必须是3的倍数。如果原文不是3的倍数就填充其他符号来凑足成3的倍数;主要是对字符串的处理，所以对字符串相关的方法和属性一定要熟练；
2023-03-21 11:14:21
7682
1
原创 宏任务与微任务
JavaScript运行机制：JavaScript是单线程的，它运行的环境般为浏览器或者Node，单线程同一个时间只能做一件事，在JavaScript运行的时候，主线程会形成一个栈（调用栈/执行栈），这个存储函数调用的栈结构遵循先进后出的原则。
2023-03-20 09:58:09
489
原创 原型与原型链
对象(引用)类型中的函数(Function)是一种可执行的特别对象，数组(Array)是一种内部数据有序的、有数字下标的特殊对象。其中函数和数组跟对象的关系也不一样，数组可以看作对象的子集，函数和对象却不是包含的关系，想必大家都听说过javascript里面一切皆对象，的包装类型，可以通过new创建对应的原始值。，由此我们引出prototype。
2023-03-19 12:59:22
36
原创 异步控制并发数
使用昨天练过的Promise来封装一个函数，调用这个函数可以控制并发任务数量，避免过多任务同时执行，多余的任务放在等待队列里，等执行线程空出来后会取出等待队列里的任务执行；
2023-03-15 09:35:51
193
原创 实现Promise
Promise 是异步的一种解决方案，有reject、resolve、then、catch、all、finally等方法。网上有很多关于Promise的优秀文章，深入浅出，多看看它们的原理和使用会茅塞顿开，但是最重要的还是自己动手敲，即使你只实现一部分，剩下的就能举一反三。
2023-03-14 15:15:00
49
原创 函数柯里化和new操作符的实现
代码是不是有点眼熟？没错！去看之前写的bind()方法的实现，就是用了柯里化机制；先保存原来的函数，返回一个新函数，执行新函数的时候就会调用这个保存的函数，这也是为什么bind()和call()、apply()不一样，它可以不立刻执行；} }
2023-03-12 09:00:00
31
原创 call,apply,bind
我们在使用一个对象时，其中有一个需要的方法这个对象上没有，这个时候我们当然可以在这个对象上新增这个方法，但是如果我们只是偶尔使用一次，那不是麻烦且作用不大吗？这时候我们自然而然的会想到可不可以找一个有这个方法的对象，然后把这个方法接过来用用呢？还真有这种方法！我们把别人家的方法借过来用，用的时候把人家方法中的this指向自己，用完之后再还给人家不就行了！call()apply()和bind()方法 它们三者就是来实现这种想法的，它们都是下的方法，都可以改变this指向。
2023-03-09 10:07:18
36
原创 vue中三目运算符结合find函数做逻辑判断
在做一个表格的展示时，后端返回的数据是code，不是具体的名称，如下图所示。所以这里我准备用一个简单的三目运算判断表格展示内容。
2023-02-27 16:52:18
371
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人