Yyyyan

随着我们解决的场景越来越专业化和复杂化，大型SPA应用的流行，前端承担的职责越来越多。代码的质量和系统的完整性越来越难把握。很容易导致迭代着迭代着发现代码改不动了。最后只能...

团队开始前端错误监控方向的开发。经历了一些列的迭代和发展，从监控SDK、上报、数据治理、看板集成、APM自研可视化初步完成了一条完整且适合B站前端监控。...

我们在浏览网站时，尤其是一些国外网站的时候，经常会出现这样的弹框，提醒你接受全部Cookie；如果不接受，有些弹框甚至会一直出现，不让你访问；那么这个弹框为什么要出现呢？对...

介绍一个比较常见的动画效果。 在日常开发中，为了强调凸显某些文本或者元素，会加一些扫光动效，起到吸引眼球的效果，比如文本的 或者是一个卡片容器，里面可能是图片或者文本或者任...

这是我对VSCode的一次小小的改造，或许惊艳、或许失望、或许你会喜欢它，或许你会不喜欢它，whatever~...

CSS 主要用于设置网页的视觉样式，包括布局、颜色、字体和其他设计细节。它使得网页设计与内容分离，从而提高了网页的可维护性和可重用性。 🌞 今天我将分享一些有用的 CSS...

为什么vue:deep、/deep/、>>>样式能穿透到子组件 在scoped标记的style中，只要涉及三方组件，那deep符号会经常被使用，用来修改外部组件的样式。 不...

2024.08.31 更新前端面试问题总结 获取更多面试相关问题可以访问：https://github.com/pro-collection/interview-quest...

作为前端技术的重要衡量指标之一，首屏渲染效率无疑前端老生常谈的话题了。这篇文章就来聊下如何在常见的H5环境下，做到页面秒开。...

项目重新安装依赖以后，突然无法重新提交代码了, 纳尼！！！！ 基础环境 报错信息 从报错结果分析， 是配置了 pre-commit 钩子，执行了什么动作， 然后提示，无法提...

春风又绿基金池，明月何时把钱还！大家好，最近我在看一些关于图形学的东西，写了个一笔画手势识别的小 demo，如果你是初次看过肯定会觉得很有意思，哈哈，我也是这样的。话不多说...

在开发组件库或者插件，经常会需要进行全局异常处理，从而实现： 全局统一处理异常； 为开发者提示错误信息； 方案降级处理等等。 那么如何实现上面功能呢？ 本文先简单实现一个异...

瀑布流虚拟列表前置篇，分析小红书瀑布流特点，实现不定高卡片的瀑布流组件并且实现触底加载更多以及响应式布局...

本文通过对webpack5的module federation的相关配置，对打包后代码进行梳理，了解其运行时的相应状态，在从源码出发，简易的对webpack federat...

一个小小的hover效果让我学到了很多,可能是因为我太菜了吧,长期都是各种组件库来回引用,导致技术停滞不前,希望各位不断学习,不然像我一样想跑路都跑不掉....

Shopify主题开发、Shopify应用开发。本文旨在介绍Shopify开发入门、环境、配置等，帮助开发者配置环境、了解各个开发模式的区别及用途；本文5k字+，图片、链接...

阅读本文可以学会使用release-it自动管理版本号以及生成changelog，快点儿行动起来吧！...

浪费带宽，如果用户仅仅观看了一个视频的前几秒，可能已经被提前下载了几十兆流量了。即浪费了用户的流量，也浪费了服务器的昂贵带宽 需要注意的是，普通的mp4格式文件，是无法通过...

前端视频文件的分片加载，边加载边播放，mediaSource blob range 技术的实现，mp4视频的加载....

效果 先来看看效果：(如封面👆) 准备工作 准备两张反差或变身图 原理 根据鼠标事件mousedown、mousemove、mouseup来改变其中一张图的css cli...