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

原创 使用node和webpack打造前端工程化
这周花了四天时间复习了下之前学习webpack的内容,加深了对webpack打包工具的理解,并作出了较为详细的总结,如果你想对webpack有一定的了解,那么可以仔细阅读这篇文章。
2022-05-16 14:25:41
960
1

原创 java小游戏制作(maxfo)
去年暑期期间看完java紫皮书上的知识点后,陆续模拟了贪吃蛇,和飞机大战小游戏后,开始了自己的java小游戏制做。
2022-03-31 09:25:03
8843
15
原创 react hooks使用笔记
首次渲染真实的dom加载在didmount之后,更新渲染真实dom渲染在didupdate之后,render之后会形成虚拟的dom节点,而真实的dom渲染在didupdate以后(能拿到上一次的dom数据与这次的dom数据)。useMemo的函数会在渲染期间执行,请不要在函数内执行与渲染无关的操作,诸如副作用操作属于useEffect的适用范围,而不是useMemo,修改父组件后render重新执行(函数重新执行render是一个新的函数,不是同一个引用),子组件也重新渲染,react内部本身就做了优化。
2023-11-08 11:28:34
230
原创 Typora+PicGo+七牛云图床实现图片上传存储
近期在对一些博文进行迁移时,发现有大量的图片需要存储至服务器,当大量的图片资源需要在前台展示时,无疑是对服务器增加了的压力
2023-01-02 11:32:26
677
原创 Ant Design Upload 自定义上传 customRequest
Ant Design Upload 自定义上传 customRequest
2022-11-29 20:26:02
4512
1
原创 JavaScript基础面试题理解
封在寝室的这些日子,新的知识不是很能学进去,就拉着王帅花了一部分时间把之前学习的JS复习了一遍,外加一些常见习题及题解。
2022-10-30 09:56:21
1279
原创 vite.createFilter is not a function 问题解决
vite.createFilter is not a function 问题解决
2022-07-29 18:59:43
11588
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
4938
1
原创 高德地图marker事件监听-高德地图marker绑定事件就执行了[解决立即执行]
高德地图marker事件监听-高德地图marker绑定事件就执行了[解决立即执行]
2022-06-27 20:16:50
2069
原创 CSS中zoom和scale的区别
zoom和scale这两个东西都是用于对元素的缩放,但两者除了兼容性之外还有一些不同的地方。zoom缩放会将元素保持在左上角,而scale默认是中间位置,可以通过transform-origin来设置。另外他们执行的渲染顺序也不同zoom可能影响到盒子的计算。运行第一个测试中只设置了scale,于是元素以自己的中心为基点做缩放。第二个测试中不仅设置了scale,还有origin来将缩放的基点设置到左上角,因此变化结束后元素呆在了左上角。虽然容器设置了和高度一样的行高,当它并没有在容器里居中,因为scal
2022-06-12 20:42:42
1616
原创 JavaScript-函数的底层执行机制
最近做了些关于变量提升类型的题,由于之前做过相关的题,就信誓旦旦的输出了答案,结果出现了很多错误,于是去花了一部分时间研究了下相关的内容。目录函数的底层执行机制函数的创建函数的执行函数的底层执行机制函数的创建一个函数的创建会在 Heap 堆内存中开辟一块空间来存储函数。对象在创建会在堆内存中存储对象的键值对,而函数在堆内存中会存储三部分东西:作用域:[[scope]]函数字符串键值对例如:let a = [1,2];function fn(b) { b[0] = 3; b = [4
2022-05-02 09:01:38
848
原创 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
305
原创 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
1376
转载 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
1037
原创 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
181
原创 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
1286
原创 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
2044
原创 JAVA实现10种排序
**1.冒泡排序2.选择排序3.插入排序4.希尔排序5.快速排序6.归并排序7.堆排序8.计数排序9.桶排序10.基数排序**
2021-11-19 20:30:02
2325
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人