风风836

屋里美团的姑娘喊我帮她写前端，忙到凌晨两点的我苦不堪言。为此我写了这篇文章《axios封装》希望他们在未来写出更好的前端代码。...

TypeScript 类与泛型实践 一、泛型的基本概念 泛型是一种可以在定义函数、类或接口时使用的类型参数化工具。它允许我们编写可复用的代码，这些代码能够处理不同类型的数据...

泛型是TypeScript中一个非常强大的特性，它允许我们在定义函数、接口或类的时候不预先指定具体的类型，而是在使用的时候再指定类型，从而增加代码的复用性和类型安全性。...

HTTP缓存机制的基本原理 HTTP缓存机制的基本原理是将请求的资源保存在缓存中，当再次请求相同资源时，直接从缓存中获取而不是重新向服务器请求,这样可以减少网络延迟和带宽消...

介绍 性能优化与调试是前端开发中的重要环节，特别是在处理JavaScript代码时。通过减少重绘和重排、使用节流和防抖技术、以及使用性能分析工具等，可以大大的提高网页性能。...

介绍 设计模式是对一些常见问题进行归纳总结，并针对具体问题给出一套通用的解决办法。前端框架中的设计模式广泛应用于组件化开发、状态管理、数据流控制等方面，以提高代码的可维护性...

CSS 布局技巧汇总 一、浮动（float）布局 原理 浮动元素会脱离文档流，向左或向右移动，直到碰到它的父元素的边界或者另一个浮动元素。浮动元素旁边的非浮动元素会环绕它排...

前端8种常用设计模式：发布订阅模式·单例模式·策略模式·适配器模式·责任链模式·享元模式·状态模式·命令模式...

案例网站一：新闻资讯类网站（语义化良好的例子） HTML 结构分析： 头部（<header>）部分：通常会包含网站的标志（<img>标签结合<a>标签指向首页）、导航栏（<...

一、减少重绘和重排 （一）理解重绘和重排 重排（reflow） 当 DOM 的几何属性（如宽、高、位置等）发生变化时，浏览器需要重新计算元素的几何属性，这个过程就叫做重排。...

介绍 HTML语义化是指使用HTML标签实现视觉效果或布局的同事清晰地表达内容的结构和含义。语义化标签使网页更容易理解和维护，对搜索引擎优化（SEO）和辅助技术（比如屏幕阅...

1.浮动布局 定位布局 弹性盒子布局 布局方式有很多，可以根据布局的需求选择布局方式，有时通过恰当的方式，将他们的属性配合在一起能取得很好的效果...

JavaScript有4种相等比较算法，严格相等比较、宽松相等比较 、同值相等比较、零值相等比较，今天来看看具体差异是什么！...

今天我们将对JavaScript数组进行一个系统性的总结，涵盖所有常用方法以及面试中可能加分的高级方法，全面俯瞰数组的知识点，希望能为你带来新的收获！...

从实例的角度去把执行上下文、作用域链、闭包串起来，少扯概念、理论，层层递进，保证你能顺畅地从头看到尾。...