自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

任磊

关注前端开发,喜爱前端开发

  • 博客(221)
  • 资源 (9)
  • 问答 (1)
  • 收藏
  • 关注

原创 react钩子函数总结汇总

通过在浏览器绘制之前同步执行适当的布局更改,你可以防止在使用 useEffect 并且在布局更改和渲染之间有延迟时可能出现的视觉故障。请记住,尽管useLayoutEffect钩子为我们提供了很多有用的东西,但在99%的情况下,你最好还是使用useEffect钩子,因为它由于其异步的性质,常常会有更高的性能。useEffect 的执行时机是在渲染函数执行完成,并在浏览器完成绘制之后,再异步执行,而 useLayoutEffect 会在 DOM 更新之后,浏览器绘制之前同步执行。

2024-04-02 17:32:02 255

原创 React 掌握及对比常用的8个Hooks,优化及使用场景

React 掌握及对比常用的8个Hooks,优化及使用场景

2024-04-02 17:31:55 1258

原创 React 18中hook函数详解之useRef

useRef是一个方法,且useRef返回一个可变的ref对象

2024-03-27 12:27:42 951

原创 React 18中hook函数详解之useState和useEffect

React 18中hook函数详解之useState和useEffect

2024-03-26 18:22:51 1197

原创 tauri启动报错error: package `serde_spanned v0.6.5` cannot be built because it requires rustc 1.67 or new

tauri启动报错error: package `serde_spanned v0.6.5` cannot be built because it requires rustc 1.67 or new

2024-03-12 18:10:26 324

原创 js关于防抖和节流的问题

防抖和节流的话题,无论是在面试还是在实际场景的应用过程中都,是一个出现频率很高的话题。本文就这两个话题,做一个全面的梳理。

2024-03-11 17:57:17 556

原创 nextjs13如何进行服务端渲染?

nextjs13服务端数据渲染页面不变化,nextjs13如何进行服务端渲染?

2024-02-29 18:14:42 1070

原创 JS中使用bignumber.js处理大额数据进行高精度小数运算的实战方法

JS中使用bignumber.js处理大额数据进行高精度小数运算的实战方法

2024-02-26 17:19:49 1231

原创 Bitcoin在浏览器环境下生成HD钱包以及不同地址的生成(二)

Bitcoin在浏览器环境下生成HD钱包以及不同地址的生成

2024-01-31 18:01:13 110

原创 Bitcoin在浏览器环境下生成HD钱包以及不同地址的生成(一)

HD是Hierarchical Deterministic的缩写,意思是分层确定性。先确定根私钥root,然后根据索引计算每一层的子私钥

2024-01-30 16:41:50 76

原创 区块链当中Bitcoin的Segwit地址生成原理

Segwit地址又称隔离见证地址,Segwit地址有好几种,一种是以3开头的隔离见证兼容地址(Nested Segwit Address),从该地址上无法区分到底是多签地址还是隔离见证兼容地址,好处是钱包程序不用修改,可直接付款到该地址。

2024-01-22 11:28:19 439

原创 使用vite框架封装vue3插件,发布到npm

开发vue3组件配置

2024-01-15 14:49:11 1473

原创 如何使用vite框架封装一个js库,并发布npm包

vite也可以作为JavaScript模块打包工具,构建一个JavaScript库,并且使用起来容易上手,配置也简单,打包速度很快,并发布到npm上。

2024-01-10 18:48:32 2367 2

原创 nextjs13配置多个环境,打包不同的环境变量

一开始我看到文档说NODE_ENV === development环境,加载的是.env.development,同理 production 加载的是.env.production,那么我只要设置NODE_ENV在不同环境下是不同的值即可

2024-01-05 17:59:25 1866

原创 CSS样式中汉字和字母分别使用不同字体的方法

不同的操作系统、不同浏览器下内嵌的默认字体是不同的,错误的字体设置会导致页面在不同环境渲染的混乱,选择一套合适的字体是打造优秀网页的第一步。通过本文,我们会介绍字体的知识点,并探索在PC和Mobile两端该如何正确的设置字体。

2024-01-04 12:22:37 1885

原创 CSS免费在线字体格式转换器 CSS @font-face 生成器

CSS免费在线字体格式转换器 CSS @font-face 生成器

2024-01-04 11:37:56 2518

原创 在next13当中使用centrifuge5.0.1进行websocket请求

在next项目当中,可以在客户端组件当中使用centrifuge,进行websocket请求。

2023-12-27 10:17:17 868

原创 centrifuge5.0.1版本请求websocket实例

