知蛛网
  • 首页
  • 会员
  • 活动
  • 工作台

常见问题
活动
关于我们
联系我们
隐私协议
用户协议
会员协议
© 2026 知蛛网. 保留所有权利。
首页会员工作台我的
flynn@flynn
主页wiki简历作品集
目录
全部书籍
00-路线
  • 学习路线
  • 命名与写作规范
01-计算机基础
01-计算机网络
  • 互联网是如何工作的
  • HTTP协议
  • TCP/IP协议
  • 浏览器直接打开本地html文件,请求时的协议问题
02-浏览器原理
  • 浏览器是如何渲染页面的
  • 浏览器是如何渲染页面的
  • 面试之浏览器
03-操作系统
  • 进程与线程
  • 内存管理与虚拟内存
  • IO 模型与多路复用
  • 文件系统与页缓存
04-数据结构与算法
  • 数组与链表
  • 栈与队列
  • 哈希表
  • 树与堆
  • 基础数据结构
01-基础数据结构
02-高级算法
  • 排序算法
  • 二分查找
  • 递归与回溯
  • 动态规划
  • 双指针与滑动窗口
03-leetcode刷题
02-前端核心
01-web开发
  • Web 和 Web 标准
  • web 入门
  • web 开发
  • URL
  • 域名
  • Web服务器
  • 命令行
  • 工作流程和流程
  • 超链接
  • 浏览器指纹
02-html
  • HTML基础语法
  • HTML 概述
  • HTML 发展史
  • HTML调试
  • HTML标题与段落
  • 文本格式化
  • 强调与重要性
  • 块级元素和内联元素
  • 列表
  • 区块
  • 语义元素
  • 页面结构化和语义化
  • 超链接
  • 相对路径和绝对路径
  • 图片
  • 表格
  • 表单和按钮
  • 多媒体
  • 视频/音频
  • HTML 头部
  • HTML 字符集
  • HTML颜色
  • HTML 语言代码
  • HTML 国家/地区
  • Emoji (表情符号)
  • HTML 标签简写及全称 |
  • SVG
  • Canvas 2D
  • Canvas 3D
  • 框架 `<iframe>`
  • HTML 拖放
  • HTML5 Geolocation(地理定位)
  • Web 存储
  • HTML URL 编码
  • MathML
  • 远程图片资源在自己网站中无法展示问题
03-css
  • CSS简介
  • CSS 语法
  • CSS 创建
  • CSS 发展史
  • CSS 浏览器支持
  • CSS 选择器
  • CSS `!important` 规则
  • css颜色
  • CSS 文本格式
  • CSS 盒子模型
  • CSS 尺寸
  • CSS 内边距
  • CSS 外边距
  • CSS 边框
  • CSS 轮廓
  • CSS 背景(background)
  • CSS 溢出
  • CSS 文档流
  • CSS 显示和可见性
  • CSS 浮动
  • CSS 定位
  • CSS 对齐方式
  • CSS 网页布局
  • CSS 多列布局(CSS Multi-column Layout)
  • CSS 透明度
  • CSS 响应式设计(Responsive Design)
  • CSS 媒体查询
  • CSS 列表
  • CSS 表格
  • CSS 表单
  • CSS 链接
  • CSS 用户界面
  • CSS 计数器
  • CSS 过渡
  • CSS 动画
  • CSS 2D 转换
  • CSS 3D 转换
  • CSS 变量(CSS Custom Properties)
  • CSS 原生嵌套(CSS Nesting)
  • CSS 函数(CSS Functions)
04-javascript
  • 什么是 JavaScript?
  • 编程范式(Programming Paradigm)
  • 什么是范式?
  • ECMAScript 规范
  • 什么是语法糖
  • 开发环境搭建
  • 什么是堆和栈?
  • 什么是执行上下文
  • JavaScript 垃圾回收机制
  • 作业队列与事件循环
  • 深拷贝和浅拷贝
  • 语法与类型
  • 字面量
  • 控制流与错误处理
  • 循环与迭代
  • 函数
  • 表达式与运算符
  • 数字和字符串
  • 表达日期与时间
  • 正则表达式
  • 索引集合类
  • 带键的集合
  • 对象
  • 类
  • Promise
  • async/await
  • 迭代器和生成器
  • 国际化
  • 模块
  • 资源管理
  • 属性的可枚举性和所有权
  • 闭包
  • 继承与原型链
  • 元编程
  • 内存管理
  • 内置对象
  • arguments 对象
  • BOM 对象(浏览器对象模型)
  • DOM 对象(文档对象模型)
  • bind、apply、call的区别
  • new 操作符
  • typeof 和 instanceof 的区别
  • HTML5 Web Workers
