陌小路的个人博客 陌小路的个人博客
首页
  • 技术专区

    • 面试
    • Vue
    • Electron
    • TypeScript
    • Serverless
    • GraphQL
  • 我的秋招之旅
  • 2019年终总结
Todo
收藏夹
关于作者
GitHub

陌小路

前端切图仔
首页
  • 技术专区

    • 面试
    • Vue
    • Electron
    • TypeScript
    • Serverless
    • GraphQL
  • 我的秋招之旅
  • 2019年终总结
Todo
收藏夹
关于作者
GitHub
  • Vue

  • React

  • 面试

    • Call与Bind原理实现
    • 输入URL到页面显示发生了什么
    • PWA
    • 面试知识点汇总
      • 面试题主线流程
        • JS 继承
        • babel 编译原理
        • diff 算法
        • react
        • Vue
  • Electron

  • Serverless

  • GraphQL

  • TypeScript

  • RxJS

  • 工程化

  • Webpack

  • Nestjs

  • WebRTC & P2P

  • Docker

  • Linux

  • Git

  • Svelte

  • 踩坑日记 & 小Tips

  • 其他

  • technology
  • 面试
陌小路
2021-05-12

21年面试题内容汇总

# rem 布局原理

  • 获取设备宽度与设计稿宽度的比例作为 html font-size 的大小。
  • 假如是 750/750 那么 font-size:1px; 设计稿上200px,代码就要写200rem;这样写太大。
  • 通常 750/750*100,多除100,100作为px转化为rem的换算比例,100px = 1rem 那么设计稿 750px代码里就要写7.5rem。

相关计算规则:

const rem = deviceWidth / designWidth * 100;
html.style.fontSize = rem + "px";
1
2

# 面试题主线流程

# JS 继承

# babel 编译原理

# diff 算法

# react

# react-diff

# react-fiber

# Vue

# Vue-diff

# Vue2 对比 Vue3

编辑
上次更新: 2023/11/25, 4:11:00
PWA
Electron初体验

← PWA Electron初体验→

最近更新
01
github加速
01-01
02
在线小工具
01-01
03
Lora-Embeddings
11-27
更多文章>
Theme by Vdoing | Copyright © 2020-2024 STDSuperman | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式