前端学习

牛客看了太多面经了，回馈一下各位一面常规八股全文背诵45min(11.28)OSI七层模型http和https的区别https握手过程http状态码http缓存options请求手写JSONP浏览器的进程JS为什么是单线程事件循环let和constbind、call、applycss的单位， %单位参考的是谁Fiber架构组件通信方式useEffect第二个参数手写两栏布局判断链表有环智力题：用一枚硬币设计一个公平的游戏45分钟一面完第二天打电话约2面二面55min主要是项目和工程化(11.30)项目相关前后端认证方式webpack版本区别plugin和loaderhooks的优点前端性能优化...

1. axios概念 axios是一个基于Promise的HTTP客户端，可以用于浏览器和Node.js环境。axios支持所有现代浏览器和Node.js，可以用于发送GET、POST、PUT、DELETE等HTTP请求，并且支持请求和相应拦截、自动转换数据格式等功能。 2. Axios的核心 1.Promise 基础： Axios 基于 Promise，这意味着所有的请求都是异步的，并且可以使用 .then 和 .catch 方法来处理成功和失败的情况。 2.请求配置： 每次发送请求时，可以传递一个配置对象，包含 URL、方法、请求头、请求体等信息。 3.拦截器： Axios 支持请求和响应...

待业大学生，目前在找工作，学习前端，一个人学习不太能坚持，想找前端学习搭子，可以互相交流学习。

在现代前端开发中，状态管理是一个至关重要的方面。尤其是在大型应用中，如何高效、清晰地管理状态不仅影响着代码的可读性和可维护性，还对应用的性能有直接的影响。在 Vue3 中，Vuex 和 Pinia 是两种主要的状态管理库，这两者各有不同的设计理念和使用方式。 1.vuex Vuex 是 Vue.js 官方的状态管理库。它采用了 Flux 的思想，提供了一个集中式存储，允许组件以不同的方式共享状态。Vuex 的核心概念包括 State、Getters、Mutations 和 Actions。 其中： 1.State: 应用的状态存储。 2.Getters: 类似于计算属性，用于计算基于状态的派生...

1.git 概述 Git 是一个分布式版本控制系统，用于跟踪文件的变化，尤其是程序代码的变化。它由 Linus Torvalds（Linux 操作系统的创建者）于 2005 年开发。Git 允许开发者在本地创建代码仓库，进行文件修改、提交等操作，直到准备好与远程仓库同步。Git 提供强大的分支管理功能，可以在不干扰主分支的情况下开发新功能或修复 bug。 Git 与其他版本控制系统的区别 集中式版本控制系统（如 SVN）：所有的代码版本保存在一个中央服务器中。每次操作都需要连接到服务器。 分布式版本控制系统（如 Git）：每个开发者的工作站都有完整的代码历史记录，可以脱离服务器工作，直到需要同...

