随笔分类 -  react和js基础用法

前端,把各种服务整合起来,形成一个面向用户的defi应用。
摘要:前言:几年不用react,已发生翻天覆地变化,比如生命周期的方法,现在重写学习,记录变化。 常用的是:componentDidMount() 和 componentDidUpdate()。 不常用:static getDerivedStateFromProps() 和 shouldComponent 阅读全文
posted @ 2023-02-07 21:54 走走停停走走 阅读(63) 评论(0) 推荐(0) 编辑
摘要:前言:术语 “render prop” 是指一种在 React 组件之间使用一个值为函数的 prop 共享代码的简单技术 具有 render prop 的组件接受一个函数,该函数返回一个 React 元素并调用它而不是实现自己的渲染逻辑。 <DataProvider render={data => 阅读全文
posted @ 2023-01-31 22:44 走走停停走走 阅读(41) 评论(0) 推荐(0) 编辑
摘要:前言:Refs 提供了一种方式,允许我们访问 DOM 节点或在 render 方法中创建的 React 元素。 在典型的 React 数据流中,props 是父组件与子组件交互的唯一方式。要修改一个子组件,你需要使用新的 props 来重新渲染它。但是,在某些情况下,你需要在典型数据流之外强制修改子 阅读全文
posted @ 2023-01-31 22:31 走走停停走走 阅读(51) 评论(0) 推荐(0) 编辑
摘要:前言:UI 更新需要昂贵的 DOM 操作,而 React 内部使用几种巧妙的技术以便最小化 DOM 操作次数。对于大部分应用而言,使用 React 时无需专门优化就已拥有高性能的用户界面。尽管如此,你仍然有办法来加速你的 React 应用。 使用生产版本 当你需要对你的 React 应用进行 ben 阅读全文
posted @ 2023-01-31 08:02 走走停停走走 阅读(54) 评论(0) 推荐(0) 编辑
摘要:前言:jsx好多用法,现在还第一次使用。 实际上,JSX 仅仅只是 React.createElement(component, props, ...children) 函数的语法糖。 指定 React 元素类型 JSX 标签的第一部分指定了 React 元素的类型。 大写字母开头的 JSX 标签意 阅读全文
posted @ 2023-01-30 22:19 走走停停走走 阅读(79) 评论(0) 推荐(0) 编辑
摘要:前言:解释了redux实现原理,及避免一些坑,比如静态方法和ref不能传下去。 高阶组件(HOC)是 React 中用于复用组件逻辑的一种高级技巧。HOC 自身不是 React API 的一部分,它是一种基于 React 的组合特性而形成的设计模式。 具体而言,高阶组件是参数为组件,返回值为新组件的 阅读全文
posted @ 2023-01-30 22:00 走走停停走走 阅读(67) 评论(0) 推荐(0) 编辑
摘要:前言:想捡回前端开发,还是得重学react语法,很多都忘了,而且好几年过去,语法也发生了很大的变化。 另外,手册只是最基本的介绍,让你知道有这种用法,想深入掌握,还需要在具体点上查资料。 Context Context 设计目的是为了共享那些对于一个组件树而言是“全局”的数据,例如当前认证的用户、主 阅读全文
posted @ 2023-01-30 08:57 走走停停走走 阅读(61) 评论(0) 推荐(0) 编辑
摘要:GRPC与JSON-RPC都是rpc的一种。 一. RPC RPC是什么 RPC(Remote Procedure Call)指的是远程过程调用,简单的说,RPC就是从一台机器上通过参数传递的方式调用另一台机器上的一个函数或方法并得到响应结果。 RPC会隐藏底层的通讯细节。 RPC是一个请求响应模型 阅读全文
posted @ 2023-01-28 16:40 走走停停走走 阅读(2224) 评论(0) 推荐(1) 编辑
摘要:package.json中的type字段含义 如果最近的package.json文件包含一个顶级字段“type”,其值为“module”,则以.js结尾或没有任何扩展名的文件将作为ES模块进行加载。 如果最近的package.json缺少“type”字段,或者包含“type”:“commonjs”, 阅读全文
posted @ 2023-01-26 11:54 走走停停走走 阅读(2586) 评论(0) 推荐(0) 编辑
摘要:作用:首先useMemo它使用来做缓存用的,只有当一个依赖项改变的时候才会发生变化,否则拿缓存的值,就不用在每次渲染的时候再做计算 useMemo主要用来解决使用React hooks产生的无用渲染的性能问题,用来做缓存用。 useMemo使用场景,比如有两个变量(依赖项),只需要在其中一个变量变化 阅读全文
posted @ 2022-11-29 22:10 走走停停走走 阅读(872) 评论(0) 推荐(0) 编辑
摘要:前言:最近看一个react工程,发现好多语法都不会(已经5年没学习react新版本了,记得学习是从0.8->0.9),看代码如同雾里看花。 2023-5 useEffect可多次使用。 https://www.ruanyifeng.com/blog/2020/09/react-hooks-useef 阅读全文
posted @ 2022-10-31 12:36 走走停停走走 阅读(61) 评论(0) 推荐(0) 编辑
摘要:背景:今天熟悉一个交易的跟踪器trace项目,发现使用的是pnpm管理。 pnpm安装 npm install pnpm -g 探索中。 参考文档: https://blog.csdn.net/it_xcr/article/details/114655778 阅读全文
posted @ 2022-10-28 11:54 走走停停走走 阅读(20) 评论(0) 推荐(0) 编辑
摘要:前言: 这个问题是中午的时候,被用户反馈,当时还不觉得有问题。 调到最后发现一个小坑是:私钥地址,带0x和不带0x是有区别的。我们的Web钱包不要带0x,否则会还原出另一个新地址。 1. jssdk修改 (1)用私钥还原地址 /** 新地址 * Get address from private ke 阅读全文
posted @ 2022-02-12 10:53 走走停停走走 阅读(395) 评论(0) 推荐(0) 编辑
摘要:前言:自己当初学习的react的还是0.8.x版本,如今技术日新月异,react已经进化到v17.x版本。很多语法已经跟之前不同,所以重新温习一下 State 的更新可能是异步的 出于性能考虑,React 可能会把多个 setState() 调用合并成一个调用。 因为 this.props 和 th 阅读全文
posted @ 2021-05-22 15:28 走走停停走走 阅读(97) 评论(0) 推荐(0) 编辑
摘要:代码工程: https://github.com/pancakeswap/pancake-swap-interface-v1 https://github.com/pancakeswap/pancake-frontend 安装yarn: brew install yarn cd pancake-sw 阅读全文
posted @ 2021-05-18 17:56 走走停停走走 阅读(876) 评论(0) 推荐(0) 编辑
摘要:前言:一个defi能够运行起来包含两样东西,一个是部署在ETH或某链上的智能合约,另一个是连接该智能合约的前端工程。相比搭建一条公链而言,这个成本实在小太多,创作人员可以把精力聚焦在项目本身,编程本身的成本并不高。只要会前端和一点点后端知识就够了。3-5人足够,相对于中心化的公司,真的是一个很小的团 阅读全文
posted @ 2021-03-29 08:58 走走停停走走 阅读(626) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示