前端面试考核点【更持续新中】

文章目录

    • HTML
    • css
    • js
    • Vue
    • React
    • TypeScript
    • 移动端&小程序
    • 编译/打包/构建
    • npm
    • nodejs
    • 微前端
    • 网络安全
    • 浏览器
    • 性能
    • OKR
    • 工程化、标准化

HTML

  1. Script放在body中间会阻塞吗?defer与async的区别?https://blog.csdn.net/qq_41887214/article/details/124909219

  2. DOM和CSSOM的构建会相互影响吗 https://blog.csdn.net/qq_41887214/article/details/130481228

css

  1. css尺寸单位,移动端适配方案
  2. 网站都变成灰色了,如何实现的呢?https://blog.csdn.net/qq_41887214/article/details/128173530
  3. css3:animation 属性 https://blog.csdn.net/qq_41887214/article/details/124586397

js

  1. this的指向 https://blog.csdn.net/qq_41887214/article/details/123624026
  2. 在构造函数里定义 function 和使用 prototype.func 有什么区别 https://blog.csdn.net/qq_41887214/article/details/129290638
  3. JS中判断数据类型的方法 https://blog.csdn.net/qq_41887214/article/details/103606946
  4. JavaScript的排序方法 https://blog.csdn.net/qq_41887214/article/details/130253312
  5. 实现一个发布订阅者模式 https://blog.csdn.net/qq_41887214/article/details/124836375

Vue

  1. vue 父子组件的生命周期顺序 https://blog.csdn.net/qq_41887214/article/details/103919975

  2. 自定义组件的 v-model https://blog.csdn.net/qq_41887214/article/details/120817103

  3. 解决【v-show 有时失效】问题 https://blog.csdn.net/qq_41887214/article/details/121376596

  4. vue响应式原理 https://blog.csdn.net/weixin_48181168/article/details/120158346

  5. vue2响应式原理之依赖收集
    5. 1. https://www.bilibili.com/video/BV1ex4y137Td/?spm_id_from=333.337.search-card.all.click&vd_source=34a6975a033f268a428886f5c5e8609b
    5. 2. https://blog.csdn.net/demoren/article/details/125133745

  6. 虚拟dom: https://blog.csdn.net/yiyueqinghui/article/details/105468012

  7. diff算法 https://blog.csdn.net/qq_41887214/article/details/130279091

  8. vue中的diff算法 https://blog.csdn.net/qq_41887214/article/details/130550580

  9. Vue3响应式原理 https://blog.csdn.net/qq_41887214/article/details/122508032

  10. Vue3
    10. 1. 常用 Composition API
    10. 2. watch watchEffect
    10. 3. 数据通讯方式
    10. 4. …

React

  1. React Vue 对比,更熟悉哪个
  2. 常用hooks有那些 https://react.docschina.org/reference/react/hooks
  3. useLayoutEffect:是 useEffect 的一个版本,在浏览器重新绘制屏幕之前触发。
  4. useCallback useMemo
  5. React:虚拟 DOM Diff 算法解析 https://blog.csdn.net/qq_41887214/article/details/130279091
  6. 如何在 React 中优雅的写 CSS?CSS作用域隔离 https://blog.csdn.net/qq_41887214/article/details/121579964
  7. React Fiber 架构详解 https://blog.csdn.net/qq_41887214/article/details/130570813
  8. React Fiber 使用 MessageChannel requestAnimationFrame 模拟实现requestIdleCallback https://blog.csdn.net/qq_41887214/article/details/131097303

TypeScript

  1. 使用程度
  2. interface 与 type 区别
  3. 如何声明一个全局变量
  4. d.ts文件 如何组织管理

移动端&小程序

  1. 移动端兼容问题举例
  2. 对小程序的实践,掌握的框架如 uni-app、taro

编译/打包/构建

  1. webpack 性能优化 https://webpack.docschina.org/guides/build-performance/#minimal-entry-chunk
  2. webpack 如何编写
  3. webpack 编写插件 https://blog.csdn.net/qq_41887214/article/details/128840821
  4. tapable详解 https://blog.csdn.net/qq_41887214/article/details/128822743
  5. rollup

npm

  1. npm包流程(发布、更新、废弃) https://blog.csdn.net/qq_41887214/article/details/120438332
  2. npm包更新发布版本流程

nodejs

  1. nodejs管理工具

  2. nodejs 方面的研究

  3. fs模块的常用方法 https://blog.csdn.net/qq_41887214/article/details/122871447

  4. Node.js 中间件机制 https://blog.csdn.net/qq_41887214/article/details/123935325

  5. 如何编写 cli

  6. 服务端 express、koa

