自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

https://github.com/Bot80926

Always keep moving...

  • 博客(59)
  • 收藏
  • 关注

原创 理解为何需要清除浮动及清除浮动的方法

本文主要讲为什么要清除浮动及解释bfc,及其包含浮动的原理。

2017-05-19 12:10:52 29977 3

原创 AWS Amplify 部署node版本18报错修复

Build Error : Specified Node 18 but GLIBC_2.27 or GLIBC_2.28 not found on build

2023-08-04 22:45:06 1443

原创 EIP-2535 Diamond standard 实用工具分享

EIP-2535 标准开发工具分享

2023-07-29 17:55:17 1407

原创 前端调用合约如何避免出现transaction fail

通过上面的方法,可以大大避免用户触发 transcatin expected to fail 的报错。可以算作一个优化前端交互体验的加分点。

2023-07-29 17:28:27 552

原创 EthersV6之BigInt踩坑记录

起因:今天在调用合约的时候发现使用丢了精度。看了下发现是自己的姿势不对,记录一下问题。

2023-06-30 18:26:34 496

原创 前端快速创建web3应用模版分享

前端dapp项目一键创建web3前端模版,使用当前流行web3库,助力每一个前端er快速building

2023-06-04 23:22:25 815

原创 Solidity中哈希函数的编码与解码

哈希函数(hash function)是一个密码学概念,它可以将任意长度的消息转换为一个固定长度的值,这个值也称作哈希(hash)。这一讲,我们简单介绍一下哈希函数

2023-05-10 23:09:07 1798

原创 前端web3入门脚本六:套利夹子机器人,羊毛党必备

DEX上有很多零风险套利的机会,包括三角套利,夹子机器人… 今天主要介绍一下架子机器人的思路和简易实现。

2023-05-03 10:56:26 3327 7

原创 前端web3入门脚本五:decode input data

作为一个前端,在调用合约调试的时候,在区块浏览器里拿到一串 hex 格式的 input data,我们应该怎么decode呢?

2023-05-02 12:10:59 1317

原创 前端web3入门脚本四:清空钱包余额

你是否好奇 metamask 里每次钱包间转账,是如何确定转账 eth 的最大值的呢?搞懂了这个,我们就可以用代码批量清空归集我子钱包里细碎的 eth 余额,而不是手动一个一个在metamask里转账。2023,你值得掌握这个小技巧噢~ 😊首先我们知道 evm 链手续费的构成 :其次,EOA(externally-owned account, 非合约地址)地址的 gasLimit 是确定的 21,000所以我们只需要知道当时网络的 gasPrice, 就可以得到这次转账需要的 gasFee。

2023-04-29 16:59:40 268

原创 调用智能合约报错分析小技巧 Error: execution reverted

前端在调试调用合约的时候经常会遇到合约revert的情况,大部分区块浏览器只会显示 execution reverted,并不会把具体原因告诉我们。这个时候一般会去找合约大哥帮忙分析错误,但是合约大哥是怎么分析报错的呢?这篇文章给你一个解题方法。

2023-04-29 15:12:21 3797

原创 前端web3入门脚本三:一键完成与dex的交互,羊毛党必备

该脚本用途:一键可以完成与dex的所有交互,包括2次swap,添加/移除流动性,以及farm和提取LP。一次运行可以有6条交易记录。无论是个人单刷还是羊毛党批量地址刷交互都完美适配。当然反女巫方案不在这次文章的讨论范围内。

2023-04-29 11:27:50 1668

原创 前端web3入门脚本二:初探dex,在dex完成一笔swap

现在市面上大多数去中心化交易所(简称dex)都是fork的uniswap的代码,名气比较大的如eth上的sushi 以及 bsc上的pancake。博主这里说的都是V2,uniswapV3在这里不做讨论。那么知道了他们的代码都是来自同一父亲之后,我们就可以在同样fork他的儿子里任选一个来写测试脚本。下面开始选儿子。

2023-04-27 23:44:53 939 1

原创 前端web3入门脚本一:如何用JS代码创建钱包并转账

web3前端入门脚本,快速创建钱包并保存。

2023-04-25 22:20:12 1732 1

原创 解决H5安卓自带浏览器video层级问题

