前端八股文

1.自我介绍还有功能实现2.css3新特性 （选择器，文字特效，圆角radios，transform位移，旋转，缩放等）3.动画实现方式有哪几种（当时只提到了animation来实现，后面知道可以直接贴gif或者canvas和3d引擎来实现）4.如何隐藏一个元素（当时回答了v-show和v-if，emm后边面试官说不是这个的才回答visibility：hiden和display：none，不过其实还可以使用z-index:-1和opacity和scale缩放来进行隐藏）5.是否使用过媒体查询（emm，没听说过，后边了解到是能在不同的条件下使用不同的样式，使页面在不同在终端设备下达到不同的渲染效果。其原理就是允许添加表达式用以媒体查询，以此来选择不同的样式表，从而自动适应不同的屏幕分辨率。）6.css预处理器（less，scss 相同点:变量，继承，嵌套，混入，不同点：更多的数学函数支持单位运算）7.选择器权重8.position属性值，使用已经性能区别（relative，absolute，static，fix，粘性定位）9.js中脚本延迟加载方法有哪几种（promise，setTimeout等）10.作用域有哪些11.es6的新特性有哪些（class类，var，let，const，模块引入，promise，箭头函数，扩展运算符等）12.var，let，const区别13.数组循环方法（for循环，forEach，map方法）14.promise捕获异常从哪里获取15.vue中计算属性名与data中的同名吗（没听说过，不过网上说技术上可以但是不建议，因为有可能会导致混淆与覆盖的问题）16.vue常用的指令17.nextTick18.前端权限控制19.插槽20.具体怎么进行组件的封装呢，前端水印实现逻辑（添加使用 CSS 伪元素或者canvas）21.vue性能优化方法22.反问狠狠地拷打了八股，问了很久但是后边也没有具体下一次面试的消息什么的，堪称一次八股盛宴但是没用下文，唉，只能再慢慢接着再找找看别的工作哩

#我的秋招日记##前端##前端工程师##前端八股文##社招##秋招#

#前端##前端面试##前端面试题##前端八股文##web前端#

1.前端基础的数据类型有哪些  （签到题）2.简单介绍一下es6中的promise对象 （介绍了大概实现思路还有模拟promise具体进程）3.接着上一个promise问题，如果说在请求a，b接口同时还需要请求c接口这一块该如何实现 （一通乱答，后边说是用promise all方法来实现，但具体细节没多说。。。）4.set与map的差异 （忘记了）5.使用es6语法实现数组去重该如何实现 （set方法，还有结合Map和JSON 序列化）6.算法分析，有时间复杂度空间复杂度相关概念吗，数据结构了解得如何 （算法这一块学得确实一般般哈。。。）7.栈和队列相关了解 （栈后进后出，队列先进先出，只了解那么多。。）8.v-show，v-if的差异 （样式级别修改与dom摧毁与重建）9.路由中hash与history模式差异，为什么history会报404 （ # 与seo友好和服务器支持）10.跨域问题 （cors响应头添加access-control-allow，jsonp，nginx反向代理，前端代理，当时只答了前三个）11.跨域问题中cors是在请求头还是响应头设置 （响应头，当时打错了呃呃呃。。。）12.项目细节

我五月也是面试了十几家前端，其实面试官问的问题都大差不差，无非就是一些场景题。 前端已上岸，我之前自己准备整理的场景题合集用不上了，发给有需要的人，放后面啦～

博主有一天向ai问了一个神金的问题：是谁先发现代码需要打包的？^^ 博主没有经过知识污染的大脑就是这样的干净。作为学生，在自己做项目练手的时候，从来都是在开发环境下，很少有接触到生产环境。打包/构建/工程化/模块化/...，这种概念从来没有出现在博主的脑子里。然而八股文要考，于是博主只能硬着头皮理解了。所以这是一个博主在阅读了部分八股文，拷打ai，加上个人理解之后的一篇关于前端工程化的自用总结文章。一、模块化——代码组织的基本法关于前端工程化，我想从模块化讲起。1.1 早期方案早期前端项目规模小，代码直接通过<script>标签引入浏览器。 <!-- 传统的开发方式 --&g...

#前端##前端开发##前端面试##前端八股文##vue##web前端##现在前端的就业环境真的很差吗##牛客创作赏金赛##牛客激励计划#

一、准备原则：围绕项目，深挖思路在前端面试中，项目经验往往是切入技术能力、架构理解和解决问题能力的重要入口。因此，项目准备不只是“做过什么”，更重要的是能完整、清晰、逻辑性强地表达出来自己在项目中的角色与技术决策，即便项目是模拟的、未完全实现也无妨，关键在于你是否能讲清楚每个功能点的实现方式与原理。二、准备内容结构1. 功能拆解：你做了什么、每一块怎么做的逐个功能点梳理：示例： 我们做了一个权限控制模块，前端用路由守卫和按钮级别权限控制实现。使用 Vue Router 的 beforeEach 守卫，在用户登录后加载权限列表，动态生成可访问路由。同时通过指令封装 <permission-...

#前端##前端开发##前端面试##前端八股文##现在前端的就业环境真的很差吗##面试##面经##面试问题记录##web前端#

谁会啊谁会啊谁会阿

#牛客创作赏金赛##web前端##现在前端的就业环境真的很差吗##面经##前端##前端开发##前端面试##前端八股文##前端技术面试##现在前端的就业环境真的很差吗#

这个技术面感觉像是api面，流程很短而且也没怎么问技术基本问上一个公司的情况和学习方法这些东西但是面试小姐姐很温柔也很有耐心，还是太菜了没能等到下一轮面试QAQ。。。1.自我介绍2.上个公司情况2.重绘和回流，哪些操作引起重绘哪些是回流3.防抖与节流4.小程序端问题5.小程序适配6.vue框架源码与原理是否有学习7.反问

#前端##前端开发##前端面试##前端八股文##现在前端的就业环境真的很差吗##牛客创作赏金赛##面试##面试问题记录##面经##前端面经#

其实这个可以当计算机基础（八股）考 也可以当写题（发布订阅）也可以结合项目聊（显得有思考）其实熟悉设计模式应该对你阅读一些常见库的源码有帮助本文将系统性介绍前端开发中常用的设计模式，结合实际应用场景，帮助你掌握从抽象思想到实战落地的能力。一、单例模式（Singleton Pattern）模式概述保证一个类仅有一个实例，并提供一个全局访问点。典型场景Vuex/Redux 的 store 实例全局弹窗（Message、Modal）组件配置管理（如全局主题、国际化配置）示例 const GlobalConfig = (function () { let instance; function crea...

#前端##前端八股文##前端开发##前端面试##web前端##现在前端的就业环境真的很差吗##牛客创作赏金赛##牛客激励计划##前端技术面试#

通过对网上公开的CSS面试题进行处理和分析，统计出了常见的面试真题出现的年份、公司、出现概率等信息。帮助大家求职复习的时候，更有针对性。由于篇幅所限，这里仅列出前15题，答案和更多题目，可以看 八股精 网站1. CSS盒模型是什么？包含哪些部分？出现年份：2025,2024,2023,2022 | 出现概率：11.17% | 公司：中软国际, 智谱华章, 字节跳动 等57家公司2. 介绍下 BFC 及其应用出现年份：2025,2024,2023,2022 | 出现概率：7.56% | 公司：某快消服装头部万人厂, 智谱华章, 字节跳动 等42家公司3. CSS中的position属性有哪些值？...