上一页 1 ··· 4 5 6 7 8 9 10 11 12 ··· 21 下一页
2023年2月27日
React中Refs的使用
摘要： Refs为我们提供了一种方式访问Dom节点或者React实例,下面是使用Refs的几个场景 管理焦点，文本选择或媒体播放 触发强制动画 集成第三方 DOM 库 1. 创建和访问Refs 创建Refs Refs 是使用 React.createRef() 创建的，并通过 ref 属性附加到 React 阅读全文
posted @ 2023-02-27 20:41 箫笛 阅读(265) 评论(0) 推荐(0) 编辑
React中重用代码的技术
摘要： 1. Render Prop 具有 render prop 的组件接受一个返回 React元素的函数，并在组件内部通过调用此函数来 实现自己的渲染逻辑, 具体来说render prop 是一个用于告知组件需要渲染什么内容的函数 prop。 <DataProvider render={data => 阅读全文
posted @ 2023-02-27 17:48 箫笛 阅读(31) 评论(0) 推荐(0) 编辑
2023年2月24日
使用Redux-toolkit 与 React-Redux开发React应用
摘要： 1. 创建Redux store app/store.js import { configureStore } from '@reduxjs/toolkit' export default configureStore({ reducer: {} }) 2. 将store提供给React index 阅读全文
posted @ 2023-02-24 20:51 箫笛 阅读(90) 评论(0) 推荐(0) 编辑
Redux中的Enhancer 与 Middleware
摘要： 1. store enhancer Store Enhancer基本结构 Store Enhancer是一个函数，这个函数可以接受一个createStore模样的函数为参数，返回一个新的createStore函数。它的主要目的是改变和加强store的接口方法。 const doNothingEnha 阅读全文
posted @ 2023-02-24 20:34 箫笛 阅读(169) 评论(0) 推荐(0) 编辑
Redux技术原理
摘要： 1. 什么是Redux Redux是一个通过叫做action的事件，管理和更新应用程序状态的js库或者说是一种模式。使用Redux 可以使我们更容易地理解应用程序中的状态或者说数据何时，何地，为什么被更新，以及这种更新所 带来的行为。 2. 使用Redux的场景 应用程序中具有大量的数据状态分布在程 阅读全文
posted @ 2023-02-24 20:31 箫笛 阅读(83) 评论(0) 推荐(0) 编辑
2023年2月17日
javascript 高级编程系列 - 迭代器/生成器
摘要： 1. 迭代器（Iterator） 特殊对象，具有迭代过程的接口next()方法 每次调用next()方法，返回一个结果对象 结果对象有两个属性value(任何类型)和done(布尔类型) 当集合的值返回完时，再次调用next()方法，结果对象的done属性值为true，value为迭代器最终返回的值 阅读全文
posted @ 2023-02-17 17:44 箫笛 阅读(381) 评论(0) 推荐(0) 编辑
Chrome扩展开发实例 - 编码解码
摘要： code/manifest.json { "manifest_version": 3, "name": "Code Tool", "description": "encode and decode string", "version": "1.0", "action": { "default_pop 阅读全文
posted @ 2023-02-17 11:44 箫笛 阅读(53) 评论(0) 推荐(0) 编辑
基于lodash的实用函数
摘要： getCustomizedObject /** * @number: the count of object attribute * @prefix: the object attribute prefix string * @value: the value of each attribute, 阅读全文
posted @ 2023-02-17 10:54 箫笛 阅读(24) 评论(0) 推荐(0) 编辑
精通正则表达式 - 实例
摘要： 1. 正整数 正则表达式：/^(?!0)[0-9]+$/ 不以0开头 function isInteger(value) { return /^(?!0)[0-9]+$/.test(value); } 2. 非0数 正则表达式：/^\-?0\.[0-9]*[1-9]+[0-9]*$|^\-?(?!0 阅读全文
posted @ 2023-02-17 10:31 箫笛 阅读(56) 评论(0) 推荐(0) 编辑
2023年2月16日
javascript 高级编程系列 - async/await
摘要： async/await其实是生成器的语法糖，async用于声明一个函数是异步的，而await用于等待一个异步方法执行完成,并且await只能出现在async函数中。 1. async 函数 async函数返回一个Promise对象，因此可以使用Promise对象的相关方法去进 一步处理async函数 阅读全文
posted @ 2023-02-16 20:32 箫笛 阅读(86) 评论(0) 推荐(0) 编辑
上一页 1 ··· 4 5 6 7 8 9 10 11 12 ··· 21 下一页
点击右上角即可分享
微信分享提示