自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(30)
  • 收藏
  • 关注

原创 typescript常见数据结构与算法

吸取了之前刷题的教训,近期系统的学习了下数据结构,并理解性的对常用的数据结构进行封装,颇有收获。

2023-03-04 17:51:45 833 1

原创 文章推送至个人博客——FANnn

文章推送至个人博客:ilnafz.cn

2023-01-11 20:37:12 136

原创 使用node和webpack打造前端工程化

这周花了四天时间复习了下之前学习webpack的内容,加深了对webpack打包工具的理解,并作出了较为详细的总结,如果你想对webpack有一定的了解,那么可以仔细阅读这篇文章。

2022-05-16 14:25:41 389 1

原创 java小游戏制作(maxfo)

去年暑期期间看完java紫皮书上的知识点后,陆续模拟了贪吃蛇,和飞机大战小游戏后,开始了自己的java小游戏制做。

2022-03-31 09:25:03 7765 9

原创 react hooks使用笔记

首次渲染真实的dom加载在didmount之后,更新渲染真实dom渲染在didupdate之后,render之后会形成虚拟的dom节点,而真实的dom渲染在didupdate以后(能拿到上一次的dom数据与这次的dom数据)。useMemo的函数会在渲染期间执行,请不要在函数内执行与渲染无关的操作,诸如副作用操作属于useEffect的适用范围,而不是useMemo,修改父组件后render重新执行(函数重新执行render是一个新的函数,不是同一个引用),子组件也重新渲染,react内部本身就做了优化。

2023-11-08 11:28:34 124

原创 docker学习笔记

Docker是一个开源的引擎,可以轻松的为任何应用创建一个轻量级的、可移植的、自给自足的容器。

2023-09-09 16:47:45 174 1

原创 Typora+PicGo+七牛云图床实现图片上传存储

近期在对一些博文进行迁移时,发现有大量的图片需要存储至服务器,当大量的图片资源需要在前台展示时,无疑是对服务器增加了的压力

2023-01-02 11:32:26 574

原创 Ant Design Upload 自定义上传 customRequest

Ant Design Upload 自定义上传 customRequest

2022-11-29 20:26:02 3518

原创 React18开发中问题记录(持续更新)

记录使用react18开发过程中出现的问题。

2022-11-20 09:50:33 717

原创 ant-design的Carousel组件在ts环境中ts调用prev以及next方法

Carousel组件ts类型定义。

2022-11-11 22:02:55 846

原创 JavaScript基础面试题理解

封在寝室的这些日子,新的知识不是很能学进去,就拉着王帅花了一部分时间把之前学习的JS复习了一遍,外加一些常见习题及题解。

2022-10-30 09:56:21 207

原创 数据结构—二叉树的存储结构

二叉树是一种基本数据结构,在算法面试中都是常客,也是众多数据结构的基石

2022-10-05 09:23:33 851

原创 vite.createFilter is not a function 问题解决

vite.createFilter is not a function 问题解决

2022-07-29 18:59:43 9796 1

原创 Promise中的return的理解与补充

通过async/await去操作得到的对Promise象,也就是说,要想获取到Promise.then的返回值,就必须利用await获取,要想使用await,就必须在函数前面加上async。是Promise对象resolved的语法糖这也就是最终awaitPromise对象是返回的值的原因(这点可以深入看一下ES6的Promise)。由此肯定then中的return的结果是接下来链式写法then中的resolved参数,让我们看下官方文档如何描述。打印结果如下,问题解决。...

2022-07-28 11:34:18 3812 1

转载 Redux基本介绍

Redux基本介绍

2022-07-25 14:57:20 2489 1

原创 vue3项目中引入ts

基于vue3项目的基础上引入ts

2022-07-13 15:28:10 26495 3

原创 vue3+vite 在html文件中添加环境变量

vue3加vite添加环境变量

2022-07-04 22:44:39 10063

原创 高德地图marker事件监听-高德地图marker绑定事件就执行了[解决立即执行]

高德地图marker事件监听-高德地图marker绑定事件就执行了[解决立即执行]

2022-06-27 20:16:50 1776

原创 Vue3 Script Setup

Vue3中我们需要通过setup()函数进行return,setup语法糖解决了这个冗余的问题.

2022-06-21 08:09:56 616

原创 CSS中zoom和scale的区别

zoom和scale这两个东西都是用于对元素的缩放,但两者除了兼容性之外还有一些不同的地方。zoom缩放会将元素保持在左上角,而scale默认是中间位置,可以通过transform-origin来设置。另外他们执行的渲染顺序也不同zoom可能影响到盒子的计算。运行第一个测试中只设置了scale,于是元素以自己的中心为基点做缩放。第二个测试中不仅设置了scale,还有origin来将缩放的基点设置到左上角,因此变化结束后元素呆在了左上角。虽然容器设置了和高度一样的行高,当它并没有在容器里居中,因为scal

