前端野菜子

本文档介绍了一个微信小程序组件——infinite-scroll，该组件用于实现无限滚动效果，适用于展示如新闻列表、商品列表等需要动态加载更多内容的场景...

JavaScript事件循环机制是一种异步编程模型的核心，其工作原理可简述为：同步代码逐行执行完毕后，事件循环开始从任务队列（包括宏任务队列和微任务队列）中取出任务执行。...

浏览器缓存策略分为强制缓存和协商缓存，两者的主要区别在于是否需要向服务器发送请求验证缓存标识是否有效。...

2023年度关键词：自由、自控、勇敢、幸运、活着。 2024新年展望：内心更加自由、平静，不断为自己赋能，提升自己的专业技能，为自己增添更多随时离开的底气。...

Vue.js 设计与实现—ref原始值的响应式方案 什么是原始值 原始值指的是Boolean、Number、BigInt、String、Symbol、undefined、n...

非原始值的响应式方案 理解Proxy和Reflect Proxy Proxy可以创建一个代理对象，能够实现对其他对象的代理。 代理：对一个对象的基本语义的代理，允许我们拦截...

Vue.js设计与实现—响应式的设计与实现学习笔记（二） 调度执行 调度执行就是让用户可以控制副作用函数的执行时机、次数以及方式 调度器控制副作用函数的执行顺序 打印出来的...

快速Diff算法不同于前面的简单Diff算法和双端Diff算法，快速Diff算法包含预处理步骤，通过对预处理的静态节点进行标记，避免对这些节点进行不必要的比较和更新操作，进...

上一章我们介绍了简单Diff算法。利用虚拟节点的key属性，复用DOM元素，并通过移动DOM的方式来完成更新，从而减少不断地创建和销毁DOM元素带来的性能开销。但简单Dif...

从本章开始，我们将介绍渲染器的核心Diff算法。简单来说，当新旧vnode的子节点都是一组节点时，为了以最小的性能开销完成更新操作，需要比较两组子节点，用于比较的算法就叫作...

vue3大核心模块之一：渲染器（renderer）的实现。什么是渲染器、虚拟DOM、虚拟节点。渲染器的作用是把虚拟 DOM 渲染为特定平台上的真实元素。...

现代移动端网页设计按照 iphoneX（750*1624）的尺寸进行设计的。但市面上的安卓全面屏手机逻辑像素确是千奇百怪的，导致X的背景图片无法适配部分安卓手机。...

你可能不知道的JS异步遍历的方法，结合具体需求实现的异步遍历。内含Promise、forEach、map、for循环、for-of、for-await-of、Promise...

Vue.js响应式的设计与实现学习笔记： 1. 了解什么是副作用函数 2. 实现基本响应式 3. 解决分支切换，遗留副作用函数绑定问题 4. 解决副作用函数嵌套问题 5. ...