news 2026/4/23 12:15:22

港股证劵 社招 一面

作者头像

张小明

前端开发工程师

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/12 16:36:17

头部厂商易路斩获AI HR“最佳产品奖”，iBuilder引领HR SaaS智能变革

12月16日， 2026“新旗奖”(NewFlag Awards) 人力资源服务业创新竞赛结果重磅揭晓！易路凭借旗下AI产品-iBuilder智能体平台荣获新旗奖（NewFlag Awards)-最佳产品大奖的殊荣。该奖项代表了易路在人力资源服务领域AI产品的三年潜心钻研及创新性成…

作者头像 李华
网站建设 2026/4/17 1:49:09

无人车上路的“安全底线”怎么定？聊城细则给出了答案

低速无人车这两年跑得越来越多，但很多人心里一直打鼓：到底能不能上路？出了事算谁的？聊城这次给了一个很清晰的答案——规则先立起来，再谈规模化运营。聊城市在11月下旬正式出台了《低速无人驾驶装备道路测试与商业示范…

作者头像 李华
网站建设 2026/4/17 9:10:20

Qt共享内存疑难解析：从创建失败到完美解决

1.Qt共享内存疑难解析：从创建失败到完美解决在Qt中使用QSharedMemory时遇到create成功后续操作失败的问题，需从共享内存生命周期管理、键值唯一性、系统级限制三个维度深入排查。以下是具体分析及解决方案：1. 共享内存生命周期管理缺陷问题本…

作者头像 李华
网站建设 2026/4/21 1:19:42

必看！方形与圆形油炸机挑选，这几个关键要点你得知道

《油炸机哪家好：排名前五深度测评》开篇：定下基调在餐饮行业不断发展的今天，油炸机作为重要的厨房设备，其性能和品质备受关注。本次测评旨在为对油炸机感兴趣的人群提供专业、客观的参考，帮助大家挑选到适合自己的油炸…

作者头像 李华
网站建设 2026/4/23 12:14:00

读懂大模型备案流程，开启技术安全应用新征程

《生成式人工智能服务管理暂行办法》提出利用生成式人工智能技术向境内公众提供生成文本、图片、音频、视频等内容的服务，需要进行大模型备案。 一、大模型的核心定义 不是参数大就是大模型。真正需要备案的，是基于深度学习技术、具备强语义理解与生成能…

作者头像 李华