前端簸箕版

最近，远方的朋友毕业了发现找工作很难，于是我建议她直接参与开源项目的贡献，我拿出了自己尘封已久的组件库项目给她，麻雀虽小五脏俱全，还有很多组件可以补充，进一步讲工程化上也有...

基础问答 问：有没有遇到过内存泄漏？怎么排查处理的 答：前端页面上出现内存泄露，使用 Chrome devtools -> memory 工具排查，选择时间轴分配（Allo...

人眼与色彩模型 想要搞清楚不同色彩所带来的效果，我们首先需要了解人是如何如何捕捉和感知不同颜色的。 对于智能设计，我们需要把设计师的经验转换成机器能理解的规则或样本。...

随着前端页面变得越来越复杂，javascript的性能问题一再被诟病。而Javascript设计时就不是为了性能优化设计的，这使得浏览器上可以运行的本地语言一再受到青睐。...

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

在 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...