百度360必应搜狗淘宝本站头条
mybatis 使用python中+=代表什么java中switch盒子垂直居中httpservletrequest 获取参数
当前位置：网站首页 > 技术文章 > 正文

不可错过的前端2022年面试笔记

wxin55 2024-11-26 09:42 8 浏览 0 评论

面试笔记；祝大家早日找到满意的工作

基础题：

1.require和import的区别

2.cookie跨域怎么实现

3.promise实现（值穿透）

4.webpack--loader写法

5.浏览器的循环-eventLoop

6.class怎么用的

7.fuction组件和class组件的区别

8.useState=》实现

9.hooks的核心原理

10.如何进行性能优化

11.Fieble原理

12.Diff算法原理

13.useEffect代表什么生命周期

14.必包的原理和应用场景

15.怎么查找内存泄漏

16.回流和重绘

17.盒子模型

18.bfc是什么

19.flex:1代表什么含义

20.普通函数和箭头函数的区别

21.js如何实现继承

22.this的指向，以及如何改变

23.querySelector和getElementByTagName的区别是什么？

24.requestAnimationFrame执行时机

25.dom上的事件和虚拟dom上的事件有什么区别

26.promise的状态有哪些

27.301，302，304代表什么含义

编程题：

  1. js实现JOSN.stringify()功能
  2. js实现Object.assgin()功能

3.控制依赖任务执行：给定一个任务队列，然后执行，如果有依赖，就将依赖的结果执行返回，最终得到队列中每个任务的结果并返回

const input = [
    {
        id: 'task1',
        deps: [],
        runTask: () => 3,
    },
    {
        id: 'task2',
        deps: ['task1','task3'],
        runTask: (res1, res3) => 1 + res1 + res3,
    },
    {
        id: 'task3',
        deps: ['task1'],
        runTask: (res1) => 5 + res1,
    },
    {
        id: 'task4',
        deps: ['task1', 'task2'],
        runTask: (res1, res2) => 3 + res1 + res2,
    },
];

function runAllTask(list, cb) {
    // TODO
}

runAllTask(input, (err, res) => {
    console.log(err);
    console.log(res);
    /** 
        res应该为：
        { task1: 3, task2: 12, task3: 8, task4: 18 }
    */
});

5.手写一个hooks实现获取preState

6.手写函数实现并发，并限制并发个数

7.用react实现一个评分组件

相关推荐

Java框架 —— Spring简介

简介一般来说，Spring指的是SpringFramework，它提供了很多功能，例如：控制反转（IOC）、依赖注入（DI）、切面编程（AOP）、事务管理（TX）主要jar包org.sprin...

Monkey自动化测试

Monkey1.通过Monkey程序模拟用户触摸屏幕、滑动Trackball、按键等操作来对设备上的程序进行压力测试，检测程序多久的时间会发生异常;2.Monkey主要用于Android的压力...

十年之重修SpringBoot启动&自动装载&Bean加载过程

总结Springboot的自动装载，完全是依赖Bean的自动注册，其中默认的规则，是把需要自动装载的bean全名称编辑在spring.factories（2.7之后的版本，还支持.imports文件）...

一些可以显著提高大型 Java 项目启动速度的尝试

我们线上的业务jar包基本上普遍比较庞大，动不动一个jar包上百M，启动时间在分钟级，拖慢了我们在故障时快速扩容的响应。于是做了一些分析，看看Java程序启动慢到底慢在哪里，如何去优化，...

class 增量发包改造为 jar 包方式发布

大纲class增量发包介绍项目目录结构介绍jar包方式发布落地方案class增量发包介绍当前项目的迭代修复都是通过class增量包来发版本的将改动的代码class增量打包,如下图cla...

Flink架构及其工作原理(很详细)

原文链接：https://www.cnblogs.com/code2one/p/10123112.html关键词：Flink架构、面试杀手锏！更多大数据架构、实战经验，欢迎关注【大数据与机器学习】，...

大促系统优化之应用启动速度优化实践

作者：京东零售宋维飞一、前言本文记录了在大促前针对SpringBoot应用启动速度过慢而采取的优化方案，主要介绍了如何定位启动速度慢的阻塞点，以及如何解决这些问题。希望可以帮助大家了解如何定位该类问...

Maven工程如何使用非Maven仓库jar包

使用Maven之前，一直都是自己手工在网上搜索需要的jar包，然后添加到工程中。以这样的方式开发，工作了好多年，曾经以为以后也会一直这样下去。直到碰上Maven，用了第一次，就抛弃老方法了。Maven...

【推荐】一款开源免费、功能强大的短链接生成平台

项目介绍reduce是一款开源免费、功能强大的短链接生成平台。部署在服务器，使用短域名解析即可提供服务。CoodyFramework首秀，自写IOC、MVC、ORM、TASK、JSON、DB连接池、...

K8S官方java客户端之七:patch操作

欢迎访问我的GitHubhttps://github.com/zq2599/blog_demos内容：所有原创文章分类汇总及配套源码，涉及Java、Docker、Kubernetes、DevOPS等；...

Java 的业务逻辑验证框架 之-fluent-validator

开发人员在维护核心业务逻辑的同时，还需要为输入做严格的校验。当输入不合法时，能够给caller一个明确的反馈，最常见的反馈就是返回封装了result的对象或者抛出exception。一些常见...

互联网大厂后端必看!手把手教你替换 Spring Boot 中的日志框架

在互联网大厂的后端开发工作中，SpringBoot框架是搭建项目的“得力助手”，使用十分普遍。但不少开发者都遇到过这样的困扰：SpringBoot默认集成的Logback日志框架，在实际...

测试经理教你如何用monkey进行压力测试!

一、monkey是什么1、monkey程序由android系统自带，使用Java语言写成，在Android文件系统中的存放路径是：/system/framework/monkey.jar2、Mo...

Java-Maven详解

一、什么是Maven？ApacheMaven是一个软件项目管理的综合工具。基于项目对象模型（POM）的概念，提供了帮助管理构建、文档、报告、依赖、发布等方法，Maven简化和标准化项目建设过程。处理...

SpringBoot打包部署最佳实践

springboot介绍SpringBoot目前流行的javaweb应用开发框架，相比传统的spring开发，springboot极大简化了配置，并且遵守约定优于配置的原则即使0配置也能正常运...

取消回复欢迎 你 发表评论:

一周热门
最近发表
标签列表