自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

余光的博客

如果你现在不努力,怎么对得起你的背井离乡?

  • 博客(366)
  • 资源 (1)
  • 收藏
  • 关注

原创 【TypeScript】初探,行则将至

行则将至

2022-11-15 20:20:14 529

原创 【建议收藏】万字整理,一篇文章帮你掌握 Css 选择器

【建议收藏】万字整理,一篇文章帮你掌握 Css 选择器简介直观的 css 选择器,可以美化我们的代码,提高可读性,甚至对浏览器的 Css 解析也有帮助。本篇文章的灵感来自于CSS Diner——一个有趣的 css 选择器小游戏,借助下面的例子相信你一定能掌握 css 选择器的妙用,加油~全篇文章共22个例子,分别使用了标签选择器classid伪元素伪类属性篇幅较长,建议收藏阅读指南先贴出选择器字典,帮助大家回忆基本的选择器含义阅读示例阅读代码,并完成题目(仅思考选择器部

2021-09-06 19:20:43 3713 24

原创 这款为程序员设计的<浏览器插件>,让我的开发效率提高了一倍

站在纯粹的角度,带着好奇和大家一起来体验这款 CSDN 浏览器插件,让自己的浏览器变得有温度

2021-06-03 08:28:59 21645 80

原创 余光的前端进阶笔记(持续更新)

前端summary 传送门

2019-11-20 14:11:35 48365

原创 【JavaScript基础系列】BigNumber运算

💡 Tips:这个问题有很多的解决方式,通过一些主流的库可以有效避免在计算数字时,有时会遇到精度丢失的问题;顾名思义,就是计算后得到的结果不是我们想要的结果。// 本应该是 0.06,但是实际的结果是 0.060000000000000005这是因为js小数点后的运算是会出现精度丢失的问题。

2024-01-11 10:14:47 1660

原创 【工程化】之5分钟发布一个Npm包

NPM是一个包管理器, 为js开发人员提供可以在项目中使用的模块,业界有很多流行的开源库,如Lodash,在我们内部也免不了通过对能力的封装打包,快速复用到其他地方去,使用NPM包很简单。您只需使用NPM安装包,将其导入,然后通过调用函数来调用模块。那怎么发布自己的npm包呢?的强大我们有目共睹,为了方便有演示,我们从头来吧!

2023-04-18 18:58:29 522 1

原创 【工程化】之“依赖(dependencies)”的版本

项目依赖可能会帮助你了解到你的项目它需要什么~

2023-01-04 20:35:15 1191

原创 【Canvas系列】基础入门(一)

【Canvas系列】基础入门(一)

2022-12-14 22:05:20 1206

原创 【网络】之TCP/IP 网络模型有哪几层

TCP/IP 网络模型有哪几层对于同一台设备上的进程间通信,有很多种方式,比如有管道、消息队列、共享内存、信号等方式,而对于不同设备上的进程间通信,就需要网络通信,而设备是多样性的,所以要兼容多种多样的设备,就协商出了一套通用的网络协议。这个网络协议是分层的,每一层都有各自的作用和职责,接下来就根据「 TCP/IP 网络模型」分别对每一层进行介绍。一、应用层最上层的,也是我们能直接接触到的就是 应用层(Application Layer),我们电脑或手机使用的应用软件都是在应用层实现。当两个不

2022-05-26 19:52:53 7449 2

原创 打造自己的博客(二)试着添加这两个有意思的插件吧?

利用Vuepress打造自己的静态网站🎆 上手难度低、扩展性强、0成本😊 手把手教你托管自己的个人网站,包含评论+自动化构建推送+GithubPages在线地址预览📚 收藏不走丢啊~在 《打造自己的博客(一)》中,我实现基本的博客网站搭建,其中包括了自动发布、评论浏览等等基本又实用的功能,效果传送门今天我们来丰富自己的网站吧?看看下面那个插件是你最感兴趣的~一、看板娘插件地址:https://vuepress-theme-reco.recoluan.com/views/plugins/ka

2022-03-24 20:02:31 1450 1

原创 打造自己的博客(一)利用VuePress完成博客整体搭建,并支持评论和自动发布

打造自己的博客(一)利用VuePress完成博客整体搭建,并支持评论和自动发布

2022-03-23 17:51:25 1778 16

原创 【剑指Offer打卡】48. 最长不含重复字符的子字符串

剑指 Offer 48.最长不含重复字符的子字符串JavaScript剑指Offer题解🚀包含数组、对象、链表、堆栈、树等经典题型☕️每天一道,轻松不累💬详细的题目解析,收藏方便阅读🙏在线star地址在线阅读地址在线阅读地址请从字符串中找出一个最长的不包含重复字符的子字符串,计算该最长子字符串的长度。示例 1:输入: "abcabcbb"输出: 3 解释: 因为无重复字符的最长子串是 "abc",所以其长度为 3。示例 2:输入: "bbbbb"输出: 1解释: 因为无

2022-03-11 19:35:45 2170

原创 【剑指Offer打卡】16. 数值的整数次方

剑指 Offer 42.连续子数组的最大和JavaScript剑指Offer题解🚀包含数组、对象、链表、堆栈、树等经典题型☕️每天一道,轻松不累💬详细的题目解析,收藏方便阅读🙏在线star地址在线阅读地址在线阅读地址题目描述实现 pow(x, n) ,即计算 x 的 n 次幂函数(即,xn)。不得使用库函数,同时不需要考虑大数问题。示例 1:输入:x = 2.00000, n = 10输出:1024.00000示例 2:输入:x = 2.10000, n = 3输出:9.

2022-03-10 19:17:23 483

原创 【Typescript入门手册】之泛型

【Typescript入门手册】之泛型????【TypeScript入门手册】记录了出场率较高的Ts概念,旨在帮助大家了解并熟悉Ts???? 本系列会持续更新并更正,重点关照大家感兴趣的点,欢迎同学留言交流,在进阶之路上,共勉!???? star本项目给作者一点鼓励吧???? 系列文章,收藏 不走丢哦一、泛型(Generics)软件工程的一个重要部分就是构建组件,组件不仅需要有定义良好和一致的API,也需要是可复用的(reusable)。好的组件不仅能够兼容今天的数据类型,也能适用于未来可

2022-01-28 09:32:08 3372 32

原创 【Typescript入门手册】类型进阶

【Typescript专题】之类型进阶????【TypeScript入门手册】记录了出场率较高的Ts概念,旨在帮助大家了解并熟悉Ts???? 本系列会持续更新并更正,重点关照大家感兴趣的点,欢迎同学留言交流,在进阶之路上,共勉!???? star本项目给作者一点鼓励吧???? 系列文章,收藏 不走丢哦一、类型别名(type)类型别名用来给一个类型起个新名字。例如:type isNumber = number;const num: isNumber = 1;上面的例子没有任何问题,当

2022-01-17 19:36:41 2882 56

转载 【Typescript入门手册】函数

> ????【TypeScript入门手册】记录了出场率较高的Ts概念,旨在帮助大家了解并熟悉Ts > ???? 本系列会持续更新并更正,重点关照大家感兴趣的点,欢迎同学留言交流,在进阶之路上,共勉!

2022-01-07 19:03:16 2393 22

原创 【Typescript入门手册】类型收窄(Narrowing)

【TypeScript入门手册】记录了出场率较高的Ts概念,旨在帮助大家了解并熟悉Ts

2021-12-27 19:25:21 2873 19

原创 【Typescript入门手册】一篇文章速览常见类型

记录了出场率较高的Ts概念,旨在帮助大家了解并熟悉Ts。本系列会持续更新并更正,重点关照大家感兴趣的点,欢迎同学留言交流,在进阶之路上,共勉!

2021-12-24 19:14:11 3991 62

原创 【值得收藏】面试会用到的七个常用的遍历方法JS实现(二)

???? 通俗易懂的实现方式,帮助我们认识相应的方法 ???? 收藏本系列,基础进阶两不误

2021-12-21 18:54:00 1568 53

原创 【值得收藏】面试会用到的十个常用的数组方法JS实现(一)

【手撕常见数组API】通俗易懂的实现方式,帮助我们认识相应的方法,使用得心应手

2021-12-17 18:18:04 4021 91

原创 Git命令之批量分支

我们在维护/开发某个项目时,会不知不觉的积累很多功能分支,某一天当你检查自己的分支时,突然意识到这么多旧分支已经没用了,一个一个的删除当然可以,那么有没有什么方式可以一次性删除一批分支呢?

2021-12-10 19:13:16 2741 9

原创 【剑指Offer打卡】56-II. 数组中数字出现的次数 II

剑指 Offer56-II. 数组中数字出现的次数 IIJavaScript剑指Offer题解????包含数组、对象、链表、堆栈、树等经典题型☕️每天一道,轻松不累????详细的题目解析,收藏方便阅读????在线star地址在线阅读地址在线阅读地址题目描述在一个数组 nums 中除一个数字只出现一次之外,其他数字都出现了三次。请找出那个只出现一次的数字。示例 1:输入:nums = [3,4,3,3]输出:4示例 2:输入:nums = [9,1,7,9,7,9,7]输出

2021-11-24 21:42:53 521

原创 【剑指Offer打卡】42.连续子数组的最大和

剑指 Offer 64. 求1+2+…+nJavaScript剑指Offer题解????包含数组、对象、链表、堆栈、树等经典题型☕️每天一道,轻松不累????详细的题目解析,收藏方便阅读????在线star地址在线阅读地址在线阅读地址题目描述求 1+2+…+n ,要求不能使用乘除法、for、while、if、else、switch、case等关键字及条件判断语句(A?B:C)。示例 1:输入: n = 3输出: 6示例 2:输入: n = 9输出: 45题解一:递归

2021-11-23 21:53:21 463

原创 【剑指Offer打卡】32-1.从上到下打印二叉树

剑指 Offer 32-1.从上到下打印二叉树JavaScript剑指Offer题解????包含数组、对象、链表、堆栈、树等经典题型☕️每天一道,轻松不累????详细的题目解析,收藏方便阅读????在线star地址在线阅读地址在线阅读地址题目描述从上到下打印出二叉树的每个节点,同一层的节点按照从左到右的顺序打印。例如:给定二叉树: [3,9,20,null,null,15,7], 3 / \ 9 20 / \ 15 7返回:[3,9

2021-11-08 19:48:56 210

原创 【剑指Offer打卡】30.包含min函数的栈

剑指 Offer 30. 包含min函数的栈JavaScript剑指Offer题解????包含数组、对象、链表、堆栈、树等经典题型☕️每天一道,轻松不累????详细的题目解析,收藏方便阅读????在线star地址在线阅读地址在线阅读地址题目描述定义栈的数据结构,请在该类型中实现一个能够得到栈的最小元素的 min 函数在该栈中,调用 min、push 及 pop 的时间复杂度都是 O(1)。示例:const minStack = new MinStack();minStack.pu

2021-11-05 23:00:00 170

原创 【剑指Offer打卡】29.顺时针打印矩阵

剑指 Offer 29. 顺时针打印矩阵JavaScript剑指Offer题解????包含数组、对象、链表、堆栈、树等经典题型☕️每天一道,轻松不累????详细的题目解析,收藏方便阅读????在线star地址在线阅读地址在线阅读地址题目描述输入一个矩阵,按照从外向里以顺时针的顺序依次打印出每一个数字。示例 1:输入:matrix = [[1,2,3],[4,5,6],[7,8,9]]输出:[1,2,3,6,9,8,7,4,5]示例 2:输入:matrix = [[1,2,3

2021-11-05 22:45:00 502

原创 【剑指Offer打卡】28.对称的二叉树

剑指 Offer 28. 对称的二叉树JavaScript剑指Offer题解????包含数组、对象、链表、堆栈、树等经典题型☕️每天一道,轻松不累????详细的题目解析,收藏方便阅读????在线star地址在线阅读地址在线阅读地址题目描述请实现一个函数,用来判断一棵二叉树是不是对称的。如果一棵二叉树和它的镜像一样,那么它是对称的。例如,二叉树 [1,2,2,3,4,4,3] 是对称的。1/ 2 2/ \ / 3 4 4 3但是下面这个 [1,2,2,null,3

2021-11-02 19:49:55 209

原创 【剑指Offer打卡】27.二叉树的镜像

剑指 Offer 27. 二叉树的镜像JavaScript剑指Offer题解????包含数组、对象、链表、堆栈、树等经典题型☕️每天一道,轻松不累????详细的题目解析,收藏方便阅读????在线star地址在线阅读地址在线阅读地址题目描述请完成一个函数,输入一个二叉树,该函数输出它的镜像。示例 1:输入:root = [4,2,7,1,3,6,9]输出:[4,7,2,9,6,3,1]题解:递归思路:将当前节点的左子树镜像(递归),右子树镜像(递归)再将当前节点的左右子

2021-11-02 19:48:16 340

原创 【剑指Offer打卡】26.树的子结构

剑指 Offer 26. 树的子结构题目描述输入两棵二叉树A和B,判断B是不是A的子结构。(约定空树不是任意一个树的子结构)B是A的子结构, 即 A中有出现和B相同的结构和节点值。例如:给定的树 A: 3 / \ 4 5 / \ 1 2给定的树 B: 4 / 1返回 true,因为 B 与 A 的一个子树拥有相同的结构和节点值。示例 1:输入:A = [1,2,3], B = [3,1]输出:false示例 2:输入:A =

2021-11-01 18:42:06 286

原创 【剑指Offer打卡】25.合并两个排序的链表

剑指 Offer 25. 合并两个排序的链表输入两个递增排序的链表,合并这两个链表并使新链表中的节点仍然是递增排序的。示例1:输入:1->2->4, 1->3->4输出:1->1->2->3->4->4限制:0 <= 链表长度 <= 1000注意:本题与主站 21 题相同:https://leetcode-cn.com/problems/merge-two-sorted-lists/题解一:暴力遍历思路:将两个链表的数

2021-11-01 18:40:37 199

原创 【剑指Offer打卡】24.反转链表

剑指Offer 24.反转链表JavaScript剑指Offer题解????包含数组、对象、链表、堆栈、树等经典题型☕️每天一道,轻松不累????详细的题目解析,收藏方便阅读????在线star地址在线阅读地址在线阅读地址题目描述定义一个函数,输入一个链表的头节点,反转该链表并输出反转后链表的头节点。示例:输入: 1->2->3->4->5->NULL输出: 5->4->3->2->1->NULL题解一:遍历思路

2021-10-29 22:15:00 157

原创 【剑指Offer打卡】22. 链表中倒数第k个节点

剑指Offer 22. 链表中倒数第k个节点JavaScript剑指Offer题解????包含数组、对象、链表、堆栈、树等经典题型☕️每天一道,轻松不累????详细的题目解析,收藏方便阅读????在线star地址在线阅读地址在线阅读地址题目描述输入一个链表,输出该链表中倒数第k个节点。为了符合大多数人的习惯,本题从1开始计数,即链表的尾节点是倒数第1个节点。例如,一个链表有 6 个节点,从头节点开始,它们的值依次是 1、2、3、4、5、6。这个链表的倒数第 3 个节点是值为 4 的节

2021-10-28 20:05:47 249

原创 【剑指Offer打卡】18. 删除链表的节点

剑指Offer18. 删除链表的节点JavaScript剑指Offer题解????包含数组、对象、链表、堆栈、树等经典题型☕️每天一道,轻松不累????详细的题目解析,收藏方便阅读????在线star地址在线阅读地址在线阅读地址题目描述给定单向链表的头指针和一个要删除的节点的值,定义一个函数删除该节点。返回删除后的链表的头节点。注意:此题对比原题有改动示例 1:输入: head = [4,5,1,9], val = 5输出: [4,1,9]解释: 给定你链表中值为 5 的第

2021-10-28 20:01:24 252

原创 【1024实战一下】手把手教你打造自己的个人网站,并支持自动发布,添加评论

打造自己的静态网站???? 上手难度低、扩展性强、0成本???? 手把手教你托管自己的个人网站,包含评论+自动化构建推送+GithubPages在线地址预览???? 收藏不走丢啊~实战源代码仓库-来个star鼓励一下吧一、VuePress本小节会帮助你从头搭建一个简单的 VuePress 文档。默认大家安装了node环境和yarn~VuePress —— 一个极简静态网站生成器,它包含由Vue驱动的主题系统和插件API。门槛低、上手快,扩展性强与Vue紧密贴合,支持自定义Vu

2021-10-28 17:32:45 2703 14

原创 【剑指Offer打卡】32-3. 从上到下打印二叉树III

剑指Offer32-3. 从上到下打印二叉树IIIJavaScript剑指Offer题解????包含数组、对象、链表、堆栈、树等经典题型☕️每天一道,轻松不累????详细的题目解析,收藏方便阅读????在线star地址在线阅读地址在线阅读地址题目描述请实现一个函数按照之字形顺序打印二叉树,即第一行按照从左到右的顺序打印,第二层按照从右到左的顺序打印,第三行再按照从左到右的顺序打印,其他行以此类推。例如:给定二叉树: [3,9,20,null,null,15,7], 3

2021-10-27 19:20:17 535

原创 【剑指Offer打卡】32-2. 从上到下打印二叉树II

剑指Offer32-2. 从上到下打印二叉树IIJavaScript剑指Offer题解????包含数组、对象、链表、堆栈、树等经典题型☕️每天一道,轻松不累????详细的题目解析,收藏方便阅读在线阅读地址在线阅读地址题目描述从上到下按层打印二叉树,同一层的节点按从左到右的顺序打印,每一层打印到一行。例如:给定二叉树:[3,9,20,null,null,15,7], 3 / \ 9 20 / \ 15 7返回其层次遍历结果:[ [3]

2021-10-27 19:15:36 277

原创 【剑指Offer打卡】32-1. 从上到下打印二叉树

剑指Offer32-1. 从上到下打印二叉树JavaScript剑指Offer题解????包含数组、对象、链表、堆栈、树等经典题型☕️每天一道,轻松不累????详细的题目解析,收藏方便阅读在线阅读地址在线阅读地址题目描述从上到下打印出二叉树的每个节点,同一层的节点按照从左到右的顺序打印。例如:给定二叉树: [3,9,20,null,null,15,7], 3 / \ 9 20 / \ 15 7返回:[3,9,20,15,7]题解一

2021-10-27 19:11:10 256

原创 【剑指Offer打卡】21. 调整数组顺序使奇数位于偶数前面

剑指Offer21. 调整数组顺序使奇数位于偶数前面JavaScript剑指Offer题解????包含数组、对象、链表、堆栈、树等经典题型☕️每天一道,轻松不累????详细的题目解析,收藏方便阅读在线阅读地址在线阅读地址题目描述输入一个整数数组,实现一个函数来调整该数组中数字的顺序,使得所有奇数位于数组的前半部分,所有偶数位于数组的后半部分。示例:输入:nums = [1,2,3,4]输出:[1,3,2,4] 注:[3,1,2,4] 也是正确的答案之一。题解一:遍历思路

2021-10-25 20:41:56 118

原创 【剑指Offer打卡】11.旋转数组的最小数字

剑指Offer(11)旋转数组的最小数字JavaScript剑指Offer题解????包含数组、对象、链表、堆栈、树等经典题型☕️每天一道,轻松不累????详细的题目解析,收藏方便阅读在线阅读地址在线阅读地址题目描述把一个数组最开始的若干个元素搬到数组的末尾,我们称之为数组的旋转。输入一个递增排序的数组的一个旋转,输出旋转数组的最小元素。例如,数组 [3,4,5,1,2] 为 [1,2,3,4,5] 的一个旋转,该数组的最小值为1。示例 1:输入:[3,4,5,1,2]输出:1

2021-10-24 08:00:00 162

原创 【1024实战一下】手把手教你打造自己的个人网站,并支持自动发布,添加评论

打造自己的静态网站???? 上手难度低、扩展性强、0成本???? 手把手教你托管自己的个人网站,包含评论+自动化构建推送+GithubPages在线地址预览???? 收藏不走丢啊~一、VuePress VuePress —— 一个极简静态网站生成器,它包含由Vue驱动的主题系统和插件API。门槛低、上手快,扩展性强与Vue紧密贴合,支持自定义Vue组件推荐使用v1.x版本主要使用场景、个人网站、开源项目文档等官方文档地址二、基本文件介绍介绍细节展

2021-10-24 08:00:00 1251 31

淘宝首屏静态页面(HTML+CSS)布局练习.zip

适合刚接触前端基础知识的同学,初步了解了HTML+CSS后,可以尝试练习类似项目;该项目主要为HTML+CSS实现,不涉及交互、逻辑功能,旨在提高样式布局能力

2020-05-07

空空如也

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

TA关注的人

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