news 2026/4/18 11:48:07

港股证劵 社招 一面

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
港股证劵 社招 一面
  1. 累计产出120 加个组件，为什么要封装这么多组件？
    • 业务驱动：根据页面需求，把常用 UI（按钮、输入框、弹窗、表格等）抽象成组件，保证一致性。
    • 维度考量：从布局、表单、数据展示、工具类等不同维度拆分，颗粒度既不能太粗（难复用），也不能太细（维护成本高）。
    • 团队协作：核心团队负责基础组件，业务团队按需扩展，分层维护。
    • 复用率：整体组件复用率达60%~80%，剩余按业务差异扩展。
  2. 打包 560+ 页面会不会有性能问题？解决方案？
    • 问题：单次全量打包时间长、产物体积大、部署更新慢。
    • 优化：
      1. 按页拆分 entry，开启多进程 parallel-build；
      2. 开启 cache、DLLPlugin、babel-loader cache；
      3. 路由懒加载、Code Splitting、动态 import；
      4. 资源压缩（Terser、cssnano）、开启 gzip/Brotli；
      5. CI/CD 增量构建、灰度发布。
  3. Vue3 中 ref 和 reactive 区别？
    • ref：可包裹基本类型或对象，返回{ value: ... }的响应式对象，访问/赋值需.value。
    • reactive：只能接收对象，返回 Proxy，直接访问其属性即响应式。
  4. computed 与 watch 区别？
    • computed：惰性求值、带缓存，适合计算衍生状态。
    • watch：侦听响应式源，执行副作用（异步或同步），可配置 immediate、deep。
  5. beforeMount 和 mounted 区别？
    • beforeMount：模板已编译、但 DOM 未挂载到页面上，此时拿不到真实 DOM。
    • mounted：DOM 已插入页面，可执行 DOM 操作、第三方库初始化。
  6. 0→1 新项目搭建要考虑哪些？
    • 技术选型：框架（Vue/React）、状态管理（Pinia/Redux）、UI 库、构建工具（Vite/Webpack）
    • 项目结构：目录分层、约定规范
    • 性能：首屏渲染、Code Splitting、CDN、缓存策略
    • 跨端适配：响应式布局、rem/vw、PostCSS
    • 开发流程：CI/CD、自动化测试、代码规范、日志/监控、安全
    • 团队可维护性：文档、模板、脚手架
  7. 项目整体性能优化手段？
    • 资源优化：压缩、合并、CDN、HTTP2/3
    • 懒加载：路由、组件、图片
    • Tree Shaking、Code Splitting
    • 预加载/预取（preload、prefetch）
    • Web Worker、微前端（大型项目）
  8. 路由两种模式？
    • Hash 模式：URL 中#后的部分由前端拦截，浏览器不会向服务器请求；
    • History 模式：基于 HTML5 History API，URL 美观，但刷新需后端做所有路由重写。
  9. Hash 模式如何通过#定位？能否用锚点？部署区别？重写配置作用？
    • 定位：浏览器遇到#xxx不请求服务器，JS 通过window.location.hash或onhashchange处理路由。
    • 锚点：可共存，但要避免路由和页面内部锚点冲突（可在路由前加/前缀）。
    • 部署：Hash 模式无需服务器配置；History 模式要把除静态资源外的所有路由指向index.html。
    • 重写（rewrite）：保证 SPA 路由跨路径刷新时，服务器返回同一个入口页面。
  10. 什么情况下会导致内存泄漏？
    • 全局对象/闭包长时间持有大对象
    • 未解绑事件监听、定时器（setInterval、setTimeout）
    • 未取消订阅（WebSocket、RxJS、Promise）
    • DOM 引用未释放（组件卸载后仍在引用）
  11. TypeScript 数据类型？
    • 原始类型：number、string、boolean、null、undefined、symbol、bigint
    • 对象类型：object、Array、Tuple、enum、Function
    • 特殊类型：any、unknown、void、never
    • 组合类型：union、intersection、literal、interface、type alias
  12. rem 的缺点及精度问题？根字体大小怎么确定？
    • 缺点：根字体一变，全局联动；在不同设备上可能出现四舍五入带来的小数精度误差。
    • 解决：减少小数、在 PostCSS/构建时做 px2rem、控制根字体为可整除值。
    • 根字体：通常按设计稿宽度动态计算，如html { font-size: clientWidth/10 + 'px'; }或用 flexible 库，保证 1rem = 设计稿 10px。
版权声明: 本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若内容造成侵权/违法违规/事实不符，请联系邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！
网站建设 2026/4/18 8:35:40

用一个简单模型推导卡尔曼滤波理论

尔曼滤波理论由鲁道夫卡尔曼于1960年提出，随后在解决“阿波罗计划”中航天器的导航问题时获得成功。卡尔曼滤波理论可以高效地处理测量误差。广泛的测量需求和测量误差的客观存在使它备受关注，从控制科学到电子信息，从航空航天到人工智能&…

作者头像 李华
网站建设 2026/4/18 8:50:03

长尾关键词在SEO策略中的角色与优化实践详解

在这篇文章中，将全面解析长尾关键词在SEO策略中的关键作用。首先，长尾关键词的特性让它们更容易与特定用户的搜索意图对接，进而提升网站流量与转化率。同时，文章将提供如何选择合适长尾关键词的技巧，包括使用分析工具洞…

作者头像 李华
网站建设 2026/4/18 7:05:26

如何选择光储一体化方案设计软件

在全球能源转型的浪潮中，光储一体化已成为企业降本增效、家庭绿色生活的核心选择。然而，许多人忽视了一个关键事实：光伏项目的收益上限，从设计之初就已注定。一份精准高效的设计方案，不仅能规避后期运维的诸多隐患&…

作者头像 李华
网站建设 2026/4/18 8:34:07

【机器学习】4.XGBoost（Extreme Gradient Boosting）

XGBoost 系统学习指南：原理、方法、语法与案例 XGBoost（Extreme Gradient Boosting）是基于梯度提升树（GBDT）的优化升级版，凭借高效性、准确性和鲁棒性成为机器学习竞赛和工业界的主流算法。本文从核心原理、…

作者头像 李华
网站建设 2026/4/18 10:07:10

Qt实现Ubuntu程序自动重启

在Ubuntu系统中使用Qt和C实现根据程序名称重启应用程序的功能，可以通过以下步骤实现：核心思路查找目标进程ID：使用系统命令（如pgrep）获取指定程序名的进程ID终止旧进程：使用kill命令结束目标进程启动新进程…

作者头像 李华