05-typescript
  • TypeScript 类型系统基础
  • 类型体操
03-框架与跨端
01-react
  • 开发环境搭建
  • JSX
  • 组件
  • 生命周期
  • Hooks
  • 组件通信
  • 状态管理
  • React 19 新特性
  • useCallback 闭包陷阱
  • 常用的性能优化操作
  • Firbe 架构
  • React 18 新特性
  • useRef
  • 基于umijs 4.0 搭建官网
  • react+vite本地开发,如何手机联调
  • React 实现谷歌登录
  • React 项目调起 WhatsApp
02-vue
  • vue 解决跨域请求
  • 在vue2使用TinyMCE富文本编辑器
  • 使用jszip 导出新闻
  • Vue 本地开发启用 https
  • 基于vue3+vite+ts+elementplus+pinia+axios搭建后台管理系统
03-react-native
  • iOS 开发环境(RN 0.72)
  • RN 原生模块(Native Module)
  • 查看Maven包的Java包名
  • 优化 APP 启动速度
  • 安全键盘
  • 启动图与 Icon 尺寸规范
  • RN如何生成/配置iOS的开发者证书和生产证书
  • 邓白氏编码
  • 微信开放平台配置Universal Link
  • 上架至Apple App Store
04-android
  • 开发环境搭建
  • Android项目目录结构
  • 认识Gradle
04-工程化
01-git
  • 如何解决已被git跟踪文件不在跟踪
  • git标签
  • Git报错: Failed to connect to github.com port 443 解决方案
  • Git 分支操作速查
02-构建工具
  • 构建工具原理与选型
02-webpack
  • webpack 核心概念与构建流程
  • webpack 性能优化
03-vite
  • vite 为什么快
  • vite 插件与生产构建
03-测试
  • 前端测试体系
04-部署
  • Nginx 反向代理解决跨域
  • SPA 刷新非首页报 404
05-docker
  • Docker 常用命令
  • docker-compose nginx配置ssl证书
  • Docker Desktop 升级后 docker-compose 命令找不到
06-性能优化
  • 前端性能优化体系
  • 背景 GIF 优化方案
07-微前端
  • 微前端实战(qiankun)
  • 微前端 · qiankun
01-qiankun
05-后端与数据
01-nodejs
  • Node 版本与依赖的 engines 冲突
  • Express 实现 Gmail 发信(邮箱验证码)
02-php
  • 浏览器保存新闻,发布到自有网站
  • [分布式] 浏览器保存新闻,发布到自有网站
  • 邮件发送,多账号轮询
  • nginx和php-fpm通信问题导致网站页面空白
03-python
  • macOS M1 芯片 如何安装 py 和 tkinter
  • tkinter 编写的程序如何打包成桌面软件
04-架构设计
  • 后台管理系统中角色管理、管理员管理、权限设置他们三者之间的关系
05-运维
  • redis启动失败
  • 实现自动备份宝塔项目及数据库到本地
  • 宝塔面板
01-宝塔
06-实战项目
  • 实战准备工作
02-项目记录
  • AI-Chat 模块技术文档
  • CRMChat 部署
07-面试专项
01-面试
  • 面试之自我介绍
  • CSS 面试
  • JS面试
  • React面试
  • Vue面试
  • RN 面试 · 题目清单
  • RN 面试 · 答案详解
  • RN 物流公司 · 题目清单
  • RN 物流公司 · 答案详解
  • Uniapp 面试
  • 带团队经验
12-react专项
  • 一个表格,某一行的某一列数据变动了,如何优化性能?
