日日行,不怕千万里
摘要: 使用前提: 主要是仿照 antd 组件中的form表单组件,通过组件包装之后组件提供一些方法导出一些方法,以及导出相应的值。Antd-Form 类似于这样的组件,⽤Form.create()的⽅式实现: getFieldDecorator: ⽤于和表单进⾏双向绑定 getFieldsValue:获取 阅读全文
posted @ 2020-12-21 20:23 GongXiaoZhu 阅读(1063) 评论(0) 推荐(1) 编辑
摘要: 整数反转 给出一个 32 位的有符号整数,你需要将这个整数中每位上的数字进行反转。 示例 1: 输入: 123 输出: 321 示例 2: 输入: -123 输出: -321 示例 3: 输入: 120 输出: 21 解析 var reverse = function(x) { const bord 阅读全文
posted @ 2020-12-31 09:00 GongXiaoZhu 阅读(65) 评论(0) 推荐(0) 编辑
摘要: 宝石与石头 给定字符串J 代表石头中宝石的类型,和字符串 S代表你拥有的石头。 S 中每个字符代表了一种你拥有的石头的类型,你想知道你拥有的石头中有多少是宝石。J 中的字母不重复,J 和 S中的所有字符都是字母。字母区分大小写,因此"a"和"A"是不同类型的石头。 示例 1: 输入: J = "aA 阅读全文
posted @ 2020-12-29 15:02 GongXiaoZhu 阅读(80) 评论(0) 推荐(0) 编辑
摘要: 买卖股票的最佳时机 给定一个整数数组 prices ,它的第 i 个元素 prices[i] 是一支给定的股票在第 i 天的价格。设计一个算法来计算你所能获取的最大利润。你最多可以完成 k 笔交易。注意:你不能同时参与多笔交易(你必须在再次购买前出售掉之前的股票)。 示例一: 输入:k = 2, p 阅读全文
posted @ 2020-12-28 14:49 GongXiaoZhu 阅读(91) 评论(0) 推荐(0) 编辑
摘要: 同构字符串 给定两个字符串 s 和 t,判断它们是否是同构的。 如果 s 中的字符可以被替换得到 t ,那么这两个字符串是同构的。 所有出现的字符都必须用另一个字符替换,同时保留字符的顺序。两个字符不能映射到同一个字符上,但字符可以映射自己本身。 示例 1: 输入: s = "egg", t = " 阅读全文
posted @ 2020-12-27 16:06 GongXiaoZhu 阅读(121) 评论(0) 推荐(0) 编辑
摘要: 前言 React 相信大家都有过接触,React 一套MVC框架,根据 React 的框架诞生的一套使用方便的 处理数据状态的插件,redux。redux 也并不是就只是单纯使用于React , Vue 同样适用,它只是解决了一种处理数据的方式。 一、Redux 1.1 设计思想 Redux 将组价 阅读全文
posted @ 2020-12-25 16:43 GongXiaoZhu 阅读(120) 评论(0) 推荐(1) 编辑
摘要: xss 攻击: XSS (Cross-Site Scripting),跨站脚本攻击,因为缩写和 CSS重叠,所以只能叫 XSS。跨站脚本攻击是指通过存在安全漏洞的Web⽹站注册⽤户的浏览器内运⾏⾮法的⾮本站点HTML标签或JavaScript进⾏的⼀种攻击。 就好比你的一些输入框没有做操作,我输入一 阅读全文
posted @ 2020-12-21 17:17 GongXiaoZhu 阅读(168) 评论(0) 推荐(1) 编辑
摘要: 使用情况 在我们工程中会遇到一些组件之间通信,多层嵌套,组件传值困难等问题,我们可以使用这样的方式进行传值:redux/mobx 等等插件实现组件数据共享。假如不存在这些我们本身使用react 如何实现现有的功能。 外层组件:建立 React.createContext();建立stroe; imp 阅读全文
posted @ 2020-09-23 10:51 GongXiaoZhu 阅读(160) 评论(0) 推荐(1) 编辑
摘要: 使用场景 在项目中主要是我们遇到弹框,嵌套岑寂较深时,我们可以将定义组件传送到相应位置,让其嵌套层级并没有那么深。例如以下例子。 使用代码 /** * reactDom 中 传送门 createPortal 使用 * 组件加载在最外层body上 */ import React from 'react 阅读全文
posted @ 2020-09-22 15:43 GongXiaoZhu 阅读(776) 评论(0) 推荐(1) 编辑
摘要: 使用场景 通常使用在一些组件间传值问题,但是主要是层级嵌套不深数据逻辑不复杂情况下数据传输。 使用方法 /** * 组件通信简单处理方式, * export const { Provider, Consumer } = React.createContext(""); */ import React 阅读全文
posted @ 2020-09-22 15:33 GongXiaoZhu 阅读(309) 评论(0) 推荐(0) 编辑