自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

harmsworth的博客

一个喜欢爱学习的博主

  • 博客(175)
  • 收藏
  • 关注

原创 【React】React hooks 清除定时器并验证效果

React hook启用定时器后,在组件销毁时清除定时器。

2024-04-05 16:13:49 570

原创 【React】React18+Typescript+craco配置最小化批量引入Svg并应用的组件

无论是哪种Web UI框架都不可避免的要与Svg打交道,那么批量引入才更方便管理Svg。

2024-04-05 15:00:40 837

原创 【React】React知识要点记录

React官网将React的实现细节揉碎了捏细了,再“喂”给初学者,讲的非常细致,建议细看教程,有问题再针对查阅。也许某些思路和片段即使是有几年经验的Reacter,依然有眼前一亮的精妙之处。

2024-04-02 09:40:48 301

原创 【React】在React中如何渲染空格

代码中冒号是英文冒号,以便显示空格是否渲染。

2024-04-01 23:04:08 377

原创 【React】onClick点击事件传参的4种方式

【代码】【React】onClick点击事件传参的4种方式。

2024-03-29 00:03:10 609 1

原创 【TypeScript】解决字面量类型推断错误的四种方式

报错如下。

2024-03-26 21:54:08 307 1

原创 【React】hooks获取input值的4种方式

【React】hooks获取input值的3种方式

2022-08-22 08:03:53 1118 1

原创 【工程化】配置eslint、prettier和commitlint

前端工程化----配置eslint、prettier和commitlint

2022-08-15 22:34:22 492

原创 【TypeScript】实现单例模式

【TypeScript】实现单例模式

2022-07-06 04:49:22 934

原创 【JavaScript】try/catch和Promise.catch捕捉错误的区别?

【JavaScript】try/catch和Promise.catch捕捉错误的区别?

2022-06-26 17:11:33 2458

原创 【Vue3】Vue3命令行构建项目的2种方式

【Vue3】Vue3命令行构建项目的2种方式

2022-06-25 13:52:02 359

原创 【JavaScript】禁止拖拽图片的最简单方式

【JavaScript】禁止拖动图片的最简单方式

2022-06-24 06:30:03 3894 1

原创 【TypeScript】Element implicitly has an ‘any‘ type because expression of type ‘string‘ can‘t be used

Element implicitly has an 'any' type because expression of type '"a"' can't be used to index type '{}'.

2022-06-24 05:20:25 1047

原创 【JavaScript】Promise和async/await的区别

Promise和async/await的区别

2022-06-23 06:36:00 292

原创 【JavaScript】用户代理检测的局限性

JavaScript中用户代理检测的局限性

2022-06-22 05:12:17 115

原创 【Vue源码解读】第1080~1910行

【Vue源码解读】第1080~1910行

2022-06-14 19:12:35 209 1

原创 【JavaScript】函数声明与函数表达式

函数声明与函数表达式

2022-06-14 08:23:36 217

原创 【JavaScript】浅析递归函数

浅析递归函数

2022-06-14 07:47:53 147

原创 【JavaScript】ECMAScript 函数是否有函数签名?

最近在看 ,读到 时,就不知所云,努力的翻了翻涉及的章节,终于找到了原书的针对函数签名的定义。JavaScript 函数签名就是接收参数的类型和数量。

2022-06-13 19:31:32 102

原创 【Vue源码解读】第860~1073行

【Vue源码解读】第860~1073行

2022-06-06 20:09:55 255

原创 【Vue源码解读】第616~853行

【Vue源码解读】第616~853行

2022-05-30 19:27:19 360

原创 【Vue源码解读】万行源码详细解读

前言Vue2 的源码2年前粗略的看过一遍,重点在对响应式属性、对象监听、watch、computed、生命周期等内容的理解,但好记忆不如烂笔头,当初没有做笔记,现在重读一遍,针对重点内容详细解读并记录。本系列文章以打包后源码为主,可以更直观的源码阅读,可以区分源码重点分段,增强自己对源码的掌握成都。版本Vue.js v2.6.14源码目录第1~612行.........

2022-05-24 17:32:54 509

原创 【Vue源码解读】第1~612行

