04 2021 档案

电脑常用快捷键总结
摘要：一 Mac使用：（https://blog.csdn.net/llianlianpay/article/details/80252029） Command+Control+F:全屏模式； Command+Control+Q:睡眠； Command+空格：搜索桌面软件； Command+control 阅读全文
posted @ 2021-04-27 15:55 TerryMin 阅读(905) 评论(0) 推荐(0)
React高阶组件的理解
摘要：一 React高阶组件 高阶组件HOC即Higher Order Component是React中用于复用组件逻辑的一种高级技巧，HOC自身不是React API的一部分，它是一种基于React的组合特性而形成的设计模式。 推荐阅读： React中的高阶组件：https://www.cnblogs. 阅读全文
posted @ 2021-04-26 07:53 TerryMin 阅读(99) 评论(0) 推荐(0)
React合成事件机制
摘要：一React合成事件机制： 1 合成事件的背景：如果DOM上绑定了过多的事件处理函数，整个页面响应以及内存占用可能都会受到影响。React为了避免这类DOM事件滥用，同时屏蔽底层不同浏览器之间的事件系统差异，实现了一个中间层——SyntheticEvent。 2 合成事件原理：React并不是将cl 阅读全文
posted @ 2021-04-26 07:42 TerryMin 阅读(380) 评论(0) 推荐(0)
Vue数据双向绑定原理
摘要：一 Vue数据双向绑定原理： Vue数据双向绑定原理是通过数据劫持结合发布者-订阅者模式的方式来实现的，首先是对数据进行监听，然后当监听的属性发生变化时则告诉订阅者是否要更新，若更新就会执行对应的更新函数从而更新视图。 二 在vue2.x版本中，数据劫持是用过Object.definePropert 阅读全文
posted @ 2021-04-26 07:11 TerryMin 阅读(1568) 评论(0) 推荐(0)
JS递归
摘要：一递归：递归函数就是函数对自身的调用，是循环运算的一种算法模式。 递归必须由以下两部分组成。 递归调用的过程。 递归终止的条件：在没有限制的情况下，递归运算会无终止地自身调用。因此，在递归运算中要结合 if 语句进行控制，只有在某个条件成立时才允许执行递归，否则不允许调用自身。 二 递归主要解决的问 阅读全文
posted @ 2021-04-19 15:17 TerryMin 阅读(2364) 评论(0) 推荐(0)
JS数据结构-链表
摘要：一 链表： 线性表（线性存储结构）：把所有数据用一根线串起来，再存储到物理空间中。存储的是具有“一对一”关系的数据元素的集合。 线性表常用术语： 某一元素的左侧相邻元素称为“直接前驱”，位于此元素左侧的所有元素都统称为“前驱元素”； 某一元素的右侧相邻元素称为“直接后继”，位于此元素右侧的所有元素都 阅读全文
posted @ 2021-04-19 10:39 TerryMin 阅读(159) 评论(0) 推荐(0)
JS数据结构-树
摘要：一 树相关术语：（https://juejin.im/post/5ad56de7f265da2391489be3#heading-2） 根结点是树最顶层结点 边是两个结点之间的连接 子结点是具有父结点的结点 父结点是与子结点有连接的结点 叶子结点是树中没有子结点的结点（树得末端） 高度是从下往上数。 阅读全文
posted @ 2021-04-16 16:31 TerryMin 阅读(286) 评论(0) 推荐(0)
React性能优化手段
摘要：类组件中的优化手段 1、使用纯组件 PureComponent 作为基类。 2、使用 React.memo 高阶函数包装组件。 3、使用 shouldComponentUpdate 生命周期函数来自定义渲染逻辑。 方法组件中的优化手段 1、使用 useMemo。 2、使用 useCallBack。 阅读全文
posted @ 2021-04-16 10:36 TerryMin 阅读(184) 评论(0) 推荐(0)
CSS3动画
摘要：一 CSS3实现动画几种方式：CSS3 Transform变形理解与应用： transform(转换)：用于元素的2D或3D转换。这个属性允许你将元素旋转(rotate)，缩放(scale)，移动(translate)，倾斜(skew)等。 transition(过渡)：对元素某个属性或多个属性的变 阅读全文
posted @ 2021-04-14 18:13 TerryMin 阅读(57) 评论(0) 推荐(0)
CSS布局 Grid与flex（二）
摘要：一 Grid布局与flex布局：https://zhuanlan.zhihu.com/p/46757975 布局的传统解决方案，是基于盒状模型，依赖display + position + float，但它对于那些特殊的布局非常不方便，比如，垂直居中实现起来很麻烦。 display: grid指定一 阅读全文
posted @ 2021-04-14 15:31 TerryMin 阅读(1208) 评论(0) 推荐(0)
Flex布局：flex:1与flex:auto详解（一）
摘要：一 flex:1与flex:auto详解： flex 是 flex-grow、flex-shrink、flex-basis的缩写。 flex-grow属性定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大。 flex-shrink属性定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩 阅读全文
posted @ 2021-04-13 18:16 TerryMin 阅读(1537) 评论(0) 推荐(0)
CSS布局实现方式（一）
摘要：一 两栏布局(左边固定右边自适应) 1 通过浮动实现（float）:需要两个div实现，一个div设置浮动，并设置宽度，另一个div可以不用设置任何东西 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 阅读全文
posted @ 2021-04-12 10:35 TerryMin 阅读(156) 评论(0) 推荐(0)
js new 原理
摘要：一 New关键字：（https://github.com/mqyqingfeng/Blog/issues/2） New运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象类型之一 通过new实例的对象：具有访问构造函数里属性，访问构造函数原型对象里的属性。 New关键字是用来继承的（Web 阅读全文
posted @ 2021-04-10 07:35 TerryMin 阅读(118) 评论(0) 推荐(0)
JS继承几种方式
摘要：一 原型链继承：核心： 将父类的实例作为子类的原型(父类子类都是构造函数，通过类创建对象) 优点：方法复用方法定义在父类的原型上，可以复用父类构造函数的方法，比如say方法。 缺点： 创建子类实例时，无法传父类参数 引用类型的值的原型会被所有实例共享 继承单一，无法实现多继承(在JavaScript 阅读全文
posted @ 2021-04-08 07:59 TerryMin 阅读(193) 评论(0) 推荐(0)
JS闭包理解
摘要：一 闭包：https://blog.csdn.net/qq_39903567/article/details/115010640 是指有权访问另外一个函数作用域中的变量的函数。创建闭包的常见方式就是在一个函数内部创建另外一个函数。 1 使用闭包主要为了设计私有的方法和变量，闭包优缺点： 优点是可以避 阅读全文
posted @ 2021-04-07 07:45 TerryMin 阅读(64) 评论(0) 推荐(0)
React 函数式组件性能优化
摘要：一 函数式组件新能优化：https://mp.weixin.qq.com/s?__biz=MzI1ODk2Mjk0Nw==&mid=2247484774&idx=1&sn=9dc58e54a28755504d58bef49a78f3b4&scene=21#wechat_redirect React 阅读全文
posted @ 2021-04-07 07:04 TerryMin 阅读(177) 评论(0) 推荐(0)
编程范式（二）
摘要：一 函数式编程使用： 常见的函数式编程模型 1 高阶函数：一个函数可以接收其他函数作为参数，这种函数便称为高阶函数；常用高阶函数：Array: map(); reduce(); filter()等等； 2 函数柯理化（Currying）：又称部分求值（Partial Evaluation），是把接受 阅读全文
posted @ 2021-04-04 10:04 TerryMin 阅读(180) 评论(0) 推荐(0)
typescript 基础知识（二）
摘要：一 TypeScript基本概念定义：TypeScript核心原则之一是对值所具有的结构进行类型检查。 泛型：是指在函数，接口，类定义时不指名具体某种类型，在运行时指定特定类型的一种特性。 enum枚举：表示一个命名元素的集合。 二 元组与数组区别： 在所有的数据类型里，Array是唯一的泛型类型， 阅读全文
posted @ 2021-04-01 21:48 TerryMin 阅读(232) 评论(0) 推荐(0)