react何时render呢?
对于如下Demo,点击Parent组件的div,触发更新,Son组件会打印child render!么? tsx function Son() { console.log('child render!'); return <divSon</div; } function P...
932 字
|
5 分钟
优雅的处理asnyc await
上代码 js const errorCaptured = async (asyncFunc) = { try { const res = await asyncFunc(); return [null, res]; } catch (error) { return...
29 字
|
1 分钟
useRef拿子组件方法
- useRef是一个方法,且useRef返回一个可变的ref对象(对象!!!) - initialValue被赋值给其返回值的.current对象 - 可以保存任何类型的值:dom、对象等任何可辨值 - ref对象与自建一个{current:‘’}对象的区别是:useRef会在每次渲染时返回...
502 字
|
3 分钟
网格布局具体实现
需求 类似下图的效果: 需求分析 这种就是网格布局 父容器的宽自适应,子容器的宽计算公式为 (100% - (n - 1) \ 24) / n 。如果页面宽度大于1280px,n等于5,小于1280px时,n等于4,页面最小宽度是960px; 解决方案 Grid布局 ...
204 字
|
1 分钟
策略模式
策略模式 在程序设计中,要实现某一个功能有多种方案可以选择。 定义:定义一系列地算法,把他们一个个封装起来,并且使他们可以互相替换...
58 字
|
1 分钟
函数柯里化
柯里化 在计算机科学中,柯里化(Currying)是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数且返回结果的新函数的技术。 例如需要实现以下得示例 javascript add(1, 2, 3) // 6 add(1) // 1 add...
1213 字
|
6 分钟
单例模式
单例模式 保证一个类仅有一个实例,并提供给一个访问它的全局访问点。 1. 实现简单的单例模式 javascript var Singleton = function(name){ this.name = name; } Singleton.instance = null; Singlet...
1359 字
|
7 分钟
typeScript总结
ts中需要理解的 - any vs unknown any 表示任意类型,这个类型会逃离 Typescript 的类型检查,和在 Javascript 中一样,any 类型的变量可以执行任意操作,编译时不会报错。 unknown 也可以表示任意类型,但它同时也告诉 Typescript 开发者...
4389 字
|
22 分钟