promise,是异步操作（读取文件，发起网络请求）的一种解决方案，解决了回调地狱（传统的解决方案）的出现。 1.回调地狱 在异步编程的领域中，回调地狱是一个经常困扰开发者的难题。它的产生源于回调函数的过度嵌套，从而导致代码结构变得错综复杂。当一个回调函数内部嵌套另一个回调函数时，就像是在一个盒子里不断嵌套更小的盒子，层层深入。 例如，假设我们要模拟发送三个异步请求，并且第二个请求依赖于第一个请求结果中的某个特定值作为参数，第三个请求又依赖于第二个请求结果中的某个值作为参数。如果使用传统的回调函数方式，代码可能会呈现出如下的形态：  function fn() { setTimeout(fun...

1.闭包 闭包是 JavaScript 中的一个核心概念，它允许函数访问其定义时的词法作用域中的变量。这种特性使得闭包在数据封装、回调函数、模块模式等场景中有着广泛的应用。 1.1 闭包的定义： 闭包是指有权访问另一个函数作用域的变量的函数。在JavaScript中，闭包可以通过函数嵌套和变量应用实现。 function a() { let x = '我在outer函数里!'; function b() { console.log(x); } return b; } const c = a(); c(); // 输出: 我在outer函数里!  在这个例子中，b函数引用了x变量，因此JavaS...

已经拒了一面电话面全程45min，面试官很nice自我介绍为什么学前端，什么机遇接触前端。学习前端的渠道方式。介绍一下HTML5语义化盒模型CSS权重介绍伪类和伪元素，区别项目中flex布局检测怎么做的。JS数据类型判断数据类型的方式数组去重。算法复杂度的了解。了解SEO吗介绍各浏览器内核。项目中负责的工作。你们公司用到的组件库是内部自己的还是有用第三方的。项目中如何识别设计稿中的节点运用了哪个组件库。做项目过程中遇到难点是怎么去解决的。反问：公司部门技术栈，主要业务是对内还是对外，开发流程写这个面经突然来了电话，直接开始二面，二面就聊了10分钟，面试官很风趣幽默。自我介绍题外话哈哈哈：git...

JS的变量提升指的是代码在执行前会将变量提升到作用域的顶部，仅存在var声明变量中。 console.log(num + '件') // undefined var num = 10  只提升生命，不提升赋值。 上段代码类似于 var num; console.log(num + '件') num = 10;  在函数作用域中也同样遵循该规则。 注意 1、let/const声明的变量在未声明即被访问时会报语法错误。 2、变量在var声明之前即被访问，变量的值为undefined。 3、let/const声明的变量不存在变量提升。 4、变量提升出现在相同作用域中。 函数提升 // 1、会把所有函...

在前端开发中，处理频繁的事件触发是一项常见任务，例如窗口的 resize、页面滚动的 scroll 事件、用户输入的 keyup 或 keydown 事件等。如果不加以控制，这些事件会频繁触发，从而导致性能问题。因此，防抖（Debounce）和节流（Throttle）这两种技术就显得尤为重要。本文将详细介绍防抖和节流的概念、区别、应用场景以及实现方法。 1.防抖 1.1 防抖概念 防抖是一种延迟执行的技术。它的原理是，当事件被触发时，延迟执行事件处理函数，并且在延迟时间内如果事件再次被触发，则重新开始计时。只有当事件在指定的时间内没有再次触发，事件处理函数才会执行。这样可以避免某些高频率的操作...

在法国当程序员是什么体验？最近看新闻，法国热度很高呀，很多人考虑去法国旅行，学习，甚至是去工作，理想哥之前在某大厂工作的前同事，有一些现在正在法国干前端，真羡慕他们呀，最近和他们聊了聊在法国当程序员的体验，感触挺多的，给大家分享分享。先说说大家最关心的薪资问题吧，在法国做程序员很清闲，几乎没有加班，压力很小，薪资比较平均，但要比一般行业高，相比中国和美国确实低很多。我们以巴黎为例，法国的税比较高，基本上要扣30%左右税，所以，我们接下来说的都是税后工资。刚毕业的应届生，年薪大概在20-25万人民币左右，工作3到5年，大概能到30万到35万，超过5年，如果能到一些小公司CTO的水平，大概能给到4...

🤡 最近在做关于前端学习体验的一些调研~💁 想了解大家在平常学习过程中有那些通用的痛点和诉求，以及我能做点啥🤯 比如现在你感到最困惑且希望提升的领域是？

本人是前端开发方向，决心要提高一下自己的代码质量，因为实习没有好好上课，对设计模式很生疏，大佬们有没有推荐的学习路线，课程或者项目呀

来自前端的小伙伴为你规划了他的学习曲线：学习网站统一推荐哔哩哔哩，腾讯课堂等平台基础篇：课程推荐渡一第一阶段：基础技能学习HTML：学习超文本标记语言，这是网页的基础。了解HTML的基本结构，标签的含义和用法，通过创建简单的静态网页来加深理解。CSS：学习层叠样式表，掌握CSS选择器、盒模型、布局、动画等基本概念和用法。通过修改网页样式，提升网页视觉效果和用户体验。JavaScript：学习JavaScript基础语法，理解变量、函数、事件、DOM操作等核心概念。通过编写简单的交互效果，增强网页的动态性和交互性。第二阶段：进阶技能学习前端框架：学习主流的前端框架，如React、Vue或Angu...

前端埋点数据怎么上报？，这是一道前端面试非常高频的面试题，但是很多同学在面试时候都回答不完整，老规矩，点赞收藏支持一下，给我一分钟，理想哥教大家该怎么满分回答这个问题如果我是求职者，我会这么回答：目前常见的方案有以下四种：第一种，基于ajax的埋点上报。前端可以和后端约定一个接口通过ajax去进行数据上报。这种方式的优点是可以灵活地设置请求头属性，post请求可以发送大体量数据，满足特定场景的埋点需求。缺点是可能会存在跨域风险，当页面销毁时的监控埋点大概率会上报失败。第二种，基于Image的埋点上报。前端通过创建一个Image对象，将要上报的数据作为URL参数拼接到一个1x1像素的透明图片sr...

测试一年多，感觉未来上升空间有限，有转前端的想法。css、html、js之外还要具备什么技术能找到工作？各位大佬指教一

什么是多媒体查询？多媒体查询是 CSS3 的一个特性，它可以让你根据不同的媒体类型和设备特征来应用不同的样式规则。例如，你可以针对屏幕、打印机、语音等媒体类型，或者针对视口宽度、高度、方向、分辨率等媒体特征来定制你的网页或应用程序的外观和布局。²多媒体查询的语法如下： @media not|only mediatype and (expressions) { /* CSS 代码... */ } 其中，not 和 only 是可选的逻辑运算符，用于否定或限定整个查询。mediatype 是指定的媒体类型，如 screen 或 print。expressions 是指定的一个或多个媒体特征，如 w...