远方987

社招高级前端开发面试题目总结，gap 了5个月，先面中小厂，目前面了两家公司，后续会继续更新，一方面做个记录，一方面和面过的朋友一起交流一下...

分享一下社区成员里面的一位朋友这几天的面经，如果你也有不错的面经想要分享，欢迎投稿: 投稿地址 个人背景 末流211本，工作年限近两年，2023年毕业，主要技术栈为：vue...

【前端面经】金三银四即将到来，前端同学看过来！笔者整理了近两年来自己的面试经历，和大家分享一下，给 1-3 年经验的前端同学看机会找工作的小伙伴做一个参考，希望对你们有所帮...

效果图普通轮播图卡片式轮播图堆叠式轮播图普通轮播图普通轮播图-演示普通轮播图-源码思路：如上图所示，假设有三张图片进行轮播，绿色区域是显示区域，其它部分都是隐藏的页面渲染时...

本文带大家实现两个基本的轮播动画效果——头像轮播与弹幕轮播，设计思路是利用 React 的状态管理和定时器，结合 CSS 动画来实现轮播效果。...

通常，当一个元素的样式属性值发生变化时，我们会立即看到页面元素发生变化，也就是页面元素从旧的属性值立即变成新的属性值的效果。css属性transition能让页面元素不是立...

transition只能定义开始状态和结束状态，不能定义中间状态，也就是说只有两个状态。而动画可以是多个状态 间的变化。 动画还有一点不同，它可以自动开始。过渡一般需要通过...

状态管理是前端开发整天遇到的概念，但是大家是否真的理解什么是状态，管理的又是什么呢？ 我们知道，程序是处理数据的，数据是信息的载体，比如颜色是红色或蓝色这就是数据。 那为什...

实现 useScrollTop hook，封装 监听scroll事件、注销事件、节流逻辑、滚动结束等等，本篇文章将带你一步一步实现一个完善的 `hook` 组件。...

一、DeepLink是什么？ 首先给各位同学看一个定义： 可以看到，DeepLink能做的不仅是唤起了当前应用，还跳转到应用中的特定部分。 二、为什需要DeepLink? ...

Solid 框架巧妙地融合了 React 和 Vue 的优点，为开发者提供了一个强大而灵活的工具集，以构建高性能和高度响应的前端应用。...

跨站请求伪造，也被称为 CSRF、Sea Surf 或者 XSRF。它是一种攻击方式，攻击者利用它诱骗受害者代表他们自己执行操作。受害者持有的权限级别决定了 CSRF 攻击...

Content-Security-Policy：内容安全策略 CSP是什么 是一种指定页面能够加载哪些资源的HTTP头，它经常使用的场景包括预防减少XSS攻击、嗅探攻击、页...

SharedWorker 是一个新的Web Worker API，它允许你在多个页面之间共享一个Worker。 SharedWorker 代表一种特定类型的Worker，可...

Flexbox布局的概念 Flexbox布局也叫Flex布局，弹性盒子布局。它的目标是提供一个更有效地布局、对齐方式，并且能够使父元素在子元素的大小未知或动态变化情况下仍然...

又是一年四月天，距离上次发布跨端开发框架深度横评已过去整整一年。 这一年，小程序在用户规模及商业化方面都取得了极大的成功。微信小程序日活超过3亿，支付宝、百度、字节跳动小程...

因为项目中使用到了 WebSocket ，面试官在深挖项目经验的时候提到了这方面的技术，所以就此整理下相关知识，以备后续面试使用。...

React 18 正式版它来啦！一起来看看 React 18 有哪些新特性吧，深入了解 React 18 中的新功能，更进一步了解并发模式的概念！...

本文已收录在Github github.com/Geekhyt，欢迎Star。 从头发的浓密程度和干练的走路姿势我察觉到，面前坐着的这位面试官也是一把好手。我像以往一样，准...