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

2023-11-21 02:20

本文主要是介绍前端面试考核点【更持续新中】,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

文章目录

    • 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.chinasem.cn/article/399142

相关文章

Vue3 的 shallowRef 和 shallowReactive:优化性能

大家对 Vue3 的 ref 和 reactive 都很熟悉,那么对 shallowRef 和 shallowReactive 是否了解呢? 在编程和数据结构中,“shallow”(浅层)通常指对数据结构的最外层进行操作,而不递归地处理其内部或嵌套的数据。这种处理方式关注的是数据结构的第一层属性或元素,而忽略更深层次的嵌套内容。 1. 浅层与深层的对比 1.1 浅层(Shallow) 定义

这15个Vue指令,让你的项目开发爽到爆

1. V-Hotkey 仓库地址: github.com/Dafrok/v-ho… Demo: 戳这里 https://dafrok.github.io/v-hotkey 安装: npm install --save v-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Escape 键后隐藏某个组件,按住 Control 和回车键再显示它吗?小菜一碟: <template

【 html+css 绚丽Loading 】000046 三才归元阵

前言:哈喽,大家好,今天给大家分享html+css 绚丽Loading!并提供具体代码帮助大家深入理解,彻底掌握!创作不易,如果能帮助到大家或者给大家一些灵感和启发,欢迎收藏+关注哦 💕 目录 📚一、效果📚二、信息💡1.简介:💡2.外观描述:💡3.使用方式:💡4.战斗方式:💡5.提升:💡6.传说: 📚三、源代码,上代码,可以直接复制使用🎥效果🗂️目录✍️

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画(下)

【课程链接】 AntV G6:深入图形与图形分组、自定义节点、节点动画(下)_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中,应该怎样去计算和绘制图形,如何给一个图形制作不间断的动画,以及在鼠标事件之后产生动画。(有点难,需要好好理解) <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06

字节面试 | 如何测试RocketMQ、RocketMQ?

字节面试:RocketMQ是怎么测试的呢? 答: 首先保证消息的消费正确、设计逆向用例,在验证消息内容为空等情况时的消费正确性; 推送大批量MQ,通过Admin控制台查看MQ消费的情况,是否出现消费假死、TPS是否正常等等问题。(上述都是临场发挥,但是RocketMQ真正的测试点,还真的需要探讨) 01 先了解RocketMQ 作为测试也是要简单了解RocketMQ。简单来说,就是一个分

秋招最新大模型算法面试,熬夜都要肝完它

💥大家在面试大模型LLM这个板块的时候,不知道面试完会不会复盘、总结,做笔记的习惯,这份大模型算法岗面试八股笔记也帮助不少人拿到过offer ✨对于面试大模型算法工程师会有一定的帮助,都附有完整答案,熬夜也要看完,祝大家一臂之力 这份《大模型算法工程师面试题》已经上传CSDN,还有完整版的大模型 AI 学习资料,朋友们如果需要可以微信扫描下方CSDN官方认证二维码免费领取【保证100%免费

计算机毕业设计 大学志愿填报系统 Java+SpringBoot+Vue 前后端分离 文档报告 代码讲解 安装调试

🍊作者:计算机编程-吉哥 🍊简介:专业从事JavaWeb程序开发,微信小程序开发,定制化项目、 源码、代码讲解、文档撰写、ppt制作。做自己喜欢的事,生活就是快乐的。 🍊心愿:点赞 👍 收藏 ⭐评论 📝 🍅 文末获取源码联系 👇🏻 精彩专栏推荐订阅 👇🏻 不然下次找不到哟~Java毕业设计项目~热门选题推荐《1000套》 目录 1.技术选型 2.开发工具 3.功能

Vue3项目开发——新闻发布管理系统(六)

文章目录 八、首页设计开发1、页面设计2、登录访问拦截实现3、用户基本信息显示①封装用户基本信息获取接口②用户基本信息存储③用户基本信息调用④用户基本信息动态渲染 4、退出功能实现①注册点击事件②添加退出功能③数据清理 5、代码下载 八、首页设计开发 登录成功后,系统就进入了首页。接下来,也就进行首页的开发了。 1、页面设计 系统页面主要分为三部分,左侧为系统的菜单栏,右侧

【VUE】跨域问题的概念,以及解决方法。

目录 1.跨域概念 2.解决方法 2.1 配置网络请求代理 2.2 使用@CrossOrigin 注解 2.3 通过配置文件实现跨域 2.4 添加 CorsWebFilter 来解决跨域问题 1.跨域概念 跨域问题是由于浏览器实施了同源策略,该策略要求请求的域名、协议和端口必须与提供资源的服务相同。如果不相同,则需要服务器显式地允许这种跨域请求。一般在springbo

HTML提交表单给python

python 代码 from flask import Flask, request, render_template, redirect, url_forapp = Flask(__name__)@app.route('/')def form():# 渲染表单页面return render_template('./index.html')@app.route('/submit_form',