技术栈
掘金·金石计划
光影少年
15 天前
前端
·
react.js
·
掘金·金石计划
react打包优化和配置优化都有哪些?
按需引入 UI 库Ant Design:使用 babel-plugin-import 或 Vite 的 unplugin-import
光影少年
17 天前
前端
·
promise
·
掘金·金石计划
Promise.all实现其中有一个接口失败其他结果正常返回,如何实现?
好问题 👍Promise.all 的特性是:只要有一个 Promise reject,整个 Promise.all 就会 reject,所以你看到的情况就是一个接口失败,整体就抛错了。
光影少年
17 天前
前端
·
react.js
·
掘金·金石计划
react16中的hooks的底层实现原理
好的 👍,你问的是 React 16 中所有 Hooks 的底层实现和原理。 这里我会分几个层次来解释:
光影少年
1 个月前
前端
·
vite
·
掘金·金石计划
vite打包优化有哪些
好问题 👍 在 Vite 项目打包优化 时,主要关注 构建速度 和 产物体积 两个方向。下面我给你系统梳理一下常用优化手段:
光影少年
1 个月前
webpack
·
掘金·金石计划
·
前端工程化
webpack打包优化
Webpack 的优化点很多,可以分成 构建速度优化 和 打包体积优化 两大类。下面给你整理一份比较系统的清单:
光影少年
1 个月前
前端
·
typescript
·
掘金·金石计划
Typescript工具类型
TypeScript 工具类型(Utility Types) 是官方内置的一组泛型类型,用来在类型系统里做“类型变换”。它们通常基于泛型、映射类型、条件类型来封装常见的类型操作。
光影少年
1 个月前
javascript
·
promise
·
掘金·金石计划
Promise状态和方法都有哪些,以及实现原理
很好 👌 你问的是 Promise 的状态、方法,以及实现原理。我帮你拆成三部分来讲:Promise 内部有 三种状态([[PromiseState]]):
光影少年
1 个月前
nuxt.js
·
掘金·金石计划
·
next.js
next.js和nuxt与普通csr区别
好问题 👍 你问的是 Next.js / Nuxt.js 和普通 CSR(客户端渲染)的区别。我帮你从 渲染模式、SEO、性能、使用场景 四个角度来系统讲。
光影少年
1 个月前
前端
·
javascript
·
掘金·金石计划
js异步解决方案以及实现原理
好的 👍 你问的是 JavaScript 异步解决方案以及实现原理,我给你整理一个比较系统的总结,包括常见方案、演进过程以及底层原理。
光影少年
1 个月前
前端
·
javascript
·
掘金·金石计划
前端上传切片优化以及实现
你说的 前端上传切片优化以及实现,主要涉及到大文件分片上传(chunk upload)、并发控制、断点续传、秒传、重试机制等。下面我给你梳理一下实现思路和优化点。
ZTStory
1 个月前
javascript
·
掘金·金石计划
JS 处理生僻字字符 sm4 加密后 Java 解密字符乱码问题
这个问题是一个个例,不具备普适性,但为啥仍然拿出来呢?主要还是想和大家分享一个排查问题的思路的方式,一步一步的缩小问题范围,最终确定问题所在。
光影少年
1 个月前
前端
·
webpack
·
掘金·金石计划
webpack打包优化都有哪些
好问题 👍 webpack 打包优化可以从 构建速度 和 打包体积 两个方向入手。下面我帮你系统梳理一下:
冯志浩
1 个月前
harmonyos
·
掘金·金石计划
Harmony Next - 手势的使用(二)
在上一篇文章中,我们介绍了三种给组件绑定手势的方式,以及 TapGesture 和 LongPressGesture 的使用,在本篇文章中,我们将继续介绍剩余的四种手势:
冯志浩
1 个月前
harmonyos
·
掘金·金石计划
Harmony Next - 手势的使用(一)
在移动端设计中,手势操作是交互的重要组成部分,广泛应用于触摸屏设备上,它极大地提升了用户体验。用户通过手势可以直观地与设备进行互动,从而避免了传统物理按键的繁琐,增强了操作的便捷性和流畅性。
光影少年
2 个月前
前端
·
react.js
·
掘金·金石计划
react虚拟列表实现及原理
好问题 👍 React 虚拟列表(Virtual List,也叫虚拟滚动 Virtual Scrolling)是 前端性能优化的核心技术之一,尤其在需要渲染上万条数据的表格或列表时很关键。下面我帮你拆解:
光影少年
2 个月前
前端
·
react.js
·
掘金·金石计划
react性能优化有哪些
React 性能优化的手段比较多,既有代码层面的,也有构建层面的,还涉及到运行时调优。我帮你系统性梳理一份:
光影少年
2 个月前
前端
·
react.js
·
掘金·金石计划
react代码分割
React 代码分割(Code Splitting)主要是为了 优化首屏加载速度,避免一次性加载整个应用,把代码拆分成多个 bundle,按需加载。常见的方式有三种:
冯志浩
2 个月前
react native
·
掘金·金石计划
React Native 中 `useMemo` 的使用与优化
在 React Native 开发中,性能优化一直是开发者关注的重点之一。React 提供了许多内置的钩子(hooks)来帮助开发者提升应用的性能,其中 useMemo 就是一个十分有效的工具。本文将介绍 useMemo 的基本使用方法,并通过实际案例展示它在 React Native 中的应用场景,最后讨论如何有效地利用 useMemo 来优化 React Native 应用的性能。
冯志浩
2 个月前
react native
·
掘金·金石计划
React Native 中的 useRef 介绍
在 React Native 中,useRef 是 React 提供的一个非常有用的 Hook,它的作用是在函数组件中保持对某些数据或是组件的持久引用。并且它的改变不会触发组件重新渲染。 在之前的类组件开发模式下,我们通常会用 this 关键字来保存对组件或者数据的引用。而在函数组件中没有 this,这时,useRef 就应运而生了。
冯志浩
2 个月前
react native
·
掘金·金石计划
React Native 中 useEffect 的使用
在 React Native 的开发中,函数式组件是目前的主流选择。而在函数式组件里,最常用的 Hook 之一就是 useEffect。它的作用简单来说就是:在函数组件中处理副作用(Side Effects)。