- 博客(129)
- 收藏
- 关注
RSS订阅原创 接口返回 blob 格式怎么转成 json
但是如果此时需要根据返回的是文件还是json来进行后续不同的操作，你在控制台输出返回的结果，会发现输出的都是blob文件，此时有没有办法转成json呢？工作中遇到一个接口逻辑是有时候会返回文件有时候会返回json，为了保证能接收到文件，需要将。因此我们可以通过这个type来进行是否转换为json的判断条件。可以看出两者的type是不同的，而且输出。
2023-08-04 09:32:19
1812
原创 前端Vue实现国际化
在 i18n 下新建 lang 文件夹，下面有 en.js 和 zh.js 两个语言包，在 i18n 下的 index.js 中引入import {en : {msg : {msg : {legacy : false , // 使用了Vue3 composition API的话这项一定要为false globalInjection : true , // 全局使用 t 函数 locale , messages }) export default i18n。
2023-06-07 14:56:40
2051
原创 【前端面试专题】【5】Vue3
Composition APIComposition API 对比 Options APIComposition API 带来了什么更好的代码组织更好的逻辑复用更好的类型推导代码示例：代码示例：代码示例：有同学可能会有疑问，不就是为了能在模板直接使用 和 吗，那直接 解构出来不就好了，这里可以自己试一下，使用这种写法，然后设置一个定时器，改变 age 和 name 的值，可以发现页面中并没有发生变化。这是因为解构会丢失响应性为什么解构属性会出现丢失响应式的问题呢？又该如何解决
2023-04-06 10:24:14
625
1
原创 【前端面试专题】【4】Vue2 原理
H5 history - history.pushState 和 window.onpopstateH5 history 需要后端配合（统一返回 index.html）
2023-03-28 13:53:26
284
原创 【前端面试专题】【3】Vue2 基础
computed 和 watchcomputed 有缓存，data 不变则不会重新计算watch 如何深度监听？watch 监听引用类型，拿不到 oldValclass 和 style使用动态属性使用驼峰式写法条件渲染v-if v-else 的用法，可使用变量，也可以使用 === 表达式v-if 和 v-show 的区别v-if 和 v-show 的使用场景如果页面上需要频繁切换渲染，用 ；如果渲染的次数不频繁，用 事件event 参数，自定义参数事件修饰
2023-03-23 14:58:40
632
原创 【前端面试专题】【2】CSS 面试题
offsetWidth = （内容宽度 + 内边距 + 边框），无外边距offsetWidth = 100 + 10 * 2 + 1 * 2 = 122px补充：如果想让 offsetWidth 等于 100px，该如何做？相邻元素的 margin-top 和 margin-bottom 会发生重叠空白内容也会重叠答案是 15pxmargin 负值问题对 margin 的 top left right bottom 设置负值，有何效果？什么是 BFC？如何应用？形成 BFC 的常见条件：B
2023-03-21 15:01:15
245
原创 【前端面试专题】【1】HTML 面试题
如何理解 HTML 语义化？让人更容易读懂（增加代码可读性）让搜索引擎更容易读懂（SEO）默认情况下，哪些 HTML 标签是块级元素，哪些是内联元素？块状元素display: block/table;div、h1、h2、table、ul、ol、p等内联元素display: inline/inline-block;span、img、input、button等
2023-03-21 10:14:32
100
原创 offsetHeight scrollHeight clientHeight 区别
1）offsetWidth = 5 * 2 + 20 * 2 + 250 = 300（content 为250是因为设置了。2）scrollHeight = 20 * 2 + 500 = 540 （500为 content 盒子的长度）1）scrollWidth = 20 * 2 + 600 = 640（600为 content 盒子的宽度）2）offsetHeight = 5 * 2 + 20 * 2 + 150 = 200（分析同上）
2023-03-01 14:04:55
326
原创 JS 算法专辑【4】链表
原型链的本质是链表原型链上的节点是各种原型对象，比如Function.prototype、Object.prototype…原型链通过__proto__属性连接各种原型对象。
2022-07-29 14:49:40
372
原创 JS 算法专辑【3】队列
的场景，例如食堂排队打饭、JS异步中的任务队列、计算最近请求次数…返回过去3000毫秒内发生的所有请求数（包括新请求）类来计算特定时间范围内最近的请求。
2022-07-26 13:55:14
276
原创 JS 算法专辑【1】时间复杂度计算 与 空间复杂度计算
上述O(1)+O(n)结果为较复杂的O(n)，因为。上述O(n)*O(n)结果为O(n^2)，用来求2的多少次方为N。
2022-07-25 14:13:21
228
原创 百度地图数据可视化
可以到百度地图个性化地图去配置自己想要的颜色样式可以使用模板，也可以自己进行自定义，然后点击发布样式点击发布后会获得一个样式ID，将其复制下来styleId。
2022-07-21 13:44:59
2976
原创 JS 将几个对象存入数组中的简便写法
那当然是ok，但是带来的问题是代码实在太多了，如果这要是几百个对象，岂不是要手动创建几百个对象。一般第一想法会是什么呢？手动创建上方所示的对象，然后一个一个push进数组。仅支持两个键值对以内的对象。...
2022-07-19 16:26:23
4767
原创 前端基础知识之 Babel
根据所介绍，Babel其实就是，将ES6等高级语法转换为ES6之前这些能被低级浏览器所兼容的语法的工具。可以借助官网来了解一下Babel。Babel本身可以编译ES6的大部分语法，比如let、const、箭头函数、类，但是对于ES6新增的API，比如Set、Map、Promise等全局对象，以及一些定义在全局对象上的方法（比如）都不能直接编译，需要借助其他模块。Babel一般需要配合webpack来编译模块语法。...
2022-07-14 22:49:23
2416
原创 前端基础知识之 ES6（modules）
现在想仅仅导出Father，怎么做？在不同文件下的子类中想要使用这个Father，怎么做？注意，使用script引入的时候需要加上
2022-07-14 20:33:11
375
转载 vue-awesome-swiper 设置 loop:true 失效
开始用本地数据，轮播正常；后来用接口数据，就不能循环轮播了。页面渲染的时候，数据未加载完成。当确保获取到数据后，再显示 swiper。方法2、computed（该种方式更优雅，将逻辑性的代码写到computed）和方法1 的原理是一样的，只是避免更多的逻辑直接写在 template 中。方法3、init 初始化 swiper 组件先获取到 swiper实例，拿到数据后再初始化 swiper实例。...
2022-07-07 09:56:25
473
转载 npm模块安装机制与实现原理
命令用来安装模块到 目录安装之前， 会先检查， 目录之中是否已经存在指定模块。如果存在就不再重新安装了，即使远程仓库已经有了一个新版本，也是如此。如果你希望，一个模块不管是否安装过， npm 都要强制重新安装，可以使用 或 参数。npm update如果想更新已安装模块，就要用到 命令它会先到远程仓库查询最新版本，然后查询本地版本。如果本地版本不存在，或者远程版本较新，就会安装。 命令怎么知道每个模块的最新版本呢？答案是 npm 模块仓库提供了一个查询服务，叫做 registry。以 np
2022-06-20 23:10:48
581
转载 TypeScript 的内置对象
JavaScript 中有很多内置对象，它们可以直接在 TypeScript 中当做定义好了的类型。内置对象是指根据标准在全局作用域（Global）上存在的对象。这里的标准是指 ECMAScript 和其他环境（比如 DOM）的标准。ECMAScript 标准提供的内置对象有：、、、 等。我们可以在 TypeScript 中将变量定义为这些类型：更多的内置对象，可以查看 MDN 的文档。而他们的定义文件，则在 TypeScript 核心库的定义文件中。DOM 和 BOM 提供的内置对象有：、、、 等。Ty
2022-06-08 16:56:31
253
原创 TypeScript 学习【9】泛型
Java 语言中对泛型的解释是：泛型指的是类型参数化，即将原来某种具体的类型进行参数化。和定义函数参数一样，我们可以给泛型定义若干个类型参数，并在调用时给泛型传入明确的类型参数。设计泛型的目的在于有效约束类型成员之间的关系，比如函数参数和返回值、类或者接口成员和方法之间的关系。泛型最常用的场景是用来约束函数参数的类型，我们可以给函数定义若干个被调用时才会传入明确类型的参数。比如以下定义的一个 reflect 函数 ，它可以接收一个任意类型的参数，并原封不动地返回参数的值和类型，那我们该如何描述这个函数呢？好
2022-06-07 17:44:03
257
原创 TypeScript 学习【8】枚举类型
在联合与交叉类型中，其中有一个使用字面量联合类型来列举可能的类型的场景，比如说表示星期的类型：通过这些有着明确含义的单词来定义表示星期几的状态，使得我们的代码更具备可读性。当然，为了更简洁和高效，我们也可以使用纯数值表示星期几，比如使用 0 到 1 表示从 ‘SUNDAY’ 到 ‘MONDAY’。因为我们真正关注的是星期几这个状态，而不是具体的值，如下代码所示：那有没有一种兼具语义化和简洁值优点的类型呢？在 JavaScript 原生语言中并没有与枚举匹配的概念，而 TypeScript 中实现了枚举类
2022-06-07 15:03:33
781
转载 JavaScript 常用数组方法归纳
Array.map()可以创建一个基于原始数组的修订版数组。map() 方法接受一个函数，该函数遍历数组中的所有项并进行相应的修改。当需要更新数组中的所有项并将其存储到一个新数组中时，map() 方法就可以派上用场了。例如有一个文章列表的数组，如下：const articles = [ { article_id: "6976209276364652558", title: "如何在 vue 的计算属性中传递参数", views: 1258,
2022-05-31 15:01:12
93
转载 ES7-ES12 知识点巩固
ES7Array.prototype.includes()includes() 方法用来判断一个数组是否包含一个指定的值，如果包含则返回 true，否则返回 false语法arr.includes(valueToFind[, fromIndex])valueToFind 需要查找的元素值。fromIndex 可选 从fromIndex 索引处开始查找 valueToFind。如果为负值（即从末尾开始往前跳 fromIndex 的绝对值个索引，然后往后搜寻）。默认为 0。示例const ar
2022-05-24 11:07:48
119
原创 CSS 如何将盒子宽度设置为里面的文字所占宽度
HTML：<div class="box"> 文字宽度</div>CSS：.box { padding: 4px 16px; font-size: 26px; font-weight: 400; color: #196FFA; line-height: 38px; border-radius: 8px; background-color: #DFE7F5;}展示效果：这里会发现整个盒子宽度是占满的，怎么样能实现盒子宽度跟里面的文字相
2022-05-16 21:51:26
4123
原创 基于Vue3 + TypeScript + Vite2 + ElementPlus 封装的一些常用组件
目前已完成组件：图标选择器城市选择器趋势标记通知菜单表单弹窗表单未完成组件：进度条时间选择器表格源码已全部上传至Github。项目地址直接给出，直接克隆下来安装依赖即可完美运行！项目地址：点击直接跳转~注意：Github 有的时候会比较慢，有梯子的话最好，不过也要看情况放出几张图片介绍，有兴趣的朋友可以拉下来本地运行看看~也可以互相交流交流首页图标选择器城市选择器趋势标记通知菜单表单弹窗表单还有一些未完成的组件正在编写中，后续有空会同步到Gi
2022-04-27 11:31:12
554
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人