NnnLillian

使用 `Range` 的方式来实现文本截断的判断技巧，并且相比于 `scrollWidth` 的判断，有哪些优势...

需要经常处理git，记录一些有点儿麻烦但是有用的。包括“单独文件回滚”、“分支文件拆分” 以及其他正在更新中...

React 的 useEffect 执行顺序是“自下而上”，即先执行子组件的 useEffect，再执行父组件的 useEffect。...

开发过程中，直接使用svg做一个loading组件，却在使用时偶现异常效果，此时需要注意！SVG 文件之间的相互影响...

e.stopPropagation() 和 e.preventDefault() 是 JavaScript 事件处理中两个关键方法，它们的核心区别在于作用对象和场景...

在Flex布局中，min-width: fit-content导致子元素超出父容器的原因，与Flex布局的默认行为和fit-content的特性密切相关。...

使用@tanstack/react-query，遇到奇怪问题，仔细探究后发现是react-query的缓存机制引发；循序渐进方法逐步探究原因，发现一切都有迹可循。...

Lodash 的 _.includes 和 JavaScript 原生的 Array.prototype.includes 虽然功能相似，但在使用场景、参数设计和底层实现上...

webpack是一个打包工具，他的宗旨是一切静态资源皆可打包。有人就会问为什么要webpack？webpack是现代前端技术的基石，常规的开发方式，比如jquery,htm...

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！...

前言 性能优化，一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中，总能摸到很多有普适性的规范或者优化理...

前言 本人2年半左右的工作经验，第一份工作是出差比较多（低代码定制化项目，政府、军工、工业等）+ 低代码，第二份是教育行业 Saas 后台和h5相关，干了半年多被裁员了。 ...

以 前端领域 的知识为重点，并且本文内容超多，建议先了解主干，然后分批次阅读。 这篇文章真的写了好久好久…...

之前说到HTTPS，在我的概念中就是更安全，需要服务器配置证书，但是到底什么是HTTPS，为什么会更安全，整套流程又是如何实现的，在脑子里没有具体的概念。所以，我花了几天的...

让我们从底层原理开始，探究讨论为什么要用 useCallback，以及是否真的有必要使用它。useCallback 的教科书级应用场景...

白屏？可能是打包问题，快来看看webpack各项设置。Hash 类型混淆？构建环境中的变量污染？依赖版本或构建工具链不一致？还是配置中的非确定性因素？...

Web Worker为前端带来了后端的计算能力，十万、百万条数据都是弟弟…… Web Worker扩大了前端的业务边界，减轻了因大量计算造成的UI阻塞...

flex:1是？ flex: 1 是 flexbox 布局中的一种简写，表示一个弹性项目（flex item）在容器中如何分配剩余空间。...

背景 前置文章：浏览器: cookie机制完全解析 在考虑token是否应该存储在cookie或localStorage中时，我们需要综合考虑安全性、便利性、两者的能力边界...