牧云云

现如今的页面越来越复杂，一个页面往往承载着大量的元素，最常见的就是一些电商页面，数以万计的商品列表是怎么保证渲染不卡顿的，大家在面对这种长列表渲染的场景下，一般都会采用分页...

本文主要介绍DevTools 中的Memory Panel，可以查看当前网页的内存分配情况，用来排查内存泄漏问题...

你是否为项目核心页面缺少标准化的开发规范和流程、代码冗余耦合严重而无从下手？ 你是否为项目中多人或多个团队跨团队协同开发一个页面功能而烦恼？ 你是否为项目复杂页面缺少端到端...

本文正在参加「金石计划 . 瓜分6万现金大奖」。 众所周知，函数节流（throttle）是 JS 中一个非常常见的优化手段，可以有效的避免函数过于频繁的执行。 举个例子：一...

在 React 中优雅的使用长按事件；长按事件的实现；长按复制功能；长按选择功能；封装 hoc、layout；...

一、MemLab简介 上周，Facebook母公司Meta 宣布了开源 MemLab，一个基于 Chromium 的浏览器的 JavaScript 应用程序内存泄漏监测工具...

一般的 CSS 代码只会出现 UI 版式或者兼容性方面的小问题。但这里我们要分享一行有趣的 CSS，它可以直接让你的 Chrome 页面挂掉 :) 其实这台机器只有 8GB...

前言 大家好，我是飞叶，一个前端UP主， 今天分享一篇最近看到的文章。 当然我也录了视频，不愿意看文章的，可以看视频 Web的未来是Edge 在最开始，在瑞士的一张桌子上有...

推荐 7 个不错的开源项目，这 7 个项目都是公众号「逛逛GitHub」的粉丝推荐，如果你开源了不错的项目或者有推荐的项目，欢迎在公众号留言。...

前言 在最近的一两年，会发现元宇宙、Web3等词频繁出现，而各大厂也在布局元宇宙相关的赛道，比如虚拟世界元宇宙、VR、数字藏品等等。而国内的数字藏品在最近的几个月发展中，表...

那天在B站看视频的时候偶然发现当字幕遇到人物的时候就被裁切了，不会挡住人物，觉得很神奇，于是决定一探究竟。...

主要功能 1、进入页面自动触发发送短信验证码； 2、手机系统如果支持自动识别短信验证码，就自动填充； 3、支持手动输入短信验证码； 4、点击数字框，弹起数字键盘，输入数字后...

Chrome DevTools 是我们每天都用的工具，它可以查看元素、网络请求、断点调试 JS、分析性能问题等，是辅助开发的利器。 今天不讲怎么使用它，而是讲一个好玩的方向...

作为前端开发，我们每天都会用 Chrome DevTools 调试 Chrome 的网页，但其实它还可以远程调试安卓手机的网页。 那 Chrome Devtools 如何远...

在开发App的过程中我们会用到各种图标，经实践发现一个问题，在React Native中使用图片来显示图标加载会非常慢，经常出现图标留白，半天才加载出来的情况。这种时候使用...

单行忽略(添加到特定行的行前来忽略这一行的错误)//@ts-ignore跳过对某些文件的检查(添加到该文件的首行才起作用)//@ts-nocheck对某些文件的检查//@t...

这几天在研究如何快速搭建 RN 组件库，刚好公司组织分享，于是整理了一份 PPT，在这里和大家一起讨论下。 一方面，就组件库本身而言，它能提高开发效率，降低维护成本，代码复...

事件系统，业务开发中只要需要与用户进行交互，那么事件是必不可少的，dom 中存在很多事件，比如 click，scroll，focus 等等。我们将深入事件系统中，以及事件中...

现如今 Web 前端的主流 UI 框架都是 React 和 Vue，以及 Angular，这些框架主流的做法都是在客户端基于 JS 来完成 HTML 内容结构的渲染。对于一...

今天要介绍的是袁川大佬的css-doodle项目，这是一个持续更新多年的优秀开源项目。早在2019年的css-conf上，我就有幸听过袁川老师介绍这个项目，当时就感觉挺惊艳...