To reuse stateful logic in react， sharing non-visual logic， 创建与任何UI分离的自定义Hook

useState和useReducer的使用决策

React Hooks中父组件中调用子组件方法使用到的hooks-- useImperativeHandle，useRef

Vue3 Composition API如何替换Vue Mixins Vue3基本实践-通信/指令/ref&reactive/setup VUE3子组件调用父组件的方法 v-bind (指令简写为:) ...

2022-4-5-深拷贝函数 `js function deepCopy(src) { let result = Array.isArray(src) ? [] : {} for(let key in src) { if(typeof src[key] === 'object' && src[key] !== null) { ...

像素相关的基本概念 | 0.5px的实现 | 移动端专属的meta标签作用

don't use your state in your uesEffect's interval function

React.memo, useMemo, useCallback, should you use them? When should you use them? Lets improve your React coding skills right now!

JS柯里化的理解&其弊端 Currying小结 wiki: 是把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数， 并且返回接受余下的参数而且返回结果的新函数的技术。 柯里化的好处： 参数复用（利用闭包和高阶函数的特性） 延迟执行 （例如JS中的bind方法，实 ...

Promise的关键理解与使用事项 前瞻 promise解决回调地狱。 回调地狱扁平化为promise的链式调用：then无穷返回一个promise实例 实现简单promise > 参考材料 > > - 掘金文章-刷题 https://juejin.cn/post/6844904077537574919#heading-50 ...

原文转载

img GIT sourceTree回退撤销commit ![image-20220 ...

img 文档 leaflet: https://leafletjs.cn/examples/quick-start/ mapbox: https://docs.mapbox.com/api/maps/static-ti ...

二叉树的特征&什么是二叉搜索树(Binary Search Tree),BST的封装与常用操作函数的实现。

树结构和数组/链表/哈希表的对比有什么优点呢?

参考两篇文章的哈希表理论知识并作小结，基于霍纳法则完成简单的哈希函数以及哈希表封装、插入、修改、扩容。其中，扩容/缩容一个哈希表应保证容量恒为质数

封装栈、队列和优先级队列数据结构，栈是FILO，队列是FIFO ...

数组和链表挺像的，数组利用索引找元素，链表利用引用建立元素间的联系 ...

集合的元素有两个特征，一是无序，二是不可重复。实现了集合这一数据结构的crud功能，集合之间的操作，求交并集在数组中也有体现，文章最后也一并提及，利用了Array.filter等API进行实现。...

常用Markdown演示## 滕王阁序【作者】王勃 （650 年 — 676 年） 【朝代】唐豫章故郡，洪都新府。星分翼轸，地接衡庐。襟三江而带五湖，控蛮荆而引瓯越。物华天宝，龙光射牛斗之墟；人杰地灵，徐孺下陈蕃之榻。雄州雾列，俊采星驰。台隍枕夷夏之交，宾主尽东南之美。都督阎公之雅望，棨戟遥临；宇文新州之懿范，襜帷暂驻。十旬休假，胜友如云；千里逢迎，高朋满座。腾蛟起凤，孟学士之词 ...

从使用场景了解 proxy加粗前面讲过一篇，现在就带大家了解一下proxy的实际应用，更深入的了解proxy的妙用及价值吧！ 呼应上了~由俭入奢### 跟踪属性访问（get，set）假设我们有一个函数tracePropAccess(obj, propKeys)，该函数 obj 在 propKeys 设置或获取的属性（其键在 Array 中）时进行记录。 ...

从使用场景了解 proxy加粗前面讲过一篇，现在就带大家了解一下proxy的实际应用，更深入的了解proxy的妙用及价值吧！ 呼应上了~由俭入奢### 跟踪属性访问（get，set）假设我们有一个函数tracePropAccess(obj, propKeys)，该函数 obj 在 propKeys 设置或获取的属性（其键在 Array 中）时进行记录。 ...

前端面试题汇总-浏览器篇-3## 搞懂前端缓存 总的来说：1. 如果开启了Service Worker首先会从Service Worker中拿2. 如果新开一个以前打开过的页面缓存会从Disk Cache(磁盘缓存)中拿（前提是命中强缓存）3. 刷新当前页面时浏览器会根据当前运行环境内存来决定是从 Memory Cache(内存缓存) 还是 从Disk Cache中拿(可以看到 ...

前端面试题汇总-浏览器篇-4### 前端与数据埋点所谓埋点就是在应用中特定的流程收集一些信息，用来跟踪应用使用的状况，后续用来进一步优化产品或是提供运营的数据支撑，包括访问数（Visits），访客数（Visitor），停留时长（Time On Site），页面浏览数（Page Views）和跳出率（Bounce Rate）。这样的信息收集可以大致分为两种：页面统计（track th ...

前端面试题汇总-浏览器篇-1## 1. 浏览器渲染机制- 浏览器采用流式布局模型（Flow Based Layout）- 浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了渲染树（Render Tree）。- 有了RenderTree，我们就知道了所有节点的样式，然后计算他们在页面上的大小和位置，最后把节 ...

前端面试题汇总-浏览器篇-2## Token - 服务端身份验证的流行方案### 简述：1. 需要一个secret（随机数）2. 后端利用secret和加密算法(如：HMAC-SHA256)对payload(如账号密码)生成一个字符串(token)，返回前端3. 前端每次request在header中带上token4. 后端用同样的算法解密## 身份认证服务 ...

前端面试题汇总-js-1## ['1', '2', '3'].map(parseInt) what & why ?早在 2013年, 有人在微博上发布了以下代码段:js['10','10','10','10','10'].map(parseInt);// [10, NaN, 2, 3, 4]### parseIntparseInt() 函数解析 ...

前端面试题汇总-js-2## 有以下 3 个判断数组的方法，请分别介绍它们之间的区别和优劣### 1. Object.prototype.toString.call()每一个继承 Object 的对象都有 toString 方法，如果 toString 方法没有重写的话，会返回 [Object type]，其中 type 为对象的类型。但当除了 Object 类型的对 ...

前端面试题汇总-js-3## XSS### XSS是什么XSS是一种经常出现在web应用中的计算机安全漏洞，它允许恶意web用户将代码植入到提供给其它用户使用的页面中。比如这些代码包括HTML代码和客户端脚本。攻击者利用XSS漏洞旁路掉访问控制——例如同源策略(same origin policy)。这种类型的漏洞由于被黑客用来编写危害性更大的网络钓鱼(Phishing) ...

前端面试题汇总-css-2# 7 种方法解决移动端 Retina 屏幕 1px 边框问题### 造成边框变粗的原因其实这个原因很简单，因为css中的1px并不等于移动设备的1px，这些由于不同的手机有不同的像素密度。在window对象中有一个devicePixelRatio属性，他可以反应css中的像素与设备的像素比。> devicePixelRatio的官方的定义为：设备 ...

前端面试题汇总-css-1## BFC、IFC、GFC、FFCCSS2.1中只有BFC和IFC, CSS3中才有GFC和FFC。到底什么是BFC、IFC、GFC和FFC### What's FC？一定不是KFC，FC的全称是：Formatting Contexts，是W3C CSS2.1规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如 ...