微前端

网络安全

浏览器

  1. 浏览器缓存 https://blog.csdn.net/qq_41887214/article/details/108873188
  2. HTTP缓存https://blog.csdn.net/qq_41887214/article/details/129339031
  3. 常见的跨域现象和跨域解决 https://blog.csdn.net/qq_41887214/article/details/108955540
  4. 如何减少重排与重绘 https://blog.csdn.net/qq_41887214/article/details/108895624

性能

  1. Web前端最新优化指标:FP、FCP、FMP、LCP、TTI、CLS、FID、FPS等 https://blog.csdn.net/qq_41887214/article/details/130516839?spm=1001.2014.3001.5501
  2. 前端异常监控解决方案研究https://blog.csdn.net/qq_41887214/article/details/130651823
  3. 如何进行 web 性能监控?https://blog.csdn.net/qq_41887214/article/details/130658244
  4. web监控数据上报方案 https://blog.csdn.net/qq_41887214/article/details/130659155
  5. 前端性能优化 https://blog.csdn.net/qq_41887214/article/details/130233618

OKR

工程化、标准化

  1. 前端工程化

  2. 前端标准化

  3. UI组件库

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/152601.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

内存学习(4):内存分类与常用概念3(ROM)

1 ROM介绍 ROM即为只读存储器,全拼是Read Only Memory。 1.1 “只读”的由来 ROM叫只读存储器是因为最早的ROM(MROM)确实是只能读取不能写入,一旦出厂不能再写,需要在出厂之前预设好它的数据,并且它是掉…

十四、Docker的基本操作

目录 (一)镜像命令 一、拉取Nginx 二、查看镜像 三、导出文件 四、删除镜像 五、加载镜像 (二)容器命令 一、例子:运行一个nginx容器 1、输入运行命令 2、使用命令查看宿主机ip 3、在外部浏览器访问 4、查看…

【机器学习】037_暂退法

一、实现原理 具有输入噪音的训练,等价于Tikhonov正则化 核心方法:在前向传播的过程中,计算每一内部层的同时注入噪声 从作用上来看,表面上来说是在训练过程中丢弃一些神经元 假设x是某一层神经网络层的输出,是下一…

redhat下使用CentOS yum源,并安装docker

一、安装yum源 1.卸载yum # 查看系统自身安装的yum软件包 rpm -qa | grep yum # 卸载软yum件包 rpm -e 软件包名称 --nodeps #可以使用简称如 rpm -e yum-* --nodeps2. 安装yum [rootbogon ~]# rpm -ivh --nodeps https://mirrors.aliyun.com/centos/8/BaseOS/x86_64/os/Pa…

海康Visionmaster-环境配置:运行出现 Vm.Core.Solu tion 报错的解决方法

(1)检查加密狗有没有插好? 是否以管理员权限启动程序?首选 32 位是否取消勾选? (2)查看 VM4.0 的版本信息是否为最新版本?版本信息为 20220415 以上,版本越新问题就会越少…

【机器学习】036_权重衰退

一、范数 定义:向量的范数表示一个向量有多大(分量的大小) L1范数: 即向量元素绝对值之和,用符号 ‖ v ‖ 1 表示。 公式: L2范数: 即向量的模,向量各元素绝对值的平方之和再…

低代码平台技术分享官 | 漫话iGIX前端设计模式

设计模式是一个程序员进阶高级的必备技巧,也是评判一个工程师工作经验和能力的试金石。设计模式是程序员多年工作经验的凝练和总结,能够更大限度的优化代码以及对已有代码进行合理重构。但如果你还不知道如何使用设计模式提升前端开发质量,那…

MQTT协议详解

前言 MQTT是一个即时通讯协议,它工作在TCP/IP协议族上,是为硬件性能低下的远程设备以及网络状况糟糕的情况下而设计的发布/订阅型消息协议。它使用发布/订阅消息模式,提供一对多的消息发布,解除应用程序耦合。MQTT是轻量、简单、…

适合您的智能手机的 7 款优秀手机数据恢复软件分享

如今,我们做什么都用手机;从拍照到录音,甚至作为 MP3 播放器,我们已经对手机变得非常依恋。这导致我们在手机上留下了很多珍贵的回忆。 不幸的是,我们有可能会丢失手机上的部分甚至全部数据。幸运的是,这不…

1. hadoop环境准备

