自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(1358)
  • 资源 (8)
  • 收藏
  • 关注

转载 TypeScript 之 Record

在 TS 中,类似数组、字符串、数组、接口这些常见的类型都非常常见,但是如果要定义一个对象的 key 和 value 类型该怎么做呢?这时候就需要用到 TS 的 Record 了。很好理解,Record 后面的泛型就是对象键和值的类型。好吧,其实很简单。但是之前我真的不知道这个属性,都是这么写的[捂脸]。

2022-09-22 13:25:07 10

转载 es13的类 和ts的类

/ 属性 前面省略了public 关键词}}}}var p = new Person('赵四')p.setName('王麻子')

2022-09-16 07:10:51 8

转载 Docker 镜像构建之 Dockerfile示例

在 Docker 中构建镜像最常用的方式,就是使用Dockerfile。Dockerfile 是一个用来构建镜像的文本文件,文本内容包含了一条条构建镜像所需的指令和说明。

2022-09-13 16:22:45 14

原创 sonar是一款静态代码质量分析工具

sonar是一款静态代码质量分析工具,支持Java、Python、PHP、JavaScript、CSS等25种以上的语言;而且能够集成在IDE、Jenkins、Git等服务中,方便随时查看代码质量分析报告;sonar通过配置的代码分析规则,从可靠性、安全性、可维护性、覆盖率、重复率等方面分析项目,风险等级从A~E划- 分为5个等级;sonar设置了质量门,通过设置的质量门评定此次提交分析的项目代码是否达到了规定的要求;...

2022-08-30 11:28:40 90

转载 pnpm 是凭什么对 npm 和 yarn 降维打击的

pnpm 最近经常会听到,可以说是爆火。本文我们梳理了下它爆火的原因:npm2 是通过嵌套的方式管理 node_modules 的,会有同样的依赖复制多次的问题。npm3+ 和 yarn 是通过铺平的扁平化的方式来管理 node_modules,解决了嵌套方式的部分问题,但是引入了幽灵依赖的问题,并且同名的包只会提升一个版本的,其余的版本依然会复制多次。...

2022-08-03 16:20:26 51

转载 阿里三面:灵魂拷问——有react fiber,为什么不需要vue fiber呢?

灵魂拷问——有react fiber,为什么不需要vue fiber呢?

2022-07-31 16:24:25 96

原创 【无标题】

localStorage封装

2022-07-29 15:31:30 71

转载 用过useEffect,useLayoutEffect吗

在函数组件主体内(这里指在React渲染阶段)改变DOM、添加订阅、设置定时器、记录日志以及执行其他包含副作用的操作都是不被允许的,因为这可能会产生莫名其妙的bug并破坏UI的一致性。与、不同的是,传给useEffect的函数会在浏览器完成布局与绘制之后,在一个延迟事件中被调用。这使得它适用于许多常见的副作用场景,比如设置订阅和事件处理等情况,因为绝大多数操作不应阻塞浏览器对屏幕的更新。其函数签名与useEffect相同,但它会在所有的DOM变更之后同步调用effect。...

2022-07-15 11:31:06 31

原创 ES2022 Array.at( )

长期以来,一直有人要求 JavaScript 提供类似 Python 的数组负索引访问器。而不是做 array[array.length-1] 来做简单的 array[-1]。这是不可能的,因为 [] 符号也用于 JavaScript 中的对象。被接受的提案采取了更实际的方法。Array 对象现在将有一个方法来模拟上述行为。...

2022-07-14 17:07:09 182

转载 useRef & setInterval

useRef & setInterval

2022-07-11 20:12:12 92

转载 IDEA自动编译不用每次Build

大家一直都说公司都在使用Intellij Idea,说是最好的Java开发软件,但是我个人真的有点受不了它的运行速度。每次访问的时候都进行build受够了,转载了这篇文章,解决这个问题。总感觉IDEA的编译速度比eclipse慢,eclipse每次保存都自动编译,而且运行的时候如果代码没有改变根本不会重新编译,但是IDEA这方便却不是,每次都要编译。(1)开启自动编译请注意:一般情况下,我们应该使用debug模式运行...

2022-05-19 14:28:18 1224 1

转载 Maven项目的moudle之间的依赖关系

1. 创建一个新项目2.选择maven项目(注意不勾选骨架)3. 输入Name(项目名)然后输入gGoupId,其他会自动生成,最后finish4.新窗口打开5.打开后是这样6.新建第一个子模块7.同样选择maven项目,不勾选骨架8.给新模块命名:son-module-one然后点击finish完成9.同理再新建一个moudle:son-mod...