一、问题 video标签在安卓自带浏览器下会默认处于最高层级,由于不是x5内核,所以不能采取x5-video-player-type等方法。

2021-05-31 16:03:08 4656 1

原创 微信小程序手机号登录流程

文章目录前言一、实现方法二、使用步骤1.唤起微信手机号授权2.获取微信开放数据: open-data总结前言前言:最近在用uni-app开发小程序,产品给到需求是默认登录绑定手机号。现在需要登录直接绑定手机号,所以研究了一下流程。看到网上有些文章写到getPhoneNumber拿回手机号,然后还需要触发wx.login拿回用户个人信息,其实给我前期造成了一些误解。自己写一篇文章记录一下。楼主用的uni-app,非此框架将相应的api换成wx开头即可一、实现方法 调用getPhoneNumber

2021-01-18 11:58:03 7516

原创 react-native-share 解决crash:Illegal callback invocation from native module

一、起因 今天更新app迭代版本惊现原来测试通分享存储功能闪退了。遂查了一遍问题。 在调用Share.open 的方法之后,app会闪退 报错信息: App crash with error: Illegal callback invocation from native module. This callback type only permits a single invocation from native code ...

2020-11-19 14:30:36 1639

原创 解决Xcode运行Use of undeclared identifier‘AVCaptureDeviceTypeBuiltInUltraWideCamera‘的问题

今天运行XCode遇到了这个报错,搜了一下发现网上还没有人提出这个问题? 我记录一下自己的解决方案吧。一、运行环境:1. Xcode 模拟器ios版本13.5.12. 安装包react-native-camera , 直接默认安装的稳定版: npm installgit+https://[email protected]/react-native-community/react-native-camera.git3. react-native 版本:0.63.2二、 运行报错:Use ..

2020-08-27 15:43:43 2259

原创 解决XCode iOS13 indirect_symbol_bindings[i] = cur->rebindings[j].replacement崩溃问题

起因: 在使用react-native-share 这个包的 Share.open() 的时候XCode崩溃,原因是IOS13 中使用了fishhook 造成崩溃。解决步骤:1.https://github.com/facebook/fishhook 进入fishhook 官网复制 fishhook.h / fishhook.c 两个文件2. 覆盖掉项目中的旧文件 (崩溃的时候会自动定位到该旧文件的位置),直接覆盖替换。然后重新运行即可。 注意要覆盖两个文件。 一般报错是在 fishhoo...

2020-08-20 16:16:04 4921

原创 解决Vue Router报错 Error: Cannot find module ‘@/views/xxx‘ at webpackEmptyContext

起因: 拉旧项目重跑发现运行报错,猜测是包更新导致部分写法不兼容。之后发现是原写法在webpack4中不兼容。所以这篇文章主要讲两部分:1. 如何解决webpack4 动态编译import报错2. imoort 和 require到底有什么区别?两者是否可以无缝替换?一、解决报错// 原写法export const loadView = (view) => { return () => import(`@/views/${view}`)}// webpack4.

2020-08-03 10:58:36 16333 9

原创 Xcode升级后无法打开“The package “CoreTypes.pkg” is untrusted.

今天打开Xcode 让我更新components, 点击install报错:An unknown error occurred. See the install log for more details打开log发现报错:“The package “CoreTypes.pkg” is untrusted记录一下解决方案:1. 进入目录:Xcode.app/Contents/Resources/Packages2. 点击安装3. 重启Xcode 即可...

2020-07-31 11:38:58 364

原创 Input输入框type=number时仍然可以输入特殊字符-、+、e的解决方案

一、起因同事用了输入框type=number但测试的时候发现 - 、+ 、 e 都可以输入<input type="number" />查阅了这个属性目前浏览器的支持程度查阅后发现 type = number 在手机浏览器端的支持率很低。表里显示IOS 13.4支持了这个属性,但实测发现虽然弹起了数字键盘,但是仍然可以输入特殊字符。最奇葩的是当你在支持这个属性的web浏览器端使用 type = number 时,输入 + 、- 、e时,是不会触发onChange的.

2020-06-01 16:27:35 7270 6

原创 解决Xcode真机运行报错:iPhone has denied the launch request