13-reactnative专项
  • RN 开发过程中,有遇到什么棘手的问题?你是如何解决的?
14-过往面试总结
  • 冷哥传媒 · 面试题
  • 沐腾科技 · 面试题
  • 字符频率排序
02-面试八股
  • 网络八股
  • 浏览器八股
  • 工程化八股
03-算法面试题
  • 前端高频手写题
  • 场景设计题
04-真实面试经历
  • 20251027 盾蓝科技 面试
  • 20251028 芝麻甜心 面试
08-工具
01-n8n
  • 初始n8n
  • 快速入门
  • 在宝塔中搭建n8n环境
  • n8n中常用节点
  • n8n和代码的区别
02-Trae
  • Figma MCP 配置指南
03-UI_UX_pro_max
  • UI_UX_pro_max的使用
04-开发环境
  • VMWare虚拟机安装
  • PowerShell 执行策略与编码设置
98-杂项
  • A股股票交易相关费用
99-手册
  • iOS 开发者账号申请流程及费用
  • 邓白氏编码申请及费用
  • App 推送通道申请及费用
  • App 开发收费项目清单
  • 注册AWS账号
  • 使用Amazon Polly实现文本转语音
  • Google 翻译 Key 申请与前端调用
  • 使用SmsForwarder转发短信

沐腾科技 · 面试题

14-过往面试总结2026/11/14

小铁 智能寄存柜 官网

面试题

1、[单选]阅读下述代码,选项中正确的是

const tom = {
    size: 'big'
};
const mouse = {
    name: 'jerry',
    big: false,
};

A. mouse[tom.size]是无效的 B. mouse.tom.size是无效的 C. mouse[tom['size']]是无效的 D. 三个选项都是有效的

答案:B

解析: JavaScript 中的对象只能使用 String 类型作为键类型。 一般调用对象方式:mouse.name/mouse['name']; 动态调用对象方式:mouse[tom.size]/mouse[tom['size']] 示例查看 demo.js/example1()

2、[单选]关于函数,阅读以下代码,判断输出的内容是什么?

const shape = {
    radius: 10,
    diameter() {
        return this.radius * 2;
    },
    primeter: () => 2 * Math.PI * this.radius,
};

A. 20 and 62.83185307179586 B. 20 and NaN C. 20 and 63 D. Nan and 63

答案:B

解析: this指向性问题,详情请参考MDN this 示例查看 demo.js/example2()

3、[单选]阅读以下代码,则注释1和2位置的值分别是

window.identity = 'The Window';
let object = {
    identity: 'My object',
    getIdentity() {
        return this.identity;
    },
};
(object.getIdentity)(); // 1
(object.getIdentity = object.getIdentity)(); // 2

A. 'The Window' 'My object' B. 'My object' 'My object' C. 'My object' 'The Window' D. 'The Window' 'The Window'

答案:C

解析: 1 自执行object.getIdentity()函数 2 赋值表达式的值是函数本身,this值不再与任何对象绑定,所以返回的是The Window。 示例查看 demo.js/example3()/demo.js/example4()

4、[单选]对于网络性能优化来说,JavaScript代码最好放在页面的

A. 顶部 B. 底部 C. 中间 D. 放在哪都可以

答案:B

解析: 因为JavaScript是单线程语言,而且跟页面渲染公用一个线程,JavaScript在执行的过程中,会阻塞,导致页面不能够渲染。所以我们要把css放在上面,先让页面渲染出来,在对JavaScript执行。 示例查看 demo.js/example5()

5、[单选]假设今天是2022年10月24日(周一),则以下JavaScript代码的输出为

const time = new Date();
console.log(time.getDate());

A. 2022 B. 10 C. 24 D. 1

答案:C

解析: new Date()获取当前时间 getDate() 返回一个月中的某一天 (1 ~ 31) getDay() 返回一周中的某一天 (0 ~ 6) getFullYear() 返回以四位数字年份 返回 Date 对象的小时 (0 ~ 23) 返回 Date 对象的毫秒(0 ~ 999) 返回 Date 对象的分钟 (0 ~ 59) 从 Date 对象返回月份 (0 ~ 11) 返回 Date 对象的秒数 (0 ~ 59)。

