在多设备时代，响应式设计已成为前端开发的必备技能。本文深入探讨响应式开发的核心原理、现代技术方案和性能优化策略，帮助你构建适应各种屏幕尺寸的Web应用。

在前端开发中，字体文件的加载往往是性能瓶颈之一。本文深入探讨字体加载的原理、常见问题以及优化策略，帮助你构建更快、更稳定的Web应用。

是否需要图片懒加载? 并且一个简单的图片懒加载方案. > 林三心 - 前端展示图片,到底该不该用 img 标签 new Image() 预加载 javascript const img = new Image(); img.src = 'preload.png'; // ...

前言： 现在越来越要求“表面功夫”了，几乎所有的手机端浏览器的滚动条都是Mini版本，近些年来，部分PC端的前端页面的滚动条也开始变得妖艳贱货了起来。这里做下记录方便个人查看 --- [scode type="blue"]必须为webkit内核，即样式前缀需支持-webkit-, 也可配合css选择...

性能优化需求产生原因 前端项目日益加大，并且三大框架Angular, Vue, React导致单页面应用(SPA)大行其道,小程序的日益化也导致现在前端需要优化项目的首次渲染速度。 如何优化，归根结底就是了解一个网页是如何渲染的，一个简单的网页渲染分为两个大步骤 - 文档对象模型DOM - CSS对...

在一开始的学习过程中，我们遇到换行这种情况，大多都是采用强制换行就行。 但是在实际的生产环境中，难免需要考虑单词是否被换行所切割、单词间距、空格等因素。 现在来理一下那些控制文字的CSS3样式 文字种类“常识” C...

简单的几步实现网站的黑暗模式 先贴出官方网站 [Darkmode.Js][1] 简单模式 很简单，甚至只需要三步。

原生JS @Input() src: string; //图片资源地址 @Input() isShowTip = true; //是否展示 @Input() preSize = 100; // 缩略图尺寸 @Input() showSize = 700; //展示尺寸 ...

需求 在页面刚启动时，滚动到指定位置（1秒内，过渡效果） code window.onload = function() { let tempTop = 0; let timeOut = setInterval( () => { tempTop...

web应用的意义 公司计划上线一款样本App，安卓端因为盛和不严格，很容易就上架了，但是万恶的IOS端，一直审核不通过。原因种种，所以需要我前端把现有的网站配合Safari的添加到桌面图标功能伪造一个原生App。 开发步骤 第一步：添加图标到主屏幕 在Safari上点击添加到主屏幕，默认的icon是...