【Vue源码解读】第1~612行1~10行:挂载Vue11~111行:全局判断函数第112~354行:高阶函数、闭包、全局函数重点解析355~612行总结1~10行:挂载Vue(function (global, factory) { // 检查CommonJS规范 if (typeof exports === 'object' && typeof module !== 'undefined') { module.exports = factory() } else

2022-05-24 17:31:48 302

原创 【Vue和微信小程序】为什么Vue组件中data是一个函数,而小程序中data是一个对象表达式

为什么Vue组件中data是一个函数,而小程序中data是一个对象前言Vue组件脚本模板小程序Component构造器定义组件Page构造器注册页面总结前言日常工作中经常使用 Vue 和 小程序,对于Vue组件中data是一个函数,能够理解,但不够深入,小程序中data是一个对象更是百思不得其解,细细思考,偶有所得。Vue组件脚本模板export default { components: { }, mounted () { }, computed: { }, //

2022-04-27 16:50:03 505

原创 【Vue3】解决‘defineProps‘ is not defined报错

【Vue3】解决'defineProps' is not defined报错前言环境配置定位问题修改配置总结前言2021年结束了,Vite 的版本也升级了,现在试试新版 Vute 搭建 Vue 项目。按照 vue3一步一步的详细讲解配置ESLint 中 vue 官方推荐安装 ESLint 的方式安装 Eslint,结果发现 'defineProps' is not defined 报错,现在来解决这个问题。环境vite 2.7.2vue 3.2.25配置// vite.config.

2022-02-02 20:53:45 35444 5

原创 【JavaScript】麻麻再也不用担心我不会位运算了

前言昨天做了一道面试题,期间用到了左移、异或、运算符优先级,看到这道题,位运算渣渣的我一脸懵逼。遂决定攻克位运算,不再逃避。题目假设有如下代码,那么a(10)的返回结果是?function a(a){ a^=(1<<4)-1; return a;}十进制数转二进制连续用该整数除以2取余数,然后用商再除以2,直到商等于0为止,最后把各个余数按相反的顺序排序。十进制数值13转为二进制数值,步骤如下:13除以2结果为6,余数为1。6除以2结果为3,余数为0。3

2022-01-31 13:48:02 1359 1

原创 【网络协议】TCP3次握手和4次挥手

前言今天更加细致的了解了TCP连接和断开连接。于是,详细的记录TCP协议的细节相关博客。参考tcp小笔记 ISNTCP初始化序列号ISN面试官,不要再问我三次握手和四次挥手RFC 1948 - Defending Against Sequence Number Attacks...

2022-01-29 22:36:50 1547

原创 【LeetCode】1. 两数之和

前言两数之和给定一个整数数组 nums 和一个整数目标值 target,请你在该数组中找出 和为目标值 target 的那 两个 整数,并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是,数组中同一个元素在答案里不能重复出现。你可以按任意顺序返回答案。来源:力扣(LeetCode)链接:https://leetcode-cn.com/problems/two-sum/著作权归领扣网络所有。商业转载请联系官方授权,非商业转载请注明出处。/** * @param {number[

2022-01-23 11:34:04 71

原创 【LeetCode】154. 寻找旋转排序数组中的最小值 II

前言寻找旋转排序数组中的最小值 II已知一个长度为 n 的数组,预先按照升序排列,经由 1 到 n 次 旋转 后,得到输入数组。例如,原数组 nums = [0,1,4,4,5,6,7] 在变化后可能得到:若旋转 4 次,则可以得到 [4,5,6,7,0,1,4]若旋转 7 次,则可以得到 [0,1,4,4,5,6,7]注意,数组 [a[0], a[1], a[2], …, a[n-1]] 旋转一次 的结果为数组 [a[n-1], a[0], a[1], a[2], …, a[n-2]] 。给你

2022-01-23 11:30:10 65

原创 【LeetCode】744. 寻找比目标字母大的最小字母

前言寻找比目标字母大的最小字母给你一个排序后的字符列表 letters ,列表中只包含小写英文字母。另给出一个目标字母 target,请你寻找在这一有序列表里比目标字母大的最小字母。在比较时,字母是依序循环出现的。举个例子:如果目标字母 target = ‘z’ 并且字符列表为 letters = [‘a’, ‘b’],则答案返回 ‘a’来源:力扣(LeetCode)链接:https://leetcode-cn.com/problems/find-smallest-letter-greater-

2022-01-23 11:27:40 79

原创 【LeetCode】410. 分割数组的最大值

前言分割数组的最大值给定一个非负整数数组 nums 和一个整数 m ,你需要将这个数组分成 m 个非空的连续子数组。设计一个算法使得这 m 个子数组各自和的最大值最小。示例 1:输入:nums = [7,2,5,10,8], m = 2输出:18解释:一共有四种方法将 nums 分割为 2 个子数组。其中最好的方式是将其分为 [7,2,5] 和 [10,8] 。因为此时这两个子数组各自的和的最大值为18,在所有情况中最小。来源:力扣(LeetCode)链接:https://leetc

2022-01-19 23:19:39 259

原创 【LeetCode】719. 找出第 k 小的距离对

前言找出第 k 小的距离对给定一个整数数组,返回所有数对之间的第 k 个最小距离。一对 (A, B) 的距离被定义为 A 和 B 之间的绝对差值。示例 1:输入:nums = [1,3,1]k = 1输出:0解释:所有数对如下:(1,3) -> 2(1,1) -> 0(3,1) -> 2因此第 1 个最小距离的数对是 (1,1),它们之间的距离为 0。来源:力扣(LeetCode)链接:https://leetcode-cn.com/problems/find

2022-01-19 23:18:16 405

原创 【LeetCode】4. 寻找两个正序数组的中位数

前言寻找两个正序数组的中位数给定两个大小分别为 m 和 n 的正序(从小到大)数组 nums1 和 nums2。请你找出并返回这两个正序数组的 中位数 。算法的时间复杂度应该为 O(log (m+n)) 。来源:力扣(LeetCode)链接:https://leetcode-cn.com/problems/median-of-two-sorted-arrays著作权归领扣网络所有。商业转载请联系官方授权,非商业转载请注明出处。/** * 解析: * 找a和b两个有序数组中第K小,就是在a中

2022-01-17 19:21:40 88

原创 【LeetCode】287. 寻找重复数

前言寻找重复数给定一个包含 n + 1 个整数的数组 nums ,其数字都在 1 到 n 之间(包括 1 和 n),可知至少存在一个重复的整数。假设 nums 只有 一个重复的整数 ,找出 这个重复的数 。你设计的解决方案必须不修改数组 nums 且只用常量级 O(1) 的额外空间。来源:力扣(LeetCode)链接:https://leetcode-cn.com/problems/find-the-duplicate-number著作权归领扣网络所有。商业转载请联系官方授权,非商业转载请注明

2022-01-12 07:55:49 68

原创 【LeetCode】167. 两数之和 II - 输入有序数组

前言两数之和 II - 输入有序数组给定一个已按照 非递减顺序排列 的整数数组 numbers ,请你从数组中找出两个数满足相加之和等于目标数 target 。函数应该以长度为 2 的整数数组的形式返回这两个数的下标值。numbers 的下标 从 1 开始计数 ,所以答案数组应当满足 1 <= answer[0] < answer[1] <= numbers.length 。你可以假设每个输入 只对应唯一的答案 ,而且你 不可以 重复使用相同的元素。来源:力扣(LeetCode

2022-01-11 17:45:18 52

原创 【LeetCode】350. 两个数组的交集 II

前言两个数组的交集 II给你两个整数数组 nums1 和 nums2 ,请你以数组形式返回两数组的交集。返回结果中每个元素出现的次数,应与元素在两个数组中都出现的次数一致(如果出现次数不一致,则考虑取较小值)。可以不考虑输出结果的顺序。来源:力扣(LeetCode)链接:https://leetcode-cn.com/problems/intersection-of-two-arrays-ii著作权归领扣网络所有。商业转载请联系官方授权,非商业转载请注明出处。解法同【LeetCode】349.

2022-01-09 16:57:47 211

原创 【LeetCode】349. 两个数组的交集

前言两个数组的交集给定两个数组,编写一个函数来计算它们的交集。来源:力扣(LeetCode)链接:https://leetcode-cn.com/problems/intersection-of-two-arrays/著作权归领扣网络所有。商业转载请联系官方授权,非商业转载请注明出处。方式一:哈希表/** * 哈希表 * @param {number[]} nums1 * @param {number[]} nums2 * @return {number[]} */var in

2022-01-09 15:34:46 161

原创 【JS】字符串与Unicode编码相互转换

【JS】字符串与Unicode编码相互转换charCodeAtfromCharCodecharCodeAt获取字符串下标,转换为 Unicode 编码。let str = 'abc'console.log(`字符串 str 第0个字符的 Unicode 编码是:${str.charCodeAt()}`)console.log(`字符串 str 第0个字符的 Unicode 编码是:${str.charCodeAt(0)}`)console.log(`字符串 str 第1个字符的 Unicode

2021-12-31 07:41:29 6880

原创 【LeetCode】744. 寻找比目标字母大的最小字母

前言寻找比目标字母大的最小字母给你一个排序后的字符列表 letters ,列表中只包含小写英文字母。另给出一个目标字母 target,请你寻找在这一有序列表里比目标字母大的最小字母。在比较时,字母是依序循环出现的。举个例子:如果目标字母 target = ‘z’ 并且字符列表为 letters = [‘a’, ‘b’],则答案返回 ‘a’来源:力扣(LeetCode)链接:https://leetcode-cn.com/problems/find-smallest-letter-greater-

2021-12-25 13:33:24 78

原创 【LeetCode】367. 有效的完全平方数

前言有效的完全平方数给定一个 正整数 num ,编写一个函数,如果 num 是一个完全平方数,则返回 true ,否则返回 false 。进阶:不要 使用任何内置的库函数,如 sqrt 。来源:力扣(LeetCode)链接:https://leetcode-cn.com/problems/valid-perfect-square著作权归领扣网络所有。商业转载请联系官方授权,非商业转载请注明出处。/** * @param {number} num * @return {boolean}

2021-12-23 23:01:07 482

空空如也

空空如也

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

TA关注的人

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