2022-06-12 20:42:42 1409

原创 JavaScript-函数的底层执行机制

最近做了些关于变量提升类型的题,由于之前做过相关的题,就信誓旦旦的输出了答案,结果出现了很多错误,于是去花了一部分时间研究了下相关的内容。目录函数的底层执行机制函数的创建函数的执行函数的底层执行机制函数的创建一个函数的创建会在 Heap 堆内存中开辟一块空间来存储函数。对象在创建会在堆内存中存储对象的键值对,而函数在堆内存中会存储三部分东西:作用域:[[scope]]函数字符串键值对例如:let a = [1,2];function fn(b) { b[0] = 3; b = [4

2022-05-02 09:01:38 708

原创 Javascript-模拟call和apply方法

目录call功能模拟applycall功能模拟前首先搞清楚call方法的功能:改变调用函数的this指向可传入多个参数:func.call(context, arg1, arg2…)立即执行调用函数不传参function Fn() { console.log(this.name); this.name = "fan01" console.log(this.name);}const o = { name:"fan02"}Fn.call(o)// fan02

2022-04-22 11:43:00 205

原创 JavaScript-Stack,Heap

最近做了些关于变量提升类型的题,由于之前做过相关的题,就信誓旦旦的输出了答案,结果出现了很多错误,于是去花了一部分时间研究了下相关的内容,这里重点了解下 js的Stack ,Heap。这里写目录标题一、Stack ,Heap了解内存存储GO(global object)全局对象。EC:全局的执行环境(全局执行上下文)GO VS EC(G)栈内存 VS 堆内存栈内存的作用堆内存的作用「全局上下文」变量的访问和赋值「全局上下文」访问变量「全局上下文」赋值变量:a = 100练习题一、Stack ,Heap

2022-04-18 16:05:31 1089

转载 JavaScript - 定时器

目录setTimeout()setInterval()clearTimeout(),clearInterval()实例:debounce 函数运行机制setTimeout(f, 0)含义应用setTimeout()setTimeout函数用来指定某个函数或某段代码,在多少毫秒之后执行。它返回一个整数,表示定时器的编号,以后可以用来取消这个定时器。var timerId = setTimeout(func|code, delay);上面代码中,setTimeout函数接受两个参数,第一个参数func

2022-04-11 09:02:56 701

原创 JavaScript -this关键字

涵义实质使用场合使用注意点避免多层this

2022-04-04 11:25:40 84

原创 JavaScript -实例对象与new命令

JavaScript作为一个基于对象(没有类的概念)的语言,从入门到精通到放弃一直会被对象这个问题围绕,其语言具有很强的面向对象编程能力,本章介绍 JavaScript 面向对象编程的基础知识。本文目录1.面向对象编程2.对象是什么3.构造函数4.new 命令基本用法new命令原理new.target5.Object.create() 创建实例对象1.面向对象编程面向对象编程(Object Oriented Programming,缩写为 OOP)是目前主流的编程范式。它将真实世界各种复杂的关系,抽象

2022-03-26 15:02:22 148

转载 JavaScript - Object对象

JavaScript-Object对象

2022-03-21 09:36:29 395

原创 SASS的安装与使用(windows系统)

Sass官方文档一、安装RubySass是用Ruby语言写的,但是两者的语法没有关系,所以学 Sass 不用学 Ruby,只是必须先安装Ruby,然后再安装Sass。Linux和Mac已自带Ruby,不用再安装。Windows用户可以从这里下载Ruby的安装程序。我下载的是第一个,Ruby+Devkit 3.1.X (x64)安装过程没什么麻烦的地方,按提示来就可以。  安装过程中跳出的黑窗口回车后(ruby安装完成):二、安装SASS运行cmd命令,输入ruby -v 查看版本号,人如

2022-03-07 08:52:19 1088

原创 gitee拉取代码

获取代码地址方法一:##打开本地文件夹,鼠标右键git bash,在弹出的窗口输入git clone url(url为代码链接)然后回车。方法二打开本地文件夹2.文件夹地址处输入cmd命令覆盖原有地址3.进行配置 输入命令 git init 回车文件夹内会出现一个.git文件,这就是我们刚刚创建好的git仓库了,关于这个项目的一些快照数据都会被存放在这里 输入命令 git remote add origin 复制的url 回车 输入命令 git pull origin .

2022-02-14 19:11:31 1959

原创 JAVA实现10种排序

**1.冒泡排序2.选择排序3.插入排序4.希尔排序5.快速排序6.归并排序7.堆排序8.计数排序9.桶排序10.基数排序**

2021-11-19 20:30:02 2081

空空如也

空空如也

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

TA关注的人

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