React 组件性能优化之 PureComponent 的使用 在 React 类组件中,如果状态(state)发生变化,便会触发组件的重新渲染(执行 render 方法),并且是包括所有子组件在内的全部重渲染,无论某些子组件是否有用到 state 中的值;但有些时候部分子组件计算或渲染工作量较大,并且 2025-03-16 JavaScript react purecomponent 性能优化 组件
JavaScript之注释规范化(JSDoc) 前言俗话说,无规矩不成方圆;虽说代码敲出来都是交给编译器解释执行的,只要不存在语法格式错误,排版无论多么反人类都是没有问题的,但是代码除了执行外的另一个广泛用途就是阅读了,翻阅自己过去的代码、理解别人的源码,等等;所以出现了代码风格化,美化 2025-03-16 JavaScript jsdoc 注释 规范化 格式
JavaScript 实现斐波那契数列(Febonacci Array) 斐波那契(Febonacci)数列是一个神奇的数列,在很多地方都有应用,可以自行搜索相关图片体会其魅力,这里不赘述,直接来分析一下如何通过 JavaScript 来实现; 概念斐波那契数列形式如下: 1 1 2 3 5 8 13 21 34 2025-03-16 JavaScript 斐波那契 febonacci
JavaScript 数组排序详解 提到 JavaScript 中对数组进行排序操作,可能首先想到的就是 Array.prototype.sort() 这个函数,比如以下场景就比较常见: var arr = [3, 1, 2]; console.log(arr.sort() 2025-03-16 JavaScript 数组 排序 乱序
JavaScript 求最小公倍数 最小公倍数(Least Common Multiple)最小公倍数是中学数学知识中的一个概念,具体定义可以 自行了解,这里只大致解释一下,通常几个正整数会存在许多个倍数,每个倍数除以这几个正整数后都没有余数,而这些倍数之中最小的一个则称为最 2025-03-16 JavaScript 公倍数 公约数
JavaScript 稀疏数组 稀疏数组概念在一些后端语言中,如 C,数组内的值通常被分配在一系列连续的内存地址上,但是在 js 中,某些数组内存则不是连续的,所谓稀疏,顾名思义,不连续,存在一些空隙; 例如: var arr = new Array(3); consol 2025-03-16 JavaScript 稀疏数组 sparse
JavaScript 深度迭代遍历未知对象 面向对象编程的语言,都存在对对象的一些操作,其中就包括遍历未知对象的属性值。 通常情况常见的遍历对象的方法: var o = { name: 'cloud', age: 20 } for (i in o) 2025-03-16 JavaScript 迭代遍历 深度遍历 未知对象
JavaScript 类型转换的有趣应用 背景 可以访问这个网站提前预览:https://knightyun.github.io/magic-expression/ 先来看一串代码: (!(~+[])+{})[--[~+''][+[]]*[~+[]]+~~!+ 2025-03-16 JavaScript 类型转换 表达式
JavaScript 经典设计模式 设计模式(Design Pattern)是一套被反复使用的代码设计经验总结,一个模式可以是一套可复用的方案,或者一个解决某一类问题的模板;使用固定的模式(解决方式)解决软件开发中的某些问题,利于代码的可理解性与可靠性,比如,比起设计一套标新 2025-03-16 JavaScript 设计模式 design pattern
JavaScript 计时器函数用法 Javascript中和大多数语言一样,存在计时函数,使某语句或函数不用立即执行,可以延时设定的时间值之后再执行。 setTimeout()这个函数表示括号中的代码,延时指定时间后再执行,格式为 setTimeout("funct 2025-03-16 JavaScript Javascript计时器 setTimeout setInterval
JavaScript 逻辑运算符 “&&” 和 “||” 短路原则的应用 逻辑运算符在Javascript中,有逻辑运算符 与 &&, 或 ||, 非 !,常在条件句或循环中进行逻辑判断。 例如: var a = 1, b = 1, c = 2; if (a = b && (b = 2025-03-16 JavaScript javascript逻辑运算 短路原则