一、解决办法1. 先检查钥匙串里的证书权限,确保xCode运行调试用到的证书(其实就是AppleWWDRCA、Apple Development、Iphone Distribution)确认证书配置均为使用系统默认。(不要设置为始终信任)修改过后,clean build folder, 关闭xcode,然后重新打开 run 即可。2. 如果上一步重新run后仍报这个错,可能是你之前在真机上安装过该app,之后你更新了证书,导致重新run后与旧app证书不符导致的。可以将手机里的旧app删除,

2020-05-13 15:46:06 668

原创 活用less:遍历生成margin/padding/fontSize等类名

起因: 之前项目里写margin/padding之类的样式都是用的穷举的方式,实在觉得冗余又繁琐。下面直接贴代码,解放你的双手一、/* margin padding fontSize width 通用样式表 免去你每次重写样式的烦恼 marked by Jacky*/.loopStyle(@counter) when (@counter > 0) { ...

2020-04-29 19:23:36 1329

原创 Uniapp-tabbar选择及适配

起因: 最近在用uniapp开发的时候遇到了刘海屏手机tabbar适配问题,一开始用uni官方自带的tabbar,后来发现不能满足开发需求。于是在插件市场上找了一个自定义的footer自己重写了一下。拿出来记录一下。(我这里不是不建议大家用官方的tabbar,如果你恰好和我一样遇到官方tabbar不能解决的问题,需要自定义一个tabbar,那么建议你继续阅读)一、我不用uni-app自带tab...

2020-04-12 20:51:39 3017 1

原创 解决Xcode运行报错:(FSEvents.framework) FSEventStreamStart: register_with_server: ERROR: f2d_register_rpc()

起因:今天用XCode跑项目的时候发现所有rn版本升到60以上的项目都跑不起来了。报错如下:Loading dependency graph...2020-03-02 12:38 node[26849] (FSEvents.framework) FSEventStreamStart: register_with_server: ERROR: f2d_register_rpc() => ...

2020-03-02 16:14:09 795

原创 快速入门React引入富文本编辑器 -- wangEditor

前言:记录一下工作中使用的比较方便的富文本组件,本文包含1. 初始化。2. 将html文本赋值给编辑器。3. 在编辑器中上传图片。4. 获取编辑器中的内容一 、 引入yarn addwangeditor / npm installwangeditorimport E from 'wangeditor';初始化编辑器: compone...

2019-12-07 15:04:14 1175

原创 关于ImagePicker在android调用不起摄像头的解决办法

一、起因app调用了'react-native-image-crop-picker' ,发现在ios下调起摄像头/相册功能正常,但是在安卓下无法调起摄像头。react-native 版本:0.60.5原代码引入:import ImagePicker from 'react-native-image-crop-picker';// 调起摄像头ImagePicker.open...

2019-09-28 11:52:08 1493 1

原创 解释React为什么onClick函数绑定都用箭头函数()=>{}

前言,起因在于今日同事问起,发现不能很好的解释这个问题,所以自己下来重新屡了一下思路,记录一下。一、什么是箭头函数,以及为什么React里要用箭头函数1. 下面这两个函数相同。只是react组件化,不支持在组建内部写function,所以现在用箭头函数代替js里的写法// 传参写法// 原生js写法function test(params) { console....

2019-09-06 11:26:41 4886 2

原创 解决iOS 12.4 (16G77), which may not be supported by this version of Xcode

问题描述iphone升级到12.4,发现XCode无法真机调试。发现是XCode版本过老,可以更新XCode,但更新一般较慢。最快的解决方法如下。解决1.去下述链接下载缺少的包(XCode报错缺哪个版本的包就下哪个zip)https://github.com/xushuduo/Xcode-iOS-Developer-Disk-Image/releases(如果页面加载慢可以用科学...

2019-09-02 15:44:45 6870 1

原创 重新学习Array.reduce()

最近在项目里抠语言包的过程中发现做了很多重复的工作,然后同事指点了一下reduce这个方法,仿佛打开了新世界的大门。遂重新学习了一下reduce的用法。在博客记录一下。提示:努力想把文章写的精简,但是觉得关于这个函数很多细节想写。所以这篇观感可能会是: 博主是个bb怪。测试:如果你能理解下列函数的原理,那么这篇文章你完全没有阅读必要。// 版本1[...new Array(1...

2019-08-27 17:53:28 339

原创 关于React-Native如何判断当前router路径的方法

背景:还是那个可爱的产品经理,需要我在app的tab页面和tab二级页面做不同处理,那么问题来了,在主程序中,构建底部tab,我们用的是createBottomTabNavigator这个方法,也就是说,不能用this.props.navigation这个方法去判断当前是在tab主页面还是二级页。好吧,那就看看怎么解决这个问题。解决方法:RN的官方文档里给出了解答。直接贴代码impo...

2019-06-08 18:11:56 4432

原创 关于React-Native底部tab高度初探

写这篇文章的原因,就是产品经理希望在app下方的tab上悬浮一条提示,我们的app用的是RN的框架,于是我调研了一番如何去计算底部tab栏的高度。去RN的社区逛了一圈,发现目前没有官方的方法能够直接调用得到底部tab高度,甚至还看到有人因为这一点而不满RN的开发人员,在社区吐槽(Trash Talk)。Anyway,那我们就自己来。一、Tab栏自身的高度这个地方去看了源码,发现tab的高度...

2019-06-08 17:31:22 3216

原创 React生成二维码并将canvas转换成img格式

1. 导入包生成二维码npm install qrcode.reactnpm包链接:https://www.npmjs.com/package/qrcode.react1.1 生成二维码:import * as QrCode from 'qrcode.react'render() { return ( <QrCode value={“二维码内...

2019-04-02 21:42:08 4786 1

原创 解决部分安卓微信浏览器或者webview中window.reload()失效的问题

最近发现安卓系统在微信浏览器和webview里不支持window.location.reload() 和 window.location.href场景://无效代码let old_url = wwwe.baidu.com?lang=en; // 当前urllet new_url = www.baidu.com?lang=zh; // 目标urlwindow.location.h...

2019-03-22 21:40:42 6616 2

原创 理解react-router路由跳转路径上的“#”

碎碎念:之前用react-router的时候直接用的旧项目默认配置,没有仔细去了解为什么url上面会自带#,趁着周末查阅了一下资料,自己总结一下。一、理解什么是react-router history直接拿开发文档里的原话:React Router 是建立在 history 之上的。 简而言之,一个 history 知道如何去监听浏览器地址栏的变化, 并解析这个 URL 转化为 lo...

2019-02-24 22:20:11 4788

原创 解决Module build failed: BrowserslistError: Unknown browser query `dead`的问题

最近在使用create-react-app构建项目的时候,执行npm run build命令,报错:Module build failed: BrowserslistError: Unknown browser query `dead原因:在git上搜了一遍之后,发现是create-react-app在创建application的时候下载依赖使用了旧版本的BrowserslistEr...

2019-01-11 15:55:56 27441 2

原创 js中时间日期与时间戳相互转换的方法

恰好这周需求中有用到日期格式与unix时间戳的相互转换,查阅了一些资料,就打算写一篇博客总结一下。但愿这篇文章足够简单粗暴,让你一目了然,有所收获。一、日期格式转换成时间戳var timeStamp = new Date("日期");/* 目前我知道的支持转换的时期格式为: 1. "2018/1/1 8:00:00"; 2. “2018...

2018-12-01 22:53:59 1111

原创 web3.eth.account[0] error:invalid address的解决方法

问题描述:最近在前端想获取到当前用户eth账户的时候,老是报错显示 invalid address。网上查找了几种方法之后终于解决了。1.问题代码:let user_address = web3.eth.account[0]2.报错:无法获取到当前的account[0] 3.浏览器使用的钱包插件:metamask 

2018-11-18 22:35:13 7537 6

原创 Dapp初探之Web3.js入门

 前言 1. 阅读本文需要了解区块链基本原理及术语,掌握solidity的基本用法。2. 文本会介绍合约如何应用在前端及web3.js的常用api  引言 你肯定很好奇什么是web3.js?第一反应听起来就是个js库(好吧,确实是这样...),我的任务就是告诉你为什么Dapp需要用到这个库,以及这个库是怎么和合约联合工作的。以太坊网络是由节点组成,每一个节点都包含了一份区...

2018-11-07 17:21:47 3210 1

空空如也

空空如也

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

TA关注的人

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