如何实现图片懒加载

当用户访问一个图片很多的页面，如果不做任何处理，可能等到图片加载完成用户可能早已经离开页面，所以为了留住我们的用户，我们需要对这一过程做一次优化...

2022-01-08

javascript

#javascript #性能优化

react-router 简单介绍与本地调试环境搭建

react-router是react标配的路由组件，现在为了能更好的研究它，我们先搭建一个本地调试环境用于后续的研究吧

2021-09-29

react-router

#react #源码解析 #react-router

React Context

React为我们提供了Context用于将数据进行广播，消费组件只需使用特定的方法就能拿到广播的数据，不用再采用层层递传的方式...

2021-09-23

react

#javascript #react

FormData多文件上传并同时添加其他数据

如何使用FormData实现文件上传呢？单文件上传和多文件上传呢？

2021-09-10

javascript

#javascript

git 用法

新人入职不知怎么拉取仓库代码？不知道git fetch 和 git pull的区别? 到底是用git merge还是git rebase? 这里有你想要的答案

2021-07-15

other

#git

typeof的用法

typeof 是javascript中的关键字，但如果你认为它只是用来判断类型，那你可就大错特错了

2021-06-30

javascript

#javascript #源码解析 #lodash

eslint 搭配 vscode 的简单使用

ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具，它的目标是保证代码的一致性和避免错误...

2021-05-12

javascript

#javascript

使用canal连接kafka

使用canal连接kafka这篇主要是项目还原，目的是记录构建时遇到的各种奇葩坑，避免下次迷路。废话不多说，直接上手。默认已安装docker，docker-compose，nodejs，yarn，typescript 首先根据 kafka-docker 这个官方的仓库下的docker-compose.yml复制一份到自己的项目中 12345678910111213141516vers

2021-04-20

other

#kafka

定型数组(typed array)

定型数组（typed array)定型数组（typed array）是ECMAScript新增的结构，目的是提升向原生库传输数据的效率。实际上，JavaScript并没有"TypedArray"类型，它所指的其实是一种特殊的包含数值类型的数组 ArrayBufferArrayBuffer是所有定型数组及视图引用的基本单位。 SharedArrayBuffer是ArrayBuf

2021-04-09

javascript

#javascript

执行上下文，作用域和垃圾清理

执行上下文，作用域和垃圾回收执行上下文是当前JavaScript代码被解析和执行时所在环境的抽象概念。变量或函数的上下文决定了它们可以访问哪些数据。执行上下文的类型执行上下文包含全局执行上下文、函数执行上下文和eval执行上下文（不建议使用）全局执行上下文：是最外层的上下文，在浏览器环境中就是全局对象window，this指向这个全局对象。全局执行上下文仅此一个函数执行上下文：当函数被调用时

2021-03-27

javascript

#javascript