招商金科 社招 一面

1.两种路由模式区别？历史模式需要服务器的支持是是需要怎么样的支持？

哈希模式是通过URL中的哈希值来实现路由，浏览器不会向服务器发送请求，因此页面不会刷新，适合单页面应用。而历史模式则是利用HTML5的History API，可以实现更友好的URL，支持后退和前进操作，但需要服务器支持，适合需要SEO的场景。

2.package.json文件中，关键字段

组件库的 package.json 文件中，一些关键字段包括：

1. name：组件库的名称，用于标识和引用。
2. version：当前版本号，遵循语义化版本控制（semver），用于管理版本更新。
3. description：对组件库的简短描述，帮助用户了解其功能。
4. main：指定组件库的入口文件，通常是一个 JavaScript 文件。
5. scripts：定义一些常用的命令，比如构建、测试等。
6. dependencies：列出组件库所依赖的其他包，确保在安装时一并安装。
7. devDependencies：列出开发环境下所需的依赖，比如测试框架、构建工具等。
8. repository：指向组件库的代码仓库，方便用户查看源代码。
9. license：指定组件库的许可证类型，说明使用和分发的权限。

这些字段帮助用户和开发者更好地理解和使用组件库。

3.那你讲一下就是有哪些业务组建可以可以举个例子说说

好的，比如说我们开发了一个通用的表单组件，可以支持各种类型的输入框、下拉框和日期选择器；还有一个通用的弹窗组件，用于提示、确认和表单提交等场景；此外，我们还开发了一个数据表格组件，支持排序、筛选和分页功能。这些组件都可以在不同的业务场景中复用。

4.事件冒泡和事件捕获的区别

1. ‌事件冒泡‌：事件从触发元素（目标元素）开始，逐级向上传播至DOM树根节点。例如点击子元素时，事件依次触发子元素→父元素→祖父元素（若存在监听）。‌‌
2. ‌事件捕获‌：事件从DOM树根节点开始，逐级向下传播至目标元素。例如点击子元素时，事件顺序为祖父元素→父元素→子元素（若父级元素设置了捕获监听）。‌‌

5.箭头函数的this指向

箭头函数的 this 指向是根据外部上下文来决定的。也就是说，箭头函数不会创建自己的 this，而是继承外部函数的 this 值。这使得在使用箭头函数时，可以更方便地访问外部作用域中的 this。