emo猫pro_max

Hello,我是Xc,一位因antfu结缘开源的前端菜鸟,今天和大家分享最近用vue3+ts+vite3做的一个小游戏项目【兔了个兔】。...

script标签引入文件 在html中，script标签可以通过src属性引入一个js文件，引入的js文件可以是本地的，也可以是远程的。 1. 引入本地文件 开发环境一般多...

一、浏览器渲染基础：关键渲染路径解析 当浏览器加载网页时，遵循以下关键步骤： HTML解析 → 2. DOM树构建 → 3. CSSOM构建 → 4. 渲染树构建 → 5....

使用antd v5.5 的table组件，dataSource 是服务端给的数据，columns是固定的 渲染后报错 Warning: Each child in a li...

127.0.0.1 和 localhost 的区别：为什么有时候一个能用，另一个却不行？ 刚开始做 Web 开发的时候遇到一个奇怪的问题：有时候用 localhost:30...

问题描述 面试官：后端一次性返回10万条数据给你，你如何处理？ 我：歪嘴一笑，马上给后端发生一百万次请求，干蹦他的服务器，让他给爷哭！ 问题考察点 性能优化意识（能否识别出...

前端自己本地是配置不到 Nginx 的，需要有服务器权限（一般是运维 / 后端部署同学来搞）。但是现在是什么时代，现在是一个人即一个公司的年代，是什么时代，反正不是以前那种...

找对象真的太难了，我不由地发出这个感慨。但其实说着也奇怪，明明我每天两点一线，上班了去工位、下班了回宿舍，根本没有其他社交，但我为什么还会发出这样的感慨呢？...

相信不少前端同学对 Chrome 扩展插件并不陌生：比如能屏蔽广告的 Adblock、自定义标签页的 Infinity 新标签页、格式化 JSON 的开发小工具、截图工具，...

面试官翘着二郎腿，掀了掀眼皮，语气轻飘飘地问我： “Vue3 的 Teleport 用过？” “嗯……做弹窗的时候用过，能把内容挂 body 上。” “那你知道它是怎么做到...

最近，我在我们前端团队里推行了一个“强制性”的规定：所有新项目，必须使用pnpm作为包管理工具；所有老项目，必须在两个月内，逐步迁移到pnpm。 这个决定，一开始在团队里是...

有时候我们发了新版，结果用户看到的还是老界面。 你：“我更新了啊！” 用户：“我这儿没变啊！” 然后你俩开始互相怀疑人生。...

讲解面试常见的flex:1和flex:auto的区别。其实这两个属性的差异藏在细节里，今天我们就从 “原理拆解→场景对比→误区避坑” 三个维度，彻底搞懂它们的区别，让你在项...

前言 react-router 更新到v6版本应该有好一段时间了，但是v6自己也没真正去实践过，用过v5版本的都知道如果配置路由守卫、拦截等或者像vue那样的路由数组的话是...

Page Visibility、Web Share、Broadcast Channel 等 10 个被忽视却极实用的 JS API，能一键实现跨标签通信、懒加载、取消请求等...

产品姐：“怎么有的图片预览可以保存成功，有的却提示保存失败？” 我：“不能够呀，正常图片应该没问题的哇” 产品姐摇摇头：“那这个二维码你给我保存下。” 我长按——“图像保存...

<script>标签不就是写 JavaScript 代码的地方吗？ 没错！可是你知道它的async和defer属性是用来干嘛的吗？crossorigin属性有什么用？为什么...

在前端开发中，搜索框的实时搜索功能是一个常见场景。用户输入文字时，每输入一个字符就发起搜索请求。但这里存在一个潜在的竞态问题：如果后发起的请求比先发起的请求更快返回，可能会...

开头的一些废话 当老板找我谈话，说想让我带前端团队的时候，说实话，我第一反应是“完了”。 以前自己写代码，好坏都是自己的事，代码烂了，加班补上就行。但带团队，感觉完全是另一...

Vue实现一个“液态玻璃”效果登录卡片 效果介绍 液态玻璃（Liquid Glass）是一种极具现代感的UI视觉风格，常见于高端网站和操作系统界面。它通过多层叠加、模糊、光...