龚思凯的专栏

龚思凯的专栏

龚思凯的专栏

龚思凯的专栏

等 1 人订阅共46篇文章创建于2025-05-03

2026前端面试题（原创）（更新至第37题）

# 1. 实现一个sleep函数每一秒console.log一次 ```javascript <html> <head> <title>HELLO</title> <

1月前
80
2
4

提升用户体验之条件可见支持切换的图片优化

# 优化后的代码 ```javascript <template> <p @click="helloFunc" >Hello</p> <div v-show="hello

1月前
28
1
2

提升用户体验之线上环境不打印日志

# 将window.console.log置为空函数 ```javascript if (process.env.NODE_ENV === 'production') { window.cons

1月前
19
1
评论

提升用户体验之dns-prefetch和preconnect

# dns-prefetch > **只做 1 件事**：提前完成「DNS 解析」+ 缓存

1月前
27
1
评论

提升用户体验之async和defer

async和defer同时出现则只渲染async async和defer不在内部script 生效

1月前
20
1
评论

提升用户体验之监控页面性能

白屏时间首屏时间不同场景下的 “合适值”（核心参考）场景 / 标准优秀（推荐目标）良好（可接受）需优化（体验差）通用 Web 标准（Google Core Web Vitals） < 1

1月前
40
1
评论

Koa系列教程：1. 创建项目

# 结论 ```bash mkdir koa-demo && cd koa-demo npm init -y npm install koa ``` ```javascript // 1. 引入K

3月前
39
3
评论

React系列教程：10. Button组件示例

# 函数组件 ```jsx // 复用按钮组件 function Button({ text, onClick, type = "default" }) { const styles = {

3月前
27
3
评论

Javascript算法系列教程：1. BFS求无向无权图最短路径

C到D其实还有另一条等长路径“C→B→D”（同样长度为2），但由于BFS中邻居的遍历顺序（C的邻居按`['A', 'B', 'F']`顺序处理），`['C', 'A']`路径先入队，因此其延伸出的`[

3月前
42
3
评论

React系列教程：9. 空包裹

# 函数组件 ```jsx // src/components/Hello1.jsx import { useState } from 'react' function Hello1 (prop

3月前
41
3
2

使用expo开发react-native好还是纯react-native开发好，大公司通常使用哪一种方式

在移动应用开发领域，**React Native**已成为跨平台开发的主流选择之一，而围绕其衍生的**Expo**框架则提供了更加简化的开发体验。截至 2025 年，React Native 占据跨平

3月前
436
3
1

React系列教程：8. 传递函数

# 函数组件 ```jsx // src/components/Hello1.jsx import { useState } from 'react' function Hello1 (prop

3月前
26
3
评论

React系列教程：7. 条件渲染

# 方式一 ```jsx let content; if (isLoggedIn) { content = <AdminPanel />; } else { content = <Login

3月前
22
3
评论

React系列教程：6. 子组件

# 函数组件 ```jsx // src/components/Hello1.jsx import { useState } from 'react' function Hello1 (prop

3月前
19
3
评论

React系列教程：5. 更改状态

# 函数组件 ```jsx // src/components/Hello1.jsx import { useState } from 'react' function Hello1 () {

3月前
34
3
评论

React系列教程：4. 使用状态

# 函数组件 ```jsx // src/components/Hello1.jsx import { useState } from 'react' function Hello1 () {

3月前
20
3
评论

React系列教程：3. 管理状态

# 函数组件 ```jsx // src/components/Hello1.jsx import { useState } from 'react' function Hello1 () {

3月前
22
3
评论

React系列教程：2. 定义一个组件

# 函数组件 ```jsx // src/components/Hello1.jsx function Hello1 () { return ( <div>

3月前
25
3
评论

React系列教程：1. 启动一个React项目

npx create-react-app react-practice npm start

3月前
30
3
评论

瀑布流的典型实现、算法要点和示例站点

【内容】瀑布流的典型实现、算法要点和示例站点【算法要点】维护一个数组记录三列的当前高度。每新增一张卡片，就放到“当前最矮的一列”。更新该列的总高度。最终渲染出一个不规则但紧凑的“瀑布流”。

3月前
49
3
评论