上一篇冷哥传媒 · 面试题
下一篇字符频率排序
本页目录
面试题1、[单选]阅读下述代码,选项中正确的是2、[单选]关于函数,阅读以下代码,判断输出的内容是什么?3、[单选]阅读以下代码,则注释1和2位置的值分别是4、[单选]对于网络性能优化来说,JavaScript代码最好放在页面的5、[单选]假设今天是2022年10月24日(周一),则以下JavaScript代码的输出为6、[单选]JavaScript中,DOM事件监听器注册到父元素,子元素点击后,点击事件会触发父元素的时间监听回调吗?7、[多选]JavaScript中,new 操作符具体干了什么?8、[多选]下列选项中,关于Vue中组件的data 说法错误的是?9、[多选]下面关于JavaScript中箭头函数描述正确的是10、[多选] 在javascript中,关于export和export default说法,正确的是11、我们的APP会有版本管理,当我们发布新的版本的时候,如果用户不主动刷新是无法访问到最新的版本的。因此我们想设计一个功能,使得我们发布新版本的时候,用户可以在不主动刷新页面的情况下得到更新。请问该如何设计?12、JavaScript 如何保证同时请求5个接口的结果按顺序输出?13、高阶函数(higher-order)的定义是什么?你在什么时候使用它?14、为了提高效率,项目组决定将三套相似系统融合到一个项目内,每套系统包含三种语言:英语、繁体、简体,你会如何设计?15、小程序每日活跃人数达到万级别,首屏优化和切换页面优化成为重点,你有那些建议控制首屏达到秒开?切换页面性达到100ms以内?16、你得到一个循环字符串的子字符串s,可以多次连接到自身以获得此循环字符串的最小可能字符串的长度是多少?
getHours()
getMilliseconds()
getMinutes()
getMonth()
getSeconds()

6、[单选]JavaScript中,DOM事件监听器注册到父元素,子元素点击后,点击事件会触发父元素的时间监听回调吗?

A. 会 B. 不会

答案:A

解析: 在 javascript中,DOM 事件遵循事件冒泡原理,当一个子元素发生了某个事件时,这个事件会沿着 DOM 树向上传播,直到根节点都被检查过了。因此,当你将事件监听器 注册 到一个父元素上时,子元素的事件也会传递到父元素上,并触发父元素的事件监听器。这就是所谓的事件委托,它可以提高性能和 代码的可维护性。

7、[多选]JavaScript中,new 操作符具体干了什么?

A. 创建一个空对象,并且this变量引用该对象,同时还继承了该函数的原型 B. 属性和方法被加入到this 引用的对象中 C. 重写覆盖了原型对象的属性和方法 D. 新创建的对象由this 所引用,并且最后隐式的返回this

答案:A

详情查看JavaScript中,new 操作符具体干了什么?

8、[多选]下列选项中,关于Vue中组件的data 说法错误的是?

