前端簸箕版

性能优化是每一个工程师都必不可少的能力，只有把更多的细节优化放在日常开发与设计中，才可能尽量延缓一个持续迭代的系统成为巨石应用，而导致后续优化无从下手。...

在 CSS 中，存在许多数学函数，这些函数能够通过简单的计算操作来生成某些属性值，例如在现代 CSS 解决方案：CSS 数学函数一文中，我们详细介绍了 calc()：用于计...

0毫秒意味着没有延迟，所以本应直接执行console.log('cccc')，但是......

前言 在现代 Web 应用中，页面性能直接影响用户体验和业务发展。我们近期对列表页进行了一次全面的性能优化，旨在提升用户访问效率，提升用户满意度。 接下来，将为大家详细分享...

话说，我在面试的时候，80%的情况下，都会被问到首屏优化问题，烦，恨~ 所以，看到这里的前端佬就有福了，如题，藏着个小小的知识点，大家如果遇到同样情况，说不定有作用哦！ T...

背景 某天，闲着没事干，打算对之前写过的一个C端优惠弹窗的代码进行重构，之前写的时候思考不成熟，虽然能用，但从代码角度和前期设计角度来说是有很大缺陷，也不方便维护，具体UI...

前言 最近在将包含mysql的项目打包成镜像的时候，感觉mysql的镜像是真的大，拉取下来要很久。 就在想是不是可以换成sqlite，我的印象中对sqlite的印象就是它占...

本文介绍了使用Node.js和LLM搭建简易AI代码审查系统的方法，包括设计AI应用思路、提示词、NodeJS与LLM结合分析代码、AI Code Review实现步骤、核...

一.前言 在日常开发中，我们经常会用到各种脚手架工具，如常用的vue和react脚手架工具：vue-cli、Create React App。只需要执行内置命令和选择内置条...

不是说因为我们写得多牛，而是我们从第一天就立了 5 个基本工程约束，这些规则不是高深技术，而是**工程底线**。坚持这几个点，不一定能写出完美代码，但至少能避免那种“越写越...

本文目的主要是想记录下webp图像的兼容性判断 生成1px的正方形透明的webp图片 该步骤目的是为了获取一个1px x 1px的透明webp图片链接 最后能得到一个bas...

Webp 是由谷歌在 2010 年 9 月发布的一种用于 web 端支持有损和无损压缩的图片格式（同时也支持动态图片和透明度）。...

背景 用 Monaco Editor 实现差异对比工具，理由是他是微软开源的，功能强大，并且他是为 VS Code 提供动力的代码编辑器。 演练场：Monaco Edito...

前段时间，我推出了 1-1 私聊沟通服务。和我 1-1 微信语音（或腾讯会议）聊天，我现场解答问题。 想通过我个人这么多年的工作、面试、讲课的经验和教训，帮助那些有技术干货...

作为一名前端开发者，我们一定都遇到过这样的需求：实现一个占满整个屏幕的欢迎页、弹窗蒙层或者一个 fixed 定位的底部菜单。 直觉告诉我们，这很简单，给它一个 `heigh...

背景 开发过程中，遇到了一个js循环依赖的情况，由于在debug过程中，没有特别关注到引用的逻辑问题，导致该问题花了点时间才发现，故此写文章记录下 如图所示 案例 文件结构...

文章简单记录下，小程序自定义tabbar结构设计优化，导致的多页面代码变更的问题，和解决思维的变化 背景 全局layout组件有个error-page样式会覆盖住自定义ta...