hzfe / awesome-interview Goto Github PK

View Code? Open in Web Editor NEW

2.3K 40.0 171.0 3.49 MB

剑指前端 Offer

Home Page: http://febook.hzfe.org/

License: Other

HTML 91.62% JavaScript 8.38%

interview-questions algorithms web programming front-end

awesome-interview's Introduction

剑指前端 Offer

阅读地址 1 阅读地址 2

互动与勘误

阅读时您可能会发现内容上的错误，可以直接在相关章节末尾的评论区进行留言，留言内容会被自动同步到仓库 Issues 中。您也可以在仓库 Issues 中直接留下宝贵意见。欢迎读者对内容仓库进行订阅/Watch 。

适合人群

有意冲刺互联网大厂的前端开发者，可参考本书题目和答案提纲，自主深入学习，查漏补缺。
短时间内参加面试的前端开发者，可借助本书快速了解面试高频的技术问题和相关解答。
前端面试官可参考本书的题型和题目，按岗位需求对候选人进行有梯度的考察。

Install App

CHANGELOG

2023/2/19

剑指前端 Offer 网站添加 PWA 支持

2022/7/04

新增：本地存储方式及场景

2022/5/31

修复：平衡二叉树

2022/5/05

新增：如何对前端代码实施测试
优化：浏览器渲染机制
优化：浏览器跨域

2022/4/09

新增：什么是 TypeScript 泛型

2022/3/28

优化：浏览器事件循环
优化：实现节流防抖函数
新增：谈谈 React 和 Vue 的区别

2022/3/8

新增：谈谈微前端

2022/3/7

优化：垃圾回收机制
优化：浏览器渲染机制

2022/1/21

优化：实现 apply/call/bind

2022/1/20

优化：HTTP/2 和 HTTP/1.1 的对比
优化：前端安全
优化：实现一个符合 Promises/A+ 规范的 Promise
优化：webpack 工作流程

2022/1/19

新增：水平垂直居中方案
优化：React Fiber 的作用和原理

2022/1/18

新增：前端路由实现
优化：谈谈 CSS 预处理器
优化：HOC vs Render Props vs Hooks

2022/1/17

新增：React 事件机制原理
新增：找到数组中重复的数字
新增：实现 apply/call/bind

2021/11/10

优化：React Hooks 实现原理
优化：谈下 webpack loader 的机制

2021/11/09

优化：浏览器跨域
优化：HTTP 缓存机制
优化：前端安全

2021/11/01

优化：浏览器跨域
优化：浏览器的重排重绘
优化：Vue 的数据绑定机制
优化：前端模块化规范
优化：Babel 的原理
优化：如何定位内存泄露
优化：JavaScript 异步编程

2021/10/20

添加：webpack 工作流程章节
优化：HTTP/2 和 HTTP/1.1 的对比

2021/10/16

优化：浏览器事件循环
优化：二叉搜索树的第 k 大的节点
修复：反转链表

2021/10/14

添加 sitemap
修复部分 issue 中提的 bug：JavaScript 异步编程

2021/10/03

更新前言
采纳部分 issue 中提的优化点

2021/09/30

更新 algolia 搜索插件
添加机器人账号

2021/09/21

修复部分 issue 中提的 bug
添加群聊二维码
更新关于我们

2021/09/18

添加 Vue 双向绑定章节
添加 algolia 搜索插件
修复部分 issue 中提的 bug
更新 LICENSE

2021/09/15

修复 issue 中提的 bug
更新 readme

2021/09/14

添加 webpack loader 章节

2021/09/05

发布第一版（模拟题 1 - 3）

Contributors

awesome-interview's People

Contributors

Stargazers

Watchers

Forkers

alertnull yanngger wooodhead jack-qotn supertigery taomiaoer awesome-archive ansenjfy lockcp viracl flya1ong mercer08 superman-can-not-fly dangoplus sakura-pgh gillianjiao xiansheng-yo gjcfer jtwor 841896368 shaunstanislauslau lyhiving fenghaolinroix lalalaaa123 nooea floriafish87 mbhybird nowby demoanddemo oops12345 honglily sunyuhang404 luyufanzhi simple-ice huihuipan lwindh gitikid iwwee jqtmviyu fengnian-w qrnkg wangscaler mallka yuexinrui awesome-frontend-repos markweng deanhzed frontend-university yp314311 joeylin311 cardsix sword-finger-offer mashiroarchive tdkr woq html5-jay pythonfirst supersea fangfanghaoguniang shine0917 mr-xzq komorebi4829 evach talenhuang sunshinegyx hes-zhu chanyoucai pagenotfound200 imklayhu dawnyu yazhengwang arvinzy puiks 52gwz zzti yunzixun hao509 zhjzls stillsilly pinkuburu helongzhou huangmj1989 firhome zxf4399 hemayasymchem xiaozhaoqi wuwanhai blastone melvingod xzylg wuguang yumengbdw quocvi1994 pannz setcina forkmeat jasonbq jettyweb wangchen21 ke2933

awesome-interview's Issues

面试题贡献区

请说下项目中遇到的难点或者印象深刻的地方

多图站点性能优化 | HZFE - 剑指前端 Offer

回答关键点

https://febook.hzfe.org/awesome-interview/book2/topic-multi-pics-site-optimize

实现一个符合 Promises/A+ 规范的 Promise | HZFE - 剑指前端 Offer

这是一道有着成熟的业界规范的 coding 题，完成这道题的前置知识就是要了解什么是 Promises/A+。

https://febook.hzfe.org/awesome-interview/book1/coding-promise

前端安全 | HZFE - 剑指前端 Offer

如何减少白屏的时间 | HZFE - 剑指前端 Offer

回答关键点

https://febook.hzfe.org/awesome-interview/book3/topic-white-screen-optimization

谈谈 CSS 预处理器 | HZFE - 剑指前端 Offer

浏览器事件循环 | HZFE - 剑指前端 Offer

浏览器从输入网址到页面的展示

在响应返回之前，还可以有一步是查找http缓存（之前面试问到过，面试官主要提了缓存这块）

平衡二叉树 | HZFE - 剑指前端 Offer

题目描述

https://febook.hzfe.org/awesome-interview/book1/algorithm-balanced-binary-trees

反转链表 | HZFE - 剑指前端 Offer

题目描述

https://febook.hzfe.org/awesome-interview/book2/algorithm-reverse-linked-list

谈谈 React 和 Vue 的区别 | HZFE - 剑指前端 Offer

回答关键点

https://febook.hzfe.org/awesome-interview/book4/frame-react-vs-vue

二叉搜索树的第 k 大的节点-迭代写法

/**
 * Definition for a binary tree node.
 * function TreeNode(val) {
 *     this.val = val;
 *     this.left = this.right = null;
 * }
 */
/**
 * @param {TreeNode} root
 * @param {number} k
 * @return {number}
 */
var kthLargest = function(root, k) {
    if(!root)return 0
    const stack=[]
    while(stack.length||root){
        while(root){
            stack.push(root)
            root=root.right
        }
        const cur=stack.pop()
        k--
        if(k===0)return cur.val
        root=cur.left
    }
    return 0
};