js的数组排序算法及查找字符串中出现次数最多的字符算法

数组排序 冒泡排序(Bubble Sort) 要点:双层循环,依次比较相邻的两个值,如果后面的比前面的小,则将小的元素排到前面。内层循环次数为:最大值 - 1 - 当前的外层循环,因为前面值已经是最小值,无须重复比较。 function bubbleSort(arr) { const len = arr.len...

React.memo、React Hooks 里 useMemo 和 useCallback 的区别及运用

useMemo 用来缓存数据,当组件内部某一部分渲染的数据(组件),需要通过计算而来,这个计算是依赖与特定的state、props数据,我们就用 useMemo 来缓存这个数据,以至于我们在修改她们没有依赖的数据源的情况下,多次调用这个计算函数,浪费计算资源。 import React, { ...

less 基本用法指南

什么是 lesss ? Less 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能,这些拓展令 CSS 更加强大与优雅。 安装及使用 安装 npm i -g less 使用 在命令行...

SASS基本用法指南

什么是 SASS ? Sass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能,这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库(如 Compass)有助于更好地组织管...

CSS垂直居中的几种方法

1、通过 verticle-align:middle 实现 CSS 垂直居中 通过 vertical-align:middle 实现CSS垂直居中是比较使用的方法,但是有一点需要格外注意,vertical-align:middle 生效的需要元素为行内元素或者设置 display:inline-block 的块元素。 .parent { height: 100px; ...

React Hook Form 表单校验库

React 表单校验库React Hook Form是一个高性能、灵活、易拓展、易于使用的表单校验库,用于React Web&Native的表单验证。 特性 使创建表单和集成更加便捷非受控表单校验以性能和开发体验为基础构建迷你的体积而没有其他依赖遵循 html 标准进行校验与 React Native 兼容...

JavaScript 设计模式之迭代器模式

迭代器模式迭代器模式是指提供一种方法顺序访问一个聚合对象中的各个元素,页不需要暴露该对象的内部表示。迭代器模式可以把迭代的过程从业务逻辑中分离出来,在使用迭代器模式之后,即使不关心对象的内部构造,也可以按顺序访问其中的所有元素。 内部迭代器 它完全接手...