//initState部分源码
export function initState (vm: Component){
    vm._watchers = []
    conet opts = vm.$options
    if (opts.props) initProps(vm,opts.props)
    if (opts.methods) initMethods(vm,opts.methods)
    if (opts.data){
        initData(vm)
    } else {
        observe(vm._data = {}, true /* asRootData */)
    }
    if (opts.computed) initComputed(vm,opts.computed)
    if (opts.watch && opts.watch != nativeWatch) {
        initWatch(vm,opts.watch)
    }

A. Vue为了保证每个实例上的data数据的独立性,规定了必须使用函数,而不是对象 B. 对象是对于内存地址的引用,data直接定义个对象的话组件之间都会使用这个对象,这样会造成组件之间数据相互影响。 C. vue中data的属性不可以和methods中方法同名 D. initState函数内部执行的顺序:props<methods<data<computed<watch

答案:D

解析:

9、[多选]下面关于JavaScript中箭头函数描述正确的是

A. 在使用=>定义函数的时候,继承当前上下文的this关键字 B. 不能够使用构造方法,这就是说,不能使用new命令,否则就会抛出一个错误 C. 可以使用函数内置的arguments对象获取参数 D. 可以使用yield指令

答案:AB

解析: 函数体内的 this 对象,就是定义时所在的对象,而不是使用时所在的对象 不可以当作构造函数,也就是说,不可以使用 new 命令,否则会报错误 不可以使用 arguments 对象,该对象在箭头函数体内不存在 不可以使用 yield 命令,因此箭头函数不能用作构造函数

10、[多选] 在javascript中,关于export和export default说法,正确的是

A. export default 在一个模块里只能有一个,但是export 可以有多个 B. export在一个模块里只能有一个,但是export default 可以有多个 C. 模块中通过export导出的(属性或者方法)可以修改,但是通过export default导出的不可以修改 D. 模块中通过export default 导出的(属性或者方法)可以修改,但是通过export导出的不可以修改。

答案:AC

解析:

11、我们的APP会有版本管理,当我们发布新的版本的时候,如果用户不主动刷新是无法访问到最新的版本的。因此我们想设计一个功能,使得我们发布新版本的时候,用户可以在不主动刷新页面的情况下得到更新。请问该如何设计?

12、JavaScript 如何保证同时请求5个接口的结果按顺序输出?

1/ 使用 Async/Await

使用 async/await 可以使异步代码看起来更像同步代码,可以按顺序等待每个异步操作完成。(缺点无法同时发起请求)

2/ 使用 Promise.all

如果你不需要等待前一个请求完成才开始下一个请求,而只是想按顺序输出结果,那么可以同时开始所有的异步操作,并使用 Promise.all 来处理这些操作完成后的结果

Promise.all([
    fetch('url1').then(response => response.json()),
    fetch('url2').then(response => response.json()),
    // ...其他请求
    fetch('url5').then(response => response.json()),
]).then((responses) => {
    // responses 数组包含了所有请求按顺序的结果
    responses.forEach(response => console.log(response));
});

3/ 使用 Promise 链

如果你需要逐个请求,并在一个请求完成后开始下一个请求,同时要按顺序输出结果,那么你可以创建一个 Promise 链。(代码不优雅)

13、高阶函数(higher-order)的定义是什么?你在什么时候使用它?

高阶函数(Higher-order Function)是指可以接受一个或多个函数作为参数,并且可以返回一个函数作为结果的函数 高阶函数可以帮助我们实现代码的复用和抽象。

高阶函数可以提高代码的复用性和可读性,从而间接地提高性能。具体来说,高阶函数可以通过以下几种方式提高性能: 1、减少重复代码:高阶函数可以把一些通用的代码抽象出来,避免在不同的地方重复编写相似的代码。这样可以减少代码量,同时也减少了可能出错的代码段。 2、简化代码逻辑:高阶函数可以把一些复杂的逻辑封装在一个函数中,使得代码看起来更加简洁明了。这样不仅减少了代码量,还可以提高代码的可读性和可维护性。 3、提高代码的可扩展性:高阶函数可以为整个应用程序提供一些通用的功能,使得代码更加灵活。当需要添加新功能时,可以很方便地在现有的高阶函数上进行扩展。

面试官:说说对高阶组件的理解?应用场景?

14、为了提高效率,项目组决定将三套相似系统融合到一个项目内,每套系统包含三种语言:英语、繁体、简体,你会如何设计?

提示: 1.相似系统:页面展示和页面元素展示存在差异,其他都一样 2.考虑字体库、打包体积、系统和语言的图片差异、页面元素显示和隐盟后的排版问 题、新增需求时如何最高效保证9套系统的影响性等问题 保证系统打包后的纯洁性(图片、页面、页面元素、字体库只与当前系统相关)

15、小程序每日活跃人数达到万级别,首屏优化和切换页面优化成为重点,你有那些建议控制首屏达到秒开?切换页面性达到100ms以内?

首屏渲染优化 页面切换优化 微信小程序启动性能

16、你得到一个循环字符串的子字符串s,可以多次连接到自身以获得此循环字符串的最小可能字符串的长度是多少?

示例: 输入:s="cabca” 输出: solution(s) = 3 解释: “cabca”可以被循环字符串”cabcabcabcab~连