倾半世阳光

前端面试，以及任何技术岗位的面试，都离不开项目，这是必考题。简历中要写项目，面试时要聊项目。 基础知识、八股文、原理源码等这些，都是可以通过学习甚至背诵来补齐的。但项目不行...

单点登录是什么？你是怎么理解的？单点登录是如何实现的 普通登录 提到单点登录，首先可以想到传统登录，通过登录页面根据用户名查询用户信息，判断密码是否正确，正确则将用户信息写...

作为前端开发，我们有必要关注我们各个客户端的性能指标，比如白屏时间，最早可交互时间等。 通过性能指标的监控，就能知道我们当前页面性能如何，与竞品相比有哪些差距。本文会介绍常...

对于前端页面来说，静态资源的加载对页面性能起着至关重要的作用。本文将介绍浏览器提供的两个资源指令-preload/prefetch，它们能够辅助浏览器优化资源加载的顺序和时...

今天讲的三个属性都是在 link 标签上使用的，使用形式如下： 初看起来，这三个属性设置起来比较简单，但是如果使用得当，效果却会非常棒。比如 奈飞 通过使用 prefetc...

数组方法自己实现 forEach、filter、map、every、some、find、findIndex...

前言  之前的文章有写过九宫格抽奖功能【 Vue3实现九宫格抽奖功能 】， 有兴趣的可以看一看给个赞啥的，今天我们看看如何实现一个转盘抽奖功能。  之前公司也写过转盘抽奖功...

一、写在前面 相信各位小伙伴在实际做业务的时候都遇到过「大文件上传」的场景。在这种场景下，我们不能直接将大文件直接丢给服务器进行处理，这会对服务器的性能产生巨大的影响，并且...

作为一名前端开发者，如果你还没有使用过 babel 那么会有点落伍啦~说到 babel ，会有一系列的名词出现……...

零门槛！一文揭开前端自动化部署的神秘面纱，从宏观层面讲解前端项目发布的必经阶段。跟大家一起走进前端的基建工作，入门 Devops 领域，看看前端发布平台应该怎么做！...

哈喽！这篇文章来到了整个前端发布平台的核心——自动化部署的实现。本文将分享通过后端跟jenkins之间交互，完成前端项目的自动化部署的业务功能。笔者手把手，大家跟着走～le...

watch的本质就是观察一个响应式数据，当数据发生变化的时候，通知并执行相应的回调函数。 实际上，watch的实现，本质上就是利用了effect和options.sched...

-> 本文只针对vue3的设计与实现进行展开。后续称vue computed的实现 调度执行 在讲解计算属性computed之前，我们需要先了解一下调度执行的概念，其实很简...

写了这么多篇关于 TCP 和 UDP 的文章，还没有好好聊过这两个协议的区别，这篇文章我们就来开诚布公的谈一谈。 关于 TCP 和 UDP ，想必大家都看过一张这样的图。 ...

vue响应系统 响应式系统的实现 首先需要先介绍一下副作用函数。 响应式实现的目标是：当数据发生改变的时候，页面会展示最新的结果。下面的例子并不会有这样的效果。effect...

防抖节流 防抖 防抖（Debounce）是指在事件被触发 delay 时间后再执行回调 function 函数，如果在这设置的 delay 时间内事件又被触发，则重新计时。...

2023年了，前端面试真的是越来越卷，以前都不喜欢记题目，现在得改改了，该背的背，该记的记，要多多总结，争取找一个满意的坑位。...

XSS Cross-Site Scripting（跨站脚本攻击）简称 XSS， 攻击是页面被注入了恶意的代码. XSS 攻击有两大要素： 攻击者提交恶意代码。 浏览器执行恶...

资源加载优化 资源越快加载完成，用户就能越快的看到页面，随着社会的发展，手机越来越好，网络也越来越快，但是，不要轻易忽视用户真实的网络环境。我们所做的任何优化，都有它的价值...

重排 更新了元素的几何属性 从上图可以看出，如果你通过 JavaScript 或者 CSS 修改元素的几何位置属性，例如改变元素的宽度、高度等，那么浏览器会触发重新布局，解...