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

news/2023/12/1 10:35:31 标签: 前端, 面试, 职场和发展

文章目录

    • 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.niftyadmin.cn/n/5201005.html

相关文章

vue路由传参的详解1.命名路由的传参和取出2.query传参和取出3.meta传参和取出4.其他方式5.注意点 代码和注释

Vue是一款流行的前端框架,其路由功能可以帮助我们实现单页应用(SPA)的跳转和页面切换。在实际开发中,我们会遇到需要在路由之间传递参数的情况,本篇博客将详细介绍Vue路由传参和取出参数的几种方式。 目录 1. 命名路由…

六、流量监管、流量整形

流量监管、流量整形 流量监管、流量整形1.1.定义1.2.简单流分类应用场景举例1.3.简单流分类的配置1.4.复杂流分类1.5.复杂流分类在产品中的实现 ————————————————— 流量监管、流量整形 当报文的发送速率大于接收速率,或者下游设备的接口速率小于…

【paddlepaddle】

安装paddlepaddle 报错 ImportError: /home/ubuntu/miniconda3/envs/paddle_gan/bin/../lib/libstdc.so.6: version GLIBCXX_3.4.30 not found (required by /home/ubuntu/miniconda3/envs/paddle_gan/lib/python3.8/site-packages/paddle/fluid/libpaddle.so) 替换 /home/ubu…

gitlab 实战

一.安装依赖 yum install -y curl policycoreutils-python openssh-server perl 二.安装gitlab yum install gitlab-jh-16.0.3-jh.0.el7.x86_64.rpm 三.修改下面的 vim /etc/gitlab/gitlab.rbexternal_url http://192.168.249.156 四.初始化 gitlab-ctl reconfigure 五.查看状…

线性表--队列-1

文章目录 主要内容一.队列基础练习题1.用链式存储方式的队列进行删除操作时需要 ( D ).代码如下(示例): 2.若以1,2,3,4作为双端队列的输入序列,则既不能由输入受限的双端队列得到,又不能由输出受限的双端队列得到的输出序列是( C …

使用Python处理ADC激光测距数据并绘制为图片(二)

使用Python处理ADC激光测距数据并绘制为图片 说明一、定义全局变量变二、保存和清空原始数据三、拆分原始数据为键值对四、获取标题、FigText、更新统计信息文件五、生成图片六、处理原始数据文件七、主函数入口八、测试结果 说明 1. 主要是将ADC激光测距叠加后的1024Byte数据绘…

Ubuntu——卸载、安装CUDA

【注】WSL的Ubuntu是不用安装CUDA的,因为它使用的是Windows的显卡驱动,所以如果WSL的CUDA出了问题,重新安装WSL即可! 如果nvidia-smi有显示,只是需要使用nvcc,那么就需要安装。安装的时候不要选Driver即可…

离散信号的卷积与相关

离散信号的卷积与相关 1.一维离散信号的卷积与相关1.1 scipy实现1.2 个人Python实现1.3 一维卷积与相关的关系 2.二维离散信号的卷积与相关2.1 二维卷积运算的scipy与个人Python实现2.1.1 pad 02.1.2 不需要pad 0 2.2 二维相关运算的scipy与个人Python实现 参考文献 这里的相关…

判断线程池任务执行完成的方式

Thread线程是否执行完成,我们可以调用join方法然后等待线程执行完成;那在使用线程池的时候,我们如何知道线程已经执行完成了?本文就带给大家五种判断的方式: ● isTerminated() 方式,在执行 shutdown() &am…

局域网文件共享神器:Landrop

文章目录 前言解决方案Landrop软件界面手机打开效果 软件操作 前言 平常为了方便传文件,我们都是使用微信或者QQ等聊天软件,互传文件。这样传输有两个问题: 必须登录微信或者QQ聊天软件。手机传电脑还有网页版微信,电脑传手机比…

SwiftUI 如何动态开始和停止播放永久重复(repeatForever)动画

0. 功能需求 在 SwiftUI 丰富多彩的动画世界中,我们有时希望可以随意开始和停止永久循环(repeatForever)的动画,不过这时往往会产生错误的动画“叠加”效果。 从上图可以看到:虽然我们希望密码输入框背景只在用户输入密码时才发生闪烁,但顶部的密码输入框随着不断输入其…

mqttws.js

mqttws.js 概述具体使用引入mqttws.js客户端实例化创建连接注册连接断开处理事件收到消息回调函数订阅topic取消订阅断开连接发送消息 参考文章 https://cdnjs.cloudflare.com/ajax/libs/paho-mqtt/1.0.1/mqttws31.js https://cdnjs.cloudflare.com/ajax/libs/paho-mqtt/1.0.1/…

[Vue3] vue-router路由守卫进阶

路由守卫,可以想象为古代御前侍卫,路由守卫,则是对路由进行权限控制 分类:全局守卫、独享守卫、组件内守卫 文章目录 1.全局前置-路由守卫2.全局后置守卫3.独享守卫4.组件内路由守卫5.keep-alive遇见vue-router6.路由器的两种工作…

代码随想录算法训练营|五十九~六十天

下一个更大元素|| 503. 下一个更大元素 II - 力扣(LeetCode) 和每日温度一样的套路,就是这里可以循环数组,两个数组拼接,然后循环两遍就行。 public class Solution {public int[] NextGreaterElements(int[] nums)…

批量插入数据与分页的原理及推导

批量插入数据 【1】准备数据 class Book(models.Model):title models.CharField(max_length32) 【2】一条一条插入 后端 def ab_many(request):# (1)先给Book表插入一万条数据for i in range(1000):models.Book.objects.create(titlef第{i}本书)# (2)将所有数据查询到并展…

【PostgreSQL】解决PostgreSQL时区(TimeZone)问题

问题描述 最近在使用PostgreSQL中,对行记录进行设置创建时间(created_time)时,出现了设置了now()时间而数据库中写入的数据是不一致的数据。 eg: insert into dept ( created_at, updated_at) VALUES (now(),now())…
最新文章