倾半世阳光

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

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

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

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

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

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

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

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

相关进程介绍 三个进程：浏览器进程、网络进程、渲染进程 浏览器进程主要负责用户交互、子进程管理和文件储存等功能。 网络进程是面向渲染进程和浏览器进程等提供网络下载功能。 渲...

node环境 node环境下的事件循环是通过libuv实现，和在浏览器里的事件循环有着很大的区别，其中将每一次轮循分成6个阶段。 六个阶段 timers阶段：执行setTi...

事件循环内容 浏览器event loop遵循HTML5标准. JavaScript 从一开始被创造出来就使用的单线程，这主要与他的用途相关。 如果JavaScript是多线...

强制缓存：根据Expires（response header里的过期时间）判断，浏览器再次加载资源时，如果在这个过期时间内，则命中强缓存，并不会向服务端发起请求，展示为20...

最近组内在学习next.js,里面涉及到客户端渲染和服务端渲染中使用的不同的技术。我把学习过程中了解到的这些技术点逐个进行分析、比较和总结，咱不废话了，开始吧。 CSR（C...

最近发现自己项目使用的依赖库，需要做一些调整。包管理工具是：pnpm。 安装依赖 修改依赖代码 首先执行pnpm pacth命令后，我们找到的对应的文件夹进行修改 .pnp...

在各种短视频界面上，我们经常会看到类似这样的点赞动画： 非常的有意思，有意思的交互会让用户更愿意进行互动。 那么，这么有趣的点赞动画，有没有可能使用纯 CSS 实现呢？那当...

学习掌握css计数器counter的使用，包含两个属性：counter-reset、counter-increment和两个方法counter()、counters()；对...

作为前端开发，平时开发很少去想着使用grid布局，这里可以花点时间了解学习一下，以后再画页面的时候，也许可能更方便一些。本文包含grid容器以及其子项的常用css属性。不足...

最近在做一个后台项目，需要加载一个大型的的文件，一开始这个文件大概有40M，算了下处在公司比较好的网络环境下浏览器下载下来大概得12s左右，然后加载这个文件还得7s左右，这...

1.Vue3.0性能提升主要是体现在哪些方面，2.vue3有哪些新的组件，3.Vue2.0 和 Vue3.0 有什么区别，4.Vue 生命周期，5.都说 Compositi...