前端面试如何出彩

news2025/3/1 8:39:24
  • 1、原型链和作用域链说不太清,主要表现在寄生组合继承和extends继承的区别和new做了什么。
  • 2、推荐我的两篇文章:若川:面试官问:能否模拟实现JS的new操作符、若川:面试官问:JS的继承
  • 3、数组构造函数上有哪些方法(Array.isArray、Array.from、Array.of),数组实例有哪些方法,如何准确的判断数组等都不知道。数组、字符串、对象等API需要熟记于心。推荐我之前的一篇回答 若川:一年内的前端看不懂前端框架源码怎么办?
  • 4、vue生命周期(包含子孙组件的情况)
  • 5、vue一些高级特性(比如自定义v-model、插槽、mixin、keep-alive、动态组件、异步组件,$nextTick)没有用过,关键简历上写的精通vue 。
  • 6、vue-cli 2和vue-cli3(4)分不清。
  • 7、不知道用什么loader解析的vue单文件组件。
  • 8、候选人线上项目有sourcemap,可以直接看到代码,但不知道如何配置关掉。
  • 9、不知道是用的什么webpack插件生成的html页面。
  • 10、关于vue-cli 推荐两篇文章若川:分析vue-cli@2.9.3 搭建的webpack项目工程、vue-cli 源码分析 (vue-cli3)
  • 11、vuex、vue-router大概原理说不清。
  • 12、axios怎么使用拦截器,是不是知道支持node和浏览器端发送请求,用的什么发送的请求等等。
  • 13、推荐我的两篇文章若川:学习 vuex 源码整体架构,打造属于自己的状态管理库、若川:学习 axios 源码整体架构,打造属于自己的请求库
  • 14、使用了很多UI组件库,但对如何发布到npm不知道、也没有了解button等简单组件的实现。
  • 15、用koa写了一些项目,但对koa中间件如何实现的,不了解,这些源码较少的库,其实可以深入学习下,收益很大。若川:学习 koa 源码的整体架构,浅析koa洋葱模型原理和co原理
  • 16、用了redux,对redux中间件原理不了解。推荐看这篇若川:学习 redux 源码整体架构,深入理解 redux 及其中间件原理

亮点可以写:

  • 1、假设你们公司开发小程序没有区分环境,你做了,还写了一个简单的脚手架,这虽然是很小的事但还是能体现你的价值。
  • 2、比如你们公司没用ESLint、形成了一套标准,你推动各个项目组都使用了,你升级了webpack版本,优化了打包速度等等。这时你又学习到了ESLint 和webpack基本原理。
  • 3、比如小程序、PC端、H5端等、线上问题排查定位困难,你引入了免费的sentry错误监控,来解决问题,保证线上稳定性。(引入sentry其实挺简单的),通过这件事,你学习总结了错误监控原理,都是亮点。关于sentry原理推荐我的这篇文章若川:学习 sentry 源码整体架构,打造属于自己的前端异常监控SDK
  • 4、比如项目有登录功能,你研究后知道如何实现的,另外又自己总结了几种常见登录方案的优缺点。比如jwt和session等。
  • 5、比如你们可能每次都带薪打包编译项目,你引入了持续集成CI,都是体现你的价值。
  • 6、比如你们可能项目提交git commit message信息比较乱,你引入了工具校验message,生成changelog、使用了release-it等等,虽然比较容易, 但你有意识的去做了,也是亮点。
  • 7、根据业务场景和统计需求。引入了埋点(比如友盟)等,了解统计用户行为和浏览器等设备信息,帮助公司某些功能开发时做一些决策,而且研究了其原理等。
  • 8、假设你开发了很多组件,做成了组件库,但别的项目也要引用,这时候就需要私有化部署。但还是有问题,如果组件库一修改,其他引用的多个项目都要编译然后重新部署上线?是不是可以考虑CDN之类的,CDN可能不稳定,那么又如何兜底。这些思考起来,然后去解决沉淀就是你的收获和亮点。
  • 9、假设每次新建页面都需要复制粘贴很多文件,然后替换注释(作者信息),那么是不是可以写个简单功能,根据已有模板,生成新页面的文件替换作者信息等等。
  • 10、假设你们做了很多报表,大部分都是类似,是不是可以考虑做成拖拽快速生成报表。
  • 11、前后端分离,接口都写在文档里,是不是可以直接写的文件里,然后方便数据mock,然后自行研究学会了数据mock的原理等。
  • 总之就是发现问题,解决问题,总结问题,推广给他人。

