有点想吃手握寿司

本文首发于：https://github.com/bigo-frontend/blog/ 欢迎关注、转载。 一、前言 入职的第一个需求是跟着一位前端大佬一起完成的一个活动项...

Vite 是一种现代化的前端构建工具，由 Vue.js 作者尤雨溪开发。它以其极快的启动速度和热更新能力在前端社区广受欢迎。下面我将详细解析 Vite 的核心实现原理。...

2021 高频前端面试题汇总之手写代码篇，前端面试题汇总系列文章的手写代码篇，长期更新，欢迎收藏、点赞！...

【前端面试复习系列文章】 2024前端高频面试题-- html篇 2024前端高频面试题-- CSS篇 2024前端高频面试题-- JS篇 2024前端高频面试题-- VU...

1. 数据响应式 数据响应式的作用是：数据驱动视图 1.1 数据响应式 Vue采用的是数据劫持结合发布和-订阅者模式的方式，通过拦截对数据的操作，在数据变动时发 布消息给订...

在现代前端开发中，尤其是在使用 Vue.js 等框架时，`nextTick` 是一个非常重要的概念。......

堆(heap)：是堆内存的简称，堆是动态分配内存，内存大小不固定，也不会自动释放，堆数据结构是一种无序的树状结构，同时它还满足key-value键值对的存储方式；我们只用知...

说说你对webpack的理解？解决了什么问题？ Webpack 最初的目标就是实现前端项目的模块化，也就是说它所解决的问题是如何在前端项目中更高效地管理和维护项目中的每一个...

IntersectionObserver使我们能够轻松获取获取元素的交叉状态，实现诸如懒加载、埋点监控、视差滚动等多种场景。 它性能良好，用法简洁。带来了极大的便利和用户体...

很多人一定用过react-loadable，这个库已经很久没有更新了，而且对vite的react项目很不友好，会报错，所以我一般会用react-lazyload来对reac...

当你需要知道可视区内容时候，它可以帮你做监听，相比滚动计算方法更加当高效。 当页面滚动时，懒加载图片或其他内容。 实现“可无限滚动”网站，也就是当用户滚动网页时直接加载更多...

引言 在前端开发中，Promise是一种用于处理异步操作的机制，它可以有效地解决回调地狱的问题。然而，当Promise链中发生错误时，如果没有进行适当的处理，这些错误可能会...

csdn学习 掘金学习 1. 双向绑定的原理 双向绑定是MVVM架构的核心特性之一。在MVVM中，数据发生变化时视图也会更新，视图发生变化时数据会更新。 2. ViewMo...

本篇文章围绕了 CSS 的核心知识点和项目中常见的需求来展开。虽然行文偏长，但较基础，适合初级中级前端阅读，阅读的时候请适当跳过已经掌握的部分。 这篇文章断断续续写了比较久...

实现一个new操作符 实现一个intanceof操作符 手写 Object.create 手写节流 手写防抖 手写浅拷贝 手写深拷贝 手写call 手写apply 手写bi...

最近在面试的时候被面试官问到,如何在vue中获取到最新的DOM元素，瞬间内心狂喜，自信地对面试官说不就是用nextTick嘛。...

缺点:只对行内元素有效,会影响后代行内内容;只有子元素宽度小于父元素才会水平居中。 设置对象上下间距为0，左右自动。 必须定宽,不能设置成auto,并且宽度必须小于父元素。...

1. 父元素：flex flex这个东西简直就是一个神器... 这个时候子元素就会在父盒子内部水平+垂直居中了。 2. 子元素：绝对定位 + margin 给子元素设置绝对...

1、水平居中 1.1 行内元素水平居中 1.2 块级元素水平居中 2、垂直居中 2.1单行文本垂直居中 2.2多行文本垂直居中 2.3 块级元素水平垂直居中...

一、何为三栏布局？ 整个页面呈现为左中右三块的布局 并且要求：主体内容优先加载, 左右固定宽度，中间自适应 有三种满足三栏布局所有要求的写法：圣杯布局，双飞翼布局和弹性布局...