温故知新,React基础Hook回顾
1. useState略 2. useEffect2.1 什么是副作用副作用:纯函数只要和外部进行交互,都可以认为其有副作用 引用外部变量; 调用外部函数; 宗旨:相同的输入 ==一定会有==> 相同的输出 只要不是在组件渲染时执行的操作,都是副作用操作。 一定会是副作用的操作: 修改d ...

网络原理关前端面试题整理
CDN 是什么? https://www.zhihu.com/question/36514327/answer/1604554133 内容分发网络(Content Delivery Network,简称CDN)是建立并覆盖在承载网之上,由分布在不同区域的边缘节点服务器群组成的分布式网络。CDN应用 ...

Vue3新特性初探与对比
1. Vue3 新特性Vue3 的一些特性: 渐进式开发,兼容 Vue2 的特性 性能的提升 打包减少 41% 初次渲染快 55% 更新快 133% 内存占用 54% Composition API 合集,解决组件开发问题 新的 API 的加入 Teleport 瞬移组件 Suspense 解 ...

图文并茂,React组件更新与渲染及Diff算法解析
1. Parcel 安装与使用Parcel 是 Web 应用打包工具,适用于经验不同的开发者。它利用多核处理提供了极快的速度,并且不需要任何配置。 文档:https://www.parceljs.cn/getting_started.html 本地安装: 1yarn add parcel-bun ...

Canvas实现空间内反复回弹的小球
1. 题目描述再一个空间内存在一个球体按照一定的速度朝一个方向运动,当碰到空间边缘时,会反弹并继续运动。默认该空间中不存在任何摩擦阻力,再小球反弹过程中也不存在动能损耗(即小球一直再空间内做匀速运动)。 2. 题目分析之前再完美世界的面试中遇到过这道题,小球的运动很好做,这道题的难点再触碰边界时的运 ...

Javascript算法学习——动态规划
1. 什么是动态规划动态规划(英语:Dynamic programming,简称DP),是一种通过把原问题分解为相对简单的子问题的方式求解复杂问题的方法,动态规划常常适用于有重叠子问题和最优子结构性质的问题,动态规划方法所耗时间往往远少于朴素解法。动态规划背后的基本思想非常简单,大致上,若要解一个给 ...

ReactNative 之 Keyboardavoidingview 源码解析
源码地址:https://github.com/facebook/react-native/blob/master/Libraries/Components/Keyboard/KeyboardAvoidingView.js 1. 组件原理Keyboardavoidingview 组件通常用于防止 ...

ReactNative踩坑之路
1. ScrollView 中的 TextInput 阻止滑动操作当 TextInput 出现在 ScrollView 中时,同时设置 textAlign: right 的样式后,会出现如果点按到 TextInput 元素后再下滑,就会导致无法下滑。这一问题是 React 本身的 Bug 造成的,参 ...

从WebGL谈起到react-three-fiber
1. WebGL1.1 何为 WebGL在探讨什么是 WebGL 之前我们需要先来了解一下 OpenGL。 在早期的计算机上,绘制 3D 图像需要单独针对与一种硬件与一种操作系统进行“定制化”的编程,然而这样的开发成本无疑是巨大的。因此出于减少开发成本,关爱程序员发际线的人道主义精神,OpenGL ...

ECharts —— Pie 图自定义方案
1. Legend在 Echarts 中,我们经常会出现设计师设计的 Legend 与实际 Echarts 自带的 Legend 不符的情况,这时候我们往往要重新自定义 Legend。 1.1 自定义 icon修改 icon 类型对于 icon 的修改,可以在 legend.icon 配置项下进行 ...