这上面举的例子其实就能超过挺多2年经验的人,但学会这些其实不需要太多时间。

先写这么多吧~之后更新。

关于如何面试准备面试,可以看看这个慕课网课程笔记:前端跳槽面试必备技巧

如果是面试阿里等大厂可参考磐冲大佬的这篇文章磐冲大佬:我在阿里招前端,我该怎么帮你?

总之就是会用,对常用技术有点研究,且有点亮点。其实就是不停留在只会使用的层面,重基础懂原理,知其然知其所以然。

简历上表现出这三点扩展开来写,其实写一页简历还是可以的。

最后编辑于:2024-12-09 22:10:53


喜欢的朋友记得点赞、收藏、关注哦!!!

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

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

相关文章

大模型应用编排工具Dify之构建专属FQA应用

1.前言 ​ 通过 dify可以基于开源大模型的能力,并结合业务知识库、工具API和自定义代码等构建特定场景、行业的专属大模型应用。本文通过 dify工作室的聊天助手-工作流编排构建了一个基于历史工作日志回答问题的助手,相比原始的大模型答复,通…

前端node环境安装:nvm安装详细教程(安装nvm、node、npm、cnpm、yarn及环境变量配置)

需求:在做前端开发的时候,有的时候 这个项目需要 node 14 那个项目需要 node 16,我们也不能卸载 安装 。这岂不是很麻烦。这个时候 就需要 一个工具 来管理我们的 node 版本和 npm 版本。 下面就分享一个 nvm 工具 用来管理 node 版本。 这个…

c基础加堆练习题

1】思维导图: 2】在堆区空间连续申请5个int类型大小空间,用来存放从终端输入的5个学生成绩,然后显示5个学生成绩,再将学生成绩升序排序,排序后,再次显示学生成绩。显示和排序分别用函数完成 要求&#xff…

嵌入式Linux 设备树 GPIO详解 示例分析 三星 NXP RK

GPIO设备树用于在Linux内核中定义与GPIO相关的硬件资源,它使操作系统可以识别、配置和使用GPIO引脚。设备树中通常会指定GPIO控制器的基地址、GPIO引脚的中断配置、时钟和其他相关信息。 目录 RK相关案例代码 NXP相关案例代码 三星相关案例代码 在设备树中&…

【日记】不想随礼欸(926 字)

正文 今天忙了一天。感觉从早上就开始在救火。客户经理迎接检查,要补资料,找我们问这样要那样,我自己的事情几乎完全开展不了。虽说也没什么大事就是了。 晚上行长还让我重装系统…… 难绷。看来这个爹味新行长懂得还挺多。 中午趁着不多的休…

Spring 源码学习(七)——注解后处理器

通过之前对注解式配置的解析(Spring 源码学习(三)—— 注解式配置解析_spring源码学习-CSDN博客)可以发现其使用 AnnotationConfigUtils 类的 registerAnnotationConfigProcessors 静态方法对象注解后处理器对象进行注册&#xff…

如何避免缓存击穿?超融合常驻缓存和多存储池方案对比

作者:SmartX 解决方案专家 钟锦锌 很多运维人员都知道,混合存储介质配置可能会带来“缓存击穿”的问题,尤其是大数据分析、数据仓库等需要频繁访问“冷数据”的应用场景,缓存击穿可能会更频繁地出现,影响业务运行。除…

Scala的正则表达式二

