Welcome👋

Appearance

20240823-腾讯金融科技前端一面 ​

基础八股

  1. 为什么选择前端
  2. 从输入浏览器到显示过程发生了什么
  3. TCP 和 UDP 区别
  4. HTTPS 怎么保证安全性
  5. 虚拟 DOM，diff 算法
  6. 项目中遇到过什么问题

手撕，二十分钟写三题

  1. deepClone，没能拷贝正则和 date
  2. 最长递增子序列
  3. 最长不相同子字符串

20241201-腾讯IEG游戏技术运营 ​

准备 ​

![[20241201-腾讯IEG游戏技术运营.png]]

![[20241201-腾讯IEG游戏技术运营-1.png]]

![[20241201-腾讯IEG游戏技术运营-2.png]]

![[20241201-腾讯IEG游戏技术运营-3.png]]

![[20241201-腾讯IEG游戏技术运营-4.png]]

![[20241201-腾讯IEG游戏技术运营-5.png]]

![[20241201-腾讯IEG游戏技术运营-6.png]]

![[20241201-腾讯IEG游戏技术运营-7.png]]

![[20241201-腾讯IEG游戏技术运营-8.png]]

问题总结 ​

  • [x] Vue 中的数据绑定

  • [x] MVC 和 MVVM

  • [x] 性能优化

  • [x] typeof 和 instanceof

  • [x] 多人实时协作编辑器的思路

  • [x] pnpm 好处

  • express 特性

  • 手写：

    • 现在在做一个管理系统（路由为hash路由），要求强制https打开，并且在未登录（如果cookie中isLogin不是1，则未登录）的情况下进行登录，已知登录方法为：toLogin(url),其中url为登录成功后后端Location的地址，请实现逻辑：
    • 当前系统打开任何页面，都要求强制https打开，并在没有登录态的情况下，实现登录，并跳转回原页面 #todo
js
// 强制 HTTPS 协议
if (window.location.protocol !== 'https:') {
  // 重构 URL，确保从 HTTP 跳转到 HTTPS
  window.location.href = 'https://' + window.location.host + window.location.pathname + window.location.search + window.location.hash;
}

// 获取 Cookie 值的函数
function getCookieValue(name) {
  const cookieText = document.cookie; // 获取所有 cookie
  const cookies = cookieText.split(';').map(cookie => cookie.trim()); // 按分号分隔并去除空格
  for (const cookie of cookies) {
    const [key, value] = cookie.split('=');
    if (key === name) {
      return decodeURIComponent(value); // 返回解码后的值
    }
  }
  return null;
}

// 检查登录状态
const isLogin = getCookieValue('isLogin'); // 获取 isLogin 的值
if (isLogin !== '1') {
  // 当前页面完整 URL，包括 hash
  const currentUrl = window.location.origin + window.location.pathname + window.location.search + window.location.hash;
  // 调用登录方法，将当前页面的 URL 作为参数
  toLogin(encodeURIComponent(currentUrl)); // 确保 URL 编码后传递
}
  • CSS 动画
  • Ajax 和 fetch 的区别
  • DOM 对象
  • SSR

[[2025-01-15]] CSIG 面试 ​

面试官让我下去了解的：

  1. 跨域具体是什么，在客户端和服务端哪里有做拦截
  2. symbol是什么，在深拷贝中是怎么被处理的
  3. 302 Found 具体是什么，和301 304的区别是什么
  4. Vue2 具体是怎么实现响应式的，它的局限性有被克服吗
  5. 遍历的时候怎么样保证不遍历到原型链上的属性

建议：

  1. 多问为什么
  2. 多动手去验证假设