二分法 固名思义,一分为二,从中间开始查 条件 采用二分法查找数据集合必须是有序的 实现思路 循环,首页取出数据集合最中间的值,比较这个值与要查找的值的大小 currentKey === findKey,当...
前端开发
浏览器地址栏输入 URL 到显示网页,这个过程到底发生了什么?
域名解析TCP连接发送 HTTP 请求服务器处理请求并返回HTTP报文渲染页面断开TCP连接 域名解析 网址到ip地址的转换过程就是DNS解析。然后建立 TCP 连接 TCP连接 HTTP协议是使用TCP协议作为其传输层协议...
redux-saga 使用详解说明
redux-saga 是一个用于管理应用程序 Side Effect(副作用,例如异步获取数据,访问浏览器缓存等)的 library,它的目标是让副作用管理更容易,执行更高效,测试更简单,在处理故障时更容易。 可以想像为...
react proxy 详解,跨域配置 proxy is not a function
一个前后端分离的项目,本地联调,跨域配置至关重要。 传统设置浏览器跨域设置这里就不继续累赘了。 网上很多教程都在 “package.json” 里边设置 "proxy": { "/api": { "target": "http://localho...
js的数组排序算法及查找字符串中出现次数最多的字符算法
数组排序 冒泡排序(Bubble Sort) 要点:双层循环,依次比较相邻的两个值,如果后面的比前面的小,则将小的元素排到前面。内层循环次数为:最大值 - 1 - 当前的外层循环,因为前面值已经是最小值,无须重...
react、react-redux、redux-thunk、react-saga运用
动机 随着 JavaScript 单页应用开发日趋复杂,JavaScript 需要管理比任何时候都要多的 state (状态)。 这些 state 可能包括服务器响应、缓存数据、本地生成尚未持久化到服务器的数据,也包括 UI 状态,如激...
React.memo、React Hooks 里 useMemo 和 useCallback 的区别及运用
useMemo 用来缓存数据,当组件内部某一部分渲染的数据(组件),需要通过计算而来,这个计算是依赖与特定的state、props数据,我们就用 useMemo 来缓存这个数据,以至于我们在修改她们没有依赖的数据源的情况...
less 基本用法指南
什么是 lesss ? Less 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能,这些拓展令 CSS 更加强大与优雅...
SASS基本用法指南
什么是 SASS ? Sass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能,这些拓展令 CSS 更加强大与优雅。...
CSS垂直居中的几种方法
1、通过 verticle-align:middle 实现 CSS 垂直居中 通过 vertical-align:middle 实现CSS垂直居中是比较使用的方法,但是有一点需要格外注意,vertical-align:middle 生效的需要元素为行内元素或者设置 displa...