centrifuge提供了一个客户端,可使用纯 WebSocket 或一种替代传输(HTTP 流、SSE/EventSource、实验性 WebTransport)从 Web 浏览器、ReactNative 或 NodeJS 环境连接到或任何一、安转在浏览器中,您可以从CDN导入SDK(替换5.0.0为您要使用的具体版本号,请参阅另请参阅。请注意,浏览器构建目标。,如果您想发送二进制有效负载,请转到部分以了解如何导入具有 Protobuf 支持的客户端。

2023-12-26 18:08:20 641

原创 pnpm的安装及其使用

pnpm(performant npm,意思是高性能的 npm)是 Node.js 的替代包管理器。它是 npm 的直接替代品,速度更快、效率更高。为什么效率更高?当你安装一个包时,pnpm 将它保存在你机器上的一个全局存储中,然后我们从它创建一个硬链接而不是复制。对于模块的每个版本,磁盘上只保存一个副本。

2023-11-19 17:55:07 1351

原创 nrm的安装以及使用

nrm 是一个 npm 源管理器,允许你快速地在 npm源间切换。

2023-11-19 17:34:48 1295

原创 nextjs项目修改启动端口号,以及开发启动后自动打开浏览器

nextjs项目修改启动端口号,以及开发启动后自动打开浏览器

2023-10-13 09:43:31 1259

原创 nextjs构建服务端渲染,同时使用Material UI进行项目配置

nextjs构建服务端渲染,同时使用Material UI进行项目配置

2023-10-12 19:00:04 1633

原创 基于element-plus的选择组件el-select实现下拉加载封装

在vue3项目当中使用element-plus的UI组件el-select选择器,有时候会用到选择器下拉下载的功能,封装一个指令可以进行这样操作

2023-09-20 16:02:37 1378

原创 npm、yarn、pnpm如何清除缓存?

前端各包管理器清除缓存攻略教程npm、yarn、pnpm清除缓存方法

2023-09-20 15:49:23 14210

原创 前端代码统计工具之cloc介绍

使用cloc工具可以很好的统计出前端的代码量,经过亲身实践真的很棒

2023-09-18 15:39:50 342

原创 如何通过以太坊JSON-RPC方式获取ERC-20代币的信息?

根据 ERC20 标准,有 6 个强制函数和 3 个可选函数。将 ERC20 标准视为 Java 接口。如果你想让你的代币成为 ERC20 代币,那么你的智能合约必须实现这 6 个强制方法。可以采用JSON-RPC的方法,获取到对应的代币信息,进而进行转账交易。

2023-08-22 11:21:43 1649

原创 ethers.js:构建ERC-20代币交易的不同方法

我们将探讨如何使用ethers.js将ERC-20令牌从一个地址转移到另一个地址Ethers是一个非常酷的JavaScript库,它能够发送EIP-1559事务,而无需手动指定气体属性。它将确定gasLimit,并默认使用1.5 Gwei的maxPriorityFeePerGas,从v5.6.0开始。此外,如果您使用签名者类,它也会知道如何为您管理nonce。

2023-08-21 17:51:04 1246

原创 React/Vue实现路由鉴权/导航守卫/路由拦截

React/Vue实现路由鉴权/导航守卫/路由拦截

2023-07-12 15:39:39 1113 1

原创 vite+react+ts+eslint+prettier构建react开发项目

vite作为脚手架构建react开发项目,使用eslint进行代码规范,prettier进行代码美化,来构建你的项目

2023-06-30 11:27:41 1406

原创 区块链项目当中常用的正则表达式

在区块链项目当中不可避免的要进行表单的提交,尤其是涉及发起交易的的时候,对于比较的数值进行必要的校验是比克避免的,本文就来整理一下,笔者在前端项目当中所使用过的正则表达式。

2023-05-18 17:36:24 273

原创 Bitcoin的Segwit地址

Segwit地址又称隔离见证地址。在Bitcoin Blockchain上,经常可以看到类似bc1qmy63mjadtw8nhzl69ukdepwzsyvv4yex5qlmkd这样的以bc开头的地址,这种地址就是隔离见证地址。Segwit地址有好几种,一种是以3开头的隔离见证兼容地址(Nested Segwit Address),从该地址上无法区分到底是多签地址还是隔离见证兼容地址,好处是钱包程序不用修改,可直接付款到该地址。

2023-05-18 10:14:53 758

原创 ethers的智能合约方法的两个方法allowance和approve的使用

简述两个ethers的合约的两个方法allowance和approve,检查用户是否已经授权我的智能合约中提取他的代币和批准授权的数量

2023-05-18 09:56:25 821 1

原创 npx下载构建nuxt3开发模板失败的解决方案

构建nuxt3出现This is related to npm not being able to find a file.

2023-05-16 14:41:27 3972

原创 ethers的合约函数allowance和approve的使用

在设置批准的时候,可以将值设为最大值ethers.constants.MaxUint256。

2023-05-16 10:56:26 94

原创 vite+ts构建搭建谷歌插件开发环境

所用前端脚手架就是目前最火的vite,以及typescript.本文将着重介绍利用vite+ts的搭建谷歌插件开发的具体过程。很多教程都说的是谷歌扩展v2的配置,本文是 根据最新的谷歌扩展文档开发的v3的开发。

2023-04-07 12:17:06 2489 1

原创 ethers不同版本返回余额的整数值类型,以及对大整数值的处理差异性的比较

以太坊提供的官方库ethers对大整数值的处理有自带的一套方法,但是在目前最新的6v版本和之前广泛使用的5v版本,在查询余额的数值返回类型,以及处理余额整数值方面都有着十分大的差异。本文将着重介绍,这两种版本在返回的数值、以及数值处理方面的不同之处。

2023-04-06 15:28:36 576

原创 以太坊的私钥、公钥、地址、账户之间的关系总结

以太坊的私钥、公钥、地址之间的关系是,随机生成私钥、根据私钥计算出公钥、根据公钥计算出地址。

2023-04-04 11:12:53 1408

原创 ethers不同版本如何构建转账交易

目前,ethers最新的安装的版本是6.3.2。ethers的6v版本和之前通用版本的5v版本在使用有明显的差异。本文就这这两种版本的转账方法使用做个比较和记录。

2023-03-29 15:55:22 488

原创 yarn 2+以上版本的安装和使用方法

yarn 2+以上版本的安装和使用方法

2023-01-31 12:17:19 3418

原创 uni-app在真机调试下兼容ethers的方法

uni-app在真机调试下兼容ethers的方法,uni-app开发跨平台应用程序,项目搭建主要前端框是Uni-app + Vue3 + TS +Vite,项目搭建参考文章Hbuilderx版本是3.6.17。

2023-01-14 18:31:29 1458

xlsx.full.min.js

js生成excel和设置样式文件xlsx.full.min.js,针对excel转换导出各种操作所用插件,亲测有用。

2020-08-27

typescript.zip

TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集,而且本质上向 这个语言添加了可选的静态类型和基于类的面向对象编程。安德斯·海尔斯伯格,C#的首席架构师,已工作 于 TypeScript 的开发。2012 年十月份,微软发布了首个公开版本的 TypeScript,2013 年 6 月 19 日,在经 历了一个预览版之后微软正式 发布了正式版 TypeScript 0.9,向未来的 TypeScript 1.0 版迈进了很大一步 TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集,而且本质上向 这个语言添加了可选的静态类型和基于 类的面向对象编程。安德斯·海尔斯伯格,C#的首席架构师,已工 作于 TypeScript 的开发。 TypeScript 扩展了 JavaScript 的句法,所以任何现有的 JavaScript 程序可以不加改变的在 TypeScript 下工作。TypeScript 是为大型应用之开发而设计,而编译时它产生 JavaScript 以确保兼容性。 TypeScript 支持为已存在的 JavaScript 库添加类型信息的头文件,扩展了它对于流行的库如 jQuery, MongoDB,Node.js 和 D3.js 的好处

2019-10-31

yarn-1.13.0安装包

速度超快。 Yarn 缓存了每个下载过的包,所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率,因此安装速度更快。 超级安全。 在执行代码之前,Yarn 会通过算法校验每个安装包的完整性。 超级可靠。 使用详细、简洁的锁文件格式和明确的安装算法,Yarn 能够保证在不同系统上无差异的工作。

2019-03-24

深入理解ES6(高清版,带书签)

本书原作者 Zakas 长期供职于雅虎,是著名的 JS 库 YUI 的主要作者,有着非常丰富的一线 工作经验。他同时也是一个成功的作者,其最重要的著作《JavaScript 高级编程》 基本上是 JS 领域的必读之作,而他还出版了另一些质量很高的著作。《高级编程》 一书实际上并不是 完全高深的内容,而是从基本的层次开始讲述,逐步提高,全书结构比较良好,对初学者或 有一定经验的开发者来说都是很有用的。

2019-02-27

react进阶之路(附带源码和书签目录)

React作为当今众多新技术的一个代表, 由Facebook开源, 致力于解 决复杂视图层的开发问题, 它提出一种全新的UI组件的开发理念, 降低 了视图层的开发复杂度, 提高了视图层的开发效率, 让页面开发变得简 单、 高效、 可控。 此外, React不仅是单一的类库, 更是一个技术栈生 态, 可以和生态中的Redux、 MobX等其他技术结合使用, 构建可扩 展、 易维护、 高性能的大型Web应用。

2019-01-18

vue2实践揭秘((vue的入门的最佳捷径))

本书以 Vue2 的理论为中心,以实战示例为基础,通过示例应用展开覆盖 Vue 的各个 理论知识点。本书从实践应用出发,对 Vue 官方未曾进行详尽说明甚至不曾提及的实用内 容进行揭秘,试图使此书能成为你在 Vue 前端工程化开发实战中的参考手册。本书主要从 多个示例由浅入深地讲述 Vue 的使用知识,除此之外,还重点介绍了 Vue 工程化开发中必 备的源码库、第三方开发工具以及如何对 Vue 的各种模块进行全方位的测试。

2019-01-10

python基础教程第三版

学习python的经典书籍,选择了就不会放弃,因为你已经彻底爱上了他!

2019-01-07

jquery基础教程第四版+附带源码

jquery的入门读物,详细介绍jquery的完美书籍,其中的源码,可以让你随心所欲的利用,极大提升您的知识面。

2018-03-17

js高级程序编程

详细介绍js的书籍,号称js红宝书,深入了解js的原理和性能

2018-03-17

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

TA关注的人

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