2022-05-07 00:29:35 395

转载 springboot项目启动指定对应环境

springboot项目启动指定对应环境文章目录springboot项目启动指定对应环境要求:默认启动指定的是默认配置文件1.命令行的方式第一种第二种2.idea方式设置启动配置第一种方式第二种方式总结要求:已dev环境启动demo-0.0.1-SNAPSHOT.jar默认启动指定的是默认配置文件指定的是application.properties或者application.yml配置文件(默认环境)java -jar demo-0.0.1-SNAPSHOT.jar.

2022-05-07 00:02:57 900

转载 useMemo和useCallback的区别和使用

useMemoconst memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]);将“创建”函数和依赖项添加到参数上使用备注,它仅会在某个依赖项改变时才重新计算备忘录值。这种优化避免在每次渲染时都进行高开销的计算。也就是说useMemo可以让函数在某个依赖项改变的时候才运行,这可以避免很多额外的开销。举个例子:不使用useMemofunction Example() { const [co

2022-05-02 21:14:00 680

转载 一步一步理解Render Props

欢迎大家收看姊妹篇苍天祝我:利用prop来理解vue的v-slot2 赞同 · 0 评论文章正在上传…重新上传取消现在有这样一个组件,是用来切换一个<h1>的显示与隐藏// Toggle.jsimport React, { useState } from "react";export const Toggle = props => { const [on, setOn] = useState(false); const toggle = () => setO

2022-05-02 07:43:50 351

转载 React的contextType的使用方法简介

上一篇介绍了Context的使用方法。但是Context会让组件变得不纯粹,因为依赖了全局变量。所以这决定了Context一般不会大规模的使用。所以一般在一个组件中使用一个Context就好。由于Consumer的特性,里面的代码必须是这个函数的返回值。这样就显得复杂与不优雅了。那该怎么解决呢?这样contextType就派上用场了。还拿上一篇的demo来举例。并且修改它。 上一篇的代码:import React, { Component, createContext } from '

2022-05-01 11:35:37 229

原创 在react函数式组件中使用防抖与节流函数

先来看一段代码:import debounce from 'lodash/debounce';export default class Search extends Component { constructor(props) { super(props) this.handleSearch = debounce(this.handleSearch, 500); } handleSubmit = (e) => { e.preve

2022-04-28 08:22:08 792

转载 一句话解释 useCallback 与 useMemo 的区别 & 作用

背景最近在重构其他项目的代码,发现很多新手写的代码没有做好 hook 内存优化,在解释为什么需要以及 useCallback 和 useMemo 的区别,顺便写下来。解释一句话:useCallback 缓存钩子函数,useMemo 缓存返回值(计算结果)。type DependencyList = ReadonlyArray<any>;function useCallback<T extends (...args: any[]) => any>(callb

2022-04-27 22:14:08 862

转载 React的memo和useMemo的作用

要想学习useMemo必须要先知道React.memo这两者都有一定的优化作用memo的作用当数据变化时,代码会重新执行一遍,但是子组件数据没有变化也会执行,这个时候可以使用memo将子组件封装起来,让子组件的数据只在发生改变时才会执行案例点击按钮改变n的值,m不变,验证程序会不会执行m的代码不使用memo的情况只改变n的值时,虽然说m的值没变,但是也执行了Child的打印语句function App(){ const [n,setN] = useState(0);

2022-04-27 22:12:50 229

原创 useMemo、useCallback简单理解

1、useMemo、useCallback都是使参数(函数)不会因为其他不想关的参数变化而重新渲染。(1)useMemo 1 2 3 const memoDom = useMemo(() => { return<div>{memoValue}</div> }, []) (2)useCallback 1 const callbackTest = useCallba...

2022-04-26 08:57:37 352

原创 React 16.6 之 React.memo()

React.memo()React 16.6.0 发布了 主要更新了两个新的重要功能:React.memo() React.lazy(): 使用 React Suspense 进行代码拆分和懒加载今天我们会重点介绍 React.memo(),后续会介绍 React.lazy() 和 Suspense。React.memo() 是什么?React.memo() 和 PureComponent 很相似,它帮助我们控制何时重新渲染组件。组件仅在它的 props 发生改变的时候进行重新.

2022-04-25 22:40:05 400

原创 对React children 的深入理解 https://segmentfault.com/a/1190000011527160

React的核心为组件。你可以像嵌套HTML标签一样嵌套使用这些组件,这使得编写JSX更加容易因为它类似于标记语言。当我刚开始学习React时,当时我认为“使用props.children就这么回事,我知道它的一切”。我错了。。因为我们使用的事JavaScript,我们会改变children。我们能够给它们发送特殊的属性,以此来决定它们是否进行渲染。让我们来探究一下React中children的作用。子组件我们有一个组件<Grid />包含了几个组件<Row /&...

2022-04-20 16:34:56 176

转载 redux中使用useSelector、useDispatch替代connect

redux中使用useSelector、useDispatch替代connect_fundroid_方卓的博客-CSDN博客_useselector

2022-04-19 14:31:13 111

原创 dangerouslySetInnerHTML的使用

最近在做React项目中遇到一个问题,需要将UEditor编辑器输入的内容显示在页面中,而由于UEditor编辑器中获得的内容会包括html标签,例如<a><p>之类的,直接在页面上展示的话就会显示为字符串。 在Vue中有个v-html属性可以处理这个问题,而在React中,就需要用到dangerouslySetInnerHTML属性,格式如下:<div dangerouslySetInnerHTML={_html: "我是一个字符串<b&gt...

2022-04-19 11:26:06 1575

原创 [译]何时使用React.PureComponent

如果你用过React,那么你对React. component很熟悉。它可能是您每次创建一个新的有状态组件时所要扩展的内容。App.js就是一个这样做的类组件:import React from 'react';export default class Parent extends React.Component { constructor(props) { super(props); this.state = { message: 'hello', };

2022-04-16 17:28:17 665

原创 vue转react useEffect的详细

useEffect用于处理组件中的effect,通常用于请求数据,事件处理,订阅等相关操作。useEffect的第二个参数:1.当useEffect没有第二个参数时通过这个例子可以看到useEffect没有第二个参数时不停的在调用2.当useEffect第二个参数为空数组时通过这个例子可以看出来useEffect在调用一次后就不再调用3.当useEffect第二个参数为变量时通过这个例子可以看出来useEffect在每次co

2022-04-16 16:43:42 804

原创 vue转React 实现插槽功能

二. 在父元素的使用-- App.jsimport React, { Component } from 'react';import NavBar2 from "./NavBar2"class App extends Component { render() { return ( <div> {/** * * 第二种方式 * 是一个单标签的形式去写格式是: 属性={<...

2022-04-16 16:11:26 757

原创 vue转React -----React使用ES6可以省略constructor构造器吗?

class XXX extends Component {constructor(props) {super(props);this.state = {};}}这样得写法与class XXX extends Component {state = {}}写法有什么不同么? this关键字都正常使用作者:Hull Qin链接:https://www.zhihu.com/question/282019729/answer/1100603256来源:知乎著作权归作者所有。商业转载

2022-04-16 11:54:49 132

原创 映客面试 面试必看

const promise = Promise.resolve('fe').then(res => { console.log(res); return promise2;}).then(res => { console.log(res + 2);});const promise2 = new Promise((resolve, reject) => { console.log('in'); resolve(5); return 9.

2022-04-01 15:44:50 1149

原创 TypeScript实战-15-TS高级类型-交叉类型

一,前言TS高级类型,指TS为保证语言的灵活性,所引入的语言特性这些语言特性有助于开发者应对复杂多变的开发场景12二,交叉类型交叉类型:将多个类型合并成为一个新的类型,新类型具有所有类型的特性1应用场景:由于交叉类型具有所有类型的特性,所以非常适合对象混入的场景1语法:类型A & 类型B1举例:// 定义两个接口interface AInterface { methodA(): void}interface BInterface { m...

2022-04-01 11:37:10 191

原创 TypeScript中的never类型具体有什么用?

作者:尤雨溪链接:https://www.zhihu.com/question/354601204/answer/888551021来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。举个具体点的例子,当你有一个 union type:interface Foo { type: 'foo'}interface Bar { type: 'bar'}type All = Foo | Bar在 switch 当中判断 type,TS 是可以收.

2022-04-01 11:36:00 198

原创 [技术更新]Http/3 QUIC 基础

过度到这篇文章可以先看HTTP/2浅析虽然HTTP/2标准在2015年5月就以RFC 7540正式发表了,并且多数浏览器在2015年底就支持了。但是,真正被广泛使用起来要到2018年左右,但是也是在2018年,11月IETF给出了官方批准,认可HTTP-over-QUIC成为HTTP/3。HTTP/2之所以"被弃用",是因为他使用的传输层协议仍然是TCP,所以HTTP/3首要解决的问题就是绕开TCP研发一种新的协议,同样还是会因为受到中间设备僵化的影响,导致无法被大规模应用。所以,研发人员们

2022-03-31 10:14:34 193

原创 Fetch的数据获取和发送以及异常处理

无论用JavaScript发送或获取信息,我们都会用到Ajax。Ajax不需要刷新页面就能发送和获取信息,能使网页实现异步更新。几年前,初始化Ajax一般使用jQuery的ajax方法:$.ajax('some-url', {success: (data) => { /* do something with the data */ },error: (err) => { /* do something when an error happens */}});也可

2022-03-30 10:47:21 1684

原创 第 33 题:下面的代码打印什么内容,为什么?IIFE的函数无法进行赋值(内部机制,类似const定义的常量),所以无效。

var b = 10;(function b(){ b = 20; console.log(b); })();解答:函数表达式与函数声明不同,函数名只在该函数内部有效,并且此绑定是常量绑定。 对于一个常量进行赋值,在 strict 模式下会报错,非 strict 模式下静默失败。 IIFE中的函数是函数表达式,而不是函数声明。实际上,有点类似于以下代码,但不完全相同,因为使用const不管在什么模式下,都会TypeError类型的错误const foo = f...

2022-03-16 07:50:46 439

转载 HTTP keep-alive详解

https://blog.csdn.net/xiaoduanayu/article/details/78386508

2022-03-13 21:23:22 1116

转载 子序列问题总结

2022-03-13 12:28:52 88

原创 583. 两个字符串的删除操作 最长公共子串

给定两个单词word1和word2,返回使得word1和word2相同所需的最小步数。每步可以删除任意一个字符串中的一个字符。示例 1:输入: word1 = "sea", word2 = "eat"输出: 2解释: 第一步将 "sea" 变为 "ea" ,第二步将 "eat "变为 "ea"示例 2:输入:word1 = "leetcode", word2 = "etco"输出:4提示:1 <= word1.length, word2.l...

2022-03-13 12:20:03 117

原创 115. 不同的子序列

给定一个字符串 s 和一个字符串 t ,计算在 s 的子序列中 t 出现的个数。字符串的一个 子序列 是指,通过删除一些(也可以不删除)字符且不干扰剩余字符相对位置所组成的新字符串。(例如,"ACE"是"ABCDE"的一个子序列,而"AEC"不是)题目数据保证答案符合 32 位带符号整数范围。示例1:输入:s = "rabbbit", t = "rabbit"输出:3解释:如下图所示, 有 3 种可以从 s 中得到 "rabbit" 的方案。rabbbitrabbb...

2022-03-13 10:11:41 330

原创 二维动态规划的常规套路

另外,动态规划也是有套路的:单个数组或者字符串要用动态规划时,可以把动态规划 dp[i] 定义为 nums[0:i] 中想要求的结果;当两个数组或者字符串要用动态规划时,可以把动态规划定义成两维的 dp[i][j],其含义是在 A[0:i] 与 B[0:j]之间匹配得到的想要的结果。作者:fuxuemingzhu链接:https://leetcode-cn.com/problems/longest-common-subsequence/solution/fu-xue-ming-zhu-er-wei..

2022-03-12 18:30:01 240

原创 564. 寻找最近的回文数

给定一个表示整数的字符串n ,返回与它最近的回文整数(不包括自身)。如果不止一个,返回较小的那个。“最近的”定义为两个整数差的绝对值最小。示例 1:输入: n = "123"输出: "121"示例 2:输入: n = "1"输出: "0"解释: 0 和 2是最近的回文,但我们返回最小的,也就是 0。提示:1 <= n.length <= 18n只由数字组成n不含前导 0n代表在[1, 1018- 1] 范围内的整数来源:力扣(Lee...

2022-03-12 16:04:13 129

charles 4.1.1 破解包

charles 4.1.1 破解包 charlrs.jar

2017-05-03

jq插件生成二维码

jq插件生成二维码

2016-12-28

jquery日历

jquery日历

2016-11-09

h5移动时间控件

h5移动时间控件

2016-11-03

Des的js加密java解密

Des的js加密java解密

2016-11-03

Less编译神器,koala (考拉中文版)

koala 考拉 less 编译器 考拉中文版

2016-10-02

小猫杯 源代码 Angularjs

小猫杯 源代码 Angularjs 适合新手入门学习

2016-10-02

phpStudy 软件 PHP调试环境

最新的Apache+PHP+MySQL+phpMyAdmin+ZendOptimizer,一次性安装,无须配置即可使用,是非常方便、好用的PHP调试环境。该程序不仅包括PHP调试环境,还包括了开发工具、开发手册等。总之学习PHP只需一个包

2016-08-07

空空如也

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

TA关注的人

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