技术栈
掘金·金石计划
光影少年
3 天前
前端
·
webpack
·
掘金·金石计划
Webpack的核心概念?常见优化手段?
Webpack 本质是一个 模块打包器(module bundler) ,核心思想就一句话:👉 把一切资源当成模块,然后构建依赖图,打包输出
光影少年
5 天前
前端
·
react.js
·
掘金·金石计划
React Hooks的理解?常用的有哪些?
简单来说:Hooks = 在函数组件中“钩入(Hook)”React状态和生命周期的函数。它解决了几个问题:
光影少年
5 天前
前端
·
vue.js
·
掘金·金石计划
Vue组件通信方式?
父组件通过 props 向子组件传递数据。父组件子组件子组件可以直接使用 title。子组件通过 $emit 触发事件通知父组件。
光影少年
8 天前
前端
·
vue.js
·
掘金·金石计划
Vue的生命周期有哪些及执行机制?
Vue 生命周期主要分为 4个阶段:完整执行顺序如下:执行机制可以理解为:特点常见用途基本不用。特点常见用途
光影少年
10 天前
前端
·
vue.js
·
掘金·金石计划
Vue的响应式原理?Vue2和Vue3有什么区别?
Vue 的核心能力就是 数据变化 → 自动更新视图。例如:当执行:页面会自动更新。这个过程就是 响应式系统。
光影少年
15 天前
前端
·
javascript
·
掘金·金石计划
async/await和Promise的区别?
Promise 是 ES6 提供的用于处理异步操作的对象。它有三种状态:基本写法:特点:async/await 是 ES2017 提出的异步写法,是基于 Promise 的语法糖。
光影少年
16 天前
前端
·
react.js
·
掘金·金石计划
在 React 中,什么情况下需要用 useCallback 和 useMemo?它们的区别是什么?
React 组件为什么会重复渲染?因为:哪怕 props 没变。而且:这就可能导致:于是有了:缓存“函数引用”
光影少年
19 天前
ai编程
·
掘金·金石计划
·
ui kit
UI UX Pro Max:AI 驱动的专业级 UI/UX 设计智能体实战教程
一句话总结: ui-ux-pro-max-skill 不是一个普通的设计插件,而是一个嵌入式 AI 设计智能体AI Skill,它将专业 UI/UX 知识库直接注入你日常使用的 AI 编程助手(如 Cursor、Claude、Copilot 等),让你在写代码的同时,自动生成符合行业规范、美学原则与平台最佳实践的高质量界面。
光影少年
20 天前
前端
·
javascript
·
掘金·金石计划
说说闭包的理解和应用场景?
这个问题是 JS 面试高频题 👍 而且如果你有 7 年前端经验,面试官会期待你说到:我给你一套「中高级面试回答版本」。
光影少年
1 个月前
前端
·
react.js
·
掘金·金石计划
react中的filble架构和diffes算法如何实现的
你可以先来这一句 👇React Fiber 是为了解决旧 Diff 递归不可中断的问题,引入的可中断、可优先级调度的架构;Diff 算法本身没变,但执行方式变了。
光影少年
3 个月前
webpack
·
vite
·
掘金·金石计划
webpack和vite区别及原理实现
Webpack 和 Vite 都是用于构建现代前端应用的构建工具,它们在原理和实现上有显著的区别。下面我将详细比较它们的异同,帮助你了解两者的工作原理以及各自的优势。
光影少年
3 个月前
后端
·
node.js
·
掘金·金石计划
node中的peerDependencie含义
在 Node.js 项目中,peerDependencies 是 npm 和 Yarn 等包管理工具中的一个重要概念,主要用于指定当前模块所依赖的其它模块的版本要求。peerDependencies 主要用于 插件 或 库 中,用来告诉用户,在安装当前模块时,必须确保某个版本的其他模块已被安装。
暹罗软件开发
4 个月前
后端
·
掘金·金石计划
告别分布式事务烦恼,Seata AT模式实战入门指南
在微服务架构中,一个业务操作往往需要跨多个服务完成,这就产生了分布式事务的需求。分布式事务面临着数据一致性、性能、复杂度等多重挑战。
光影少年
6 个月前
前端
·
react.js
·
掘金·金石计划
react打包优化和配置优化都有哪些?
按需引入 UI 库Ant Design:使用 babel-plugin-import 或 Vite 的 unplugin-import
光影少年
6 个月前
前端
·
promise
·
掘金·金石计划
Promise.all实现其中有一个接口失败其他结果正常返回,如何实现?
好问题 👍Promise.all 的特性是:只要有一个 Promise reject,整个 Promise.all 就会 reject,所以你看到的情况就是一个接口失败,整体就抛错了。
光影少年
6 个月前
前端
·
react.js
·
掘金·金石计划
react16中的hooks的底层实现原理
好的 👍,你问的是 React 16 中所有 Hooks 的底层实现和原理。 这里我会分几个层次来解释:
光影少年
6 个月前
前端
·
vite
·
掘金·金石计划
vite打包优化有哪些
好问题 👍 在 Vite 项目打包优化 时,主要关注 构建速度 和 产物体积 两个方向。下面我给你系统梳理一下常用优化手段:
光影少年
6 个月前
webpack
·
掘金·金石计划
·
前端工程化
webpack打包优化
Webpack 的优化点很多,可以分成 构建速度优化 和 打包体积优化 两大类。下面给你整理一份比较系统的清单:
光影少年
6 个月前
前端
·
typescript
·
掘金·金石计划
Typescript工具类型
TypeScript 工具类型(Utility Types) 是官方内置的一组泛型类型,用来在类型系统里做“类型变换”。它们通常基于泛型、映射类型、条件类型来封装常见的类型操作。
光影少年
6 个月前
javascript
·
promise
·
掘金·金石计划
Promise状态和方法都有哪些,以及实现原理
很好 👌 你问的是 Promise 的状态、方法,以及实现原理。我帮你拆成三部分来讲:Promise 内部有 三种状态([[PromiseState]]):