环境准备 准备三台虚拟机&#xff0c;配置最好是 2C 4G 以上 本文准备三台机器的内网ip分别为 172.17.0.10 172.17.0.11 172.17.0.12本机配置/etc/hosts cat >> /etc/hosts<<EOF 172.17.0.10 hadoop01 172.17.0.11 hadoop02 172.17.0.12 hadoop03 EOF本机设置与…

队列的实现和OJ练习

目录 概念 队列的实现 利用结构体存放队列结构 为什么单链表不使用这种方法&#xff1f; 初始化队列 小提示&#xff1a; 队尾入队列 队头出队列 获取队头元素 获取队尾元素 获取队列中有效元素个数 检测队列是否为空 销毁队列 最终代码 循环队列 队列的OJ题 …

C++-特殊类和单例模式

1.请设计一个类&#xff0c;不能被拷贝 拷贝构造函数以及赋值运算符重载&#xff0c;因此想要让一个类禁止拷贝&#xff0c;只需让该类不能调用拷贝构造函数以及赋值运算符重载即可。 //该类不能发生拷贝class NonCopy{public:NonCopy(const NonCopy& Nc) delete;NonCopy&…

MobaXterm如何连接CentOS7的Linux虚拟机?Redis可视化客户端工具如何连接Linux版Redis?

一、打开Lunix虚拟机,进入虚拟机中,在终端中输入ifconfig,得到以下信息&#xff0c;红框中为ip地址 二、打开MobaXterm&#xff0c;点击session 选择SSH&#xff0c;在Remote host中输入linux得到的IP地址&#xff0c;Specify username中可起一个任意的连接名称。 输入密码 四、…

AM@傅里叶级数@周期为2l的一般情形

文章目录 abstract周期为 2 l 2l 2l的Fourier展开推导例 三角函数和(-1)的幂转换关系(-1)的幂与级数的奇偶项级数通项变形例例 abstract 从特殊到一般,从对周期为 2 π 2\pi 2π的函数到周期为 2 l 2l 2l的函数 推导周期为 2 l 2l 2l情况下的公式又可以借助于周期为 2 π 2\pi…

【洛谷 P3743】kotori的设备 题解(二分答案+递归)

kotori的设备 题目背景 kotori 有 n n n 个可同时使用的设备。 题目描述 第 i i i 个设备每秒消耗 a i a_i ai​ 个单位能量。能量的使用是连续的&#xff0c;也就是说能量不是某时刻突然消耗的&#xff0c;而是匀速消耗。也就是说&#xff0c;对于任意实数&#xff0c;…

60 权限提升-MYMSORA等SQL数据库提权

目录 数据库应用提权在权限提升中的意义WEB或本地环境如何探针数据库应用数据库提权权限用户密码收集等方法目前数据库提权对应的技术及方法等 演示案例Mysql数据库提权演示-脚本&MSF1.UDF提权知识点: (基于MYSQL调用命令执行函数&#xff09;读取数据库存储或备份文件 (了…

记录 ubuntu 硬盘分区跟格式化(fdisk命令)

1、sudo su 2、fdisk -l 查找需要挂载的硬盘是哪一个 3、fdisk /dev/sda 可以输入m&#xff0c;查看帮助信息&#xff0c;按p&#xff0c;查看磁盘分区信息 输入n&#xff0c;选择分两个区&#xff08;原来已经有一个&#xff0c;再加1个就是2两个&#xff09;&#xff0c…

GaussDB新特性Ustore存储引擎介绍

1、 Ustore和Astore存储引擎介绍 Ustore存储引擎&#xff0c;又名In-place Update存储引擎&#xff08;原地更新&#xff09;&#xff0c;是openGauss 内核新增的一种存储模式。此前的版本使用的行存储引擎是Append Update&#xff08;追加更新&#xff09;模式。相比于Append…

在网络攻击之前、期间和之后应采取的步骤

在当今复杂的威胁形势下&#xff0c;网络攻击是不可避免的。 恶意行为者变得越来越复杂&#xff0c;出于经济动机的攻击变得越来越普遍&#xff0c;并且每天都会发现新的恶意软件系列。 这使得对于各种规模和跨行业的组织来说&#xff0c;制定适当的攻击计划变得更加重要。 …

【Linux】进程间通信 -- 管道

对于进程间通信的理解 首先&#xff0c;进程间通信的本质是&#xff0c;让不同的进程看到同一份资源&#xff08;这份资源不能隶属于任何一个进程&#xff0c;即应该是共享的&#xff09;。而进程间通信的目的是为了实现多进程之间的协同。 但由于进程运行具有独立性&#xff…