验证用户名是否合法 规则 1.长度在6-12之间 2.不能数字开头 3.只能包含数字,大小写字母,下划线def main(args: Array[String]): Unit {val name1 "1admin"//不合法,是数字开头val name2 "admin123"//合法val name3 &quo…

【CKA】Kubernetes(k8s)认证之CKA考题讲解

CKA考题讲解 0.考试101 0.1 kubectl命令⾃动补全 在 bash 中设置当前 shell 的⾃动补全&#xff0c;要先安装 bash-completion 包。 echo "source <(kubectl completion bash)" >> ~/.bashrc还可以在补全时为 kubectl 使⽤⼀个速记别名&#xff1a; al…

导入kotlin

android studio 导入kotlin项目 android studio kotlin教程 或者直接拿一个kt文件进来&#xff0c;在顶部会显示一个config&#xff0c;然后设置version&#xff0c;点击OK就可以了自动导了

《CSS 知识点》大屏卡片布局思路:弹性布局 flex-grow

思路 大屏左右两侧高宽一致&#xff0c;内部卡片可按比例设置&#xff01; 使用弹性布局和属性 flex-grow 设置比例&#xff1b;间隔使用 margin-bottom 设置&#xff0c;最后一个卡片不设置&#xff1b; 效果如图 代码说明 CSS代码 26 - 30&#xff0c;左右两侧设置弹性布…

责任链模式的理解和实践

责任链模式&#xff08;Chain of Responsibility&#xff09;是行为型设计模式之一&#xff0c;它通过将多个对象连成一条链&#xff0c;并沿着这条链传递请求&#xff0c;直到有对象处理它为止。这个模式的主要目的是将请求的发送者和接收者解耦&#xff0c;使请求沿着处理链传…

如何在 Ubuntu 上安装开源监控工具 Uptime Kuma

简介 Uptime Kuma&#xff08;或简称 Kuma&#xff09;是一个开源监控工具&#xff0c;用于监控 HTTP、HTTPS、DNS 等协议的服务。Uptime Kuma 提供多种功能&#xff0c;如多语言支持、多个状态页面、代理支持等。 接下来&#xff0c;我将一步一步教大家如何进行安装和部署&am…

go语言zero框架对接阿里云消息队列MQ的rabbit的配置与调用

在 Go 语言中对接阿里云消息队列&#xff08;MQ&#xff09;的 RabbitMQ 配置与调用&#xff0c;首先需要安装和配置相关的 Go 库&#xff0c;并了解如何通过 RabbitMQ 与阿里云消息队列进行交互。 ### 步骤一&#xff1a;安装 RabbitMQ Go 客户端库 阿里云的消息队列&#x…

AttributeError: module ‘cv2.dnn‘ has no attribute ‘DictValue‘如何解决?

AttributeError: module cv2.dnn has no attribute DictValue如何解决&#xff1f; 出现场景出错原因解决方案 出现场景 当在代码中导入opencv的时候&#xff1a;import cv2&#xff0c;出现&#xff1a; 出错原因 查看大家出现的错误&#xff0c;发现是因为opencv版本问题…

京东e卡 h5st 4.96

声明: 本文章中所有内容仅供学习交流使用&#xff0c;不用于其他任何目的&#xff0c;抓包内容、敏感网址、数据接口等均已做脱敏处理&#xff0c;严禁用于商业用途和非法用途&#xff0c;否则由此产生的一切后果均与作者无关&#xff01; 有相关问题请第一时间头像私信联系我删…

《探索视频数字人:开启未来视界的钥匙》

一、引言 1.1视频数字人技术的崛起 在当今科技飞速发展的时代&#xff0c;视频数字人技术如一颗璀璨的新星&#xff0c;正逐渐成为各领域瞩目的焦点。它的出现&#xff0c;犹如一场科技风暴&#xff0c;彻底改变了传统的视频制作方式&#xff0c;为各个行业带来了前所未有的机…

畅阅读微信小程序+ssm

摘 要 随着社会的发展&#xff0c;社会的方方面面都在利用信息化时代的优势。互联网的优势和普及使得各种系统的开发成为必需。 本文以实际运用为开发背景&#xff0c;运用软件工程原理和开发方法&#xff0c;它主要是采用java语言技术和mysql数据库来完成对系统的设计。整个…

前缀和篇——繁星斗斗数字交织中,觅得效率明月辉光(3)

前言 本篇带来前缀和的最终部分&#xff0c;与之前相同&#xff0c;将结合难度进一步提升的题目进行详细分析讲解&#xff0c;以深化对该算法的理解运用。 一. 和可被k整除的子数组 1.1 题目链接&#xff1a;https://leetcode.cn/problems/subarray-sums-divisible-by-k/des…

【 C++ 入门基础】 —— 双壁传奇C语言和C++的爱恨情仇

C学习笔记&#xff1a; C 进阶之路__Zwy的博客-CSDN博客 各位于晏&#xff0c;亦菲们&#xff0c;请点赞关注&#xff01; 我的个人主页&#xff1a; _Zwy-CSDN博客 目录 1、从C语言到C的进化 1.1、历史渊源 1.2、语法层面的区别和联系 1.2.1、数据类型 1.2.2、函数定…