李狗旦

前言 Hi～大家好呀。 我是清汤饺子，一个用 Claude Code 写了半年代码的普通前端工程师。 说实话，一开始我也用不太好，就觉得它跟其他 AI 编程工具差不多嘛，问...

大家好，我是神三元，这一次，让我们来以React为例，把服务端渲染(Server Side Render，简称“SSR”)学个明明白白。 这一部分来简要实现一个React组...

web性能说白了就是网站打开速度快不快，页面中的动画够不够流畅，表单提交的速度是否快，列表滚动页面切换是否卡顿。性能优化就是让网站变得快。 在MDN上对web性能的定义是网...

端午已过，继续更新。 ES6常用但被忽略的方法 系列文章，整理作者认为一些日常开发可能会用到的一些方法、使用技巧和一些应用场景，细节深入请查看相关内容连接，欢迎补充交流。...

在 Vue3 成为默认版本后，盘点了 Vue3 与 Vue2 的区别 1、Vue3 与 Vue2 区别详述 2、Options API 与 Composition API...

在现在的前端面试环节中，第二名和最后一名其实没有区别，因为他们只要第一名。所以在每一个问题上都回答到100分就变得非常重要了！...

rem 1、定义 rem（font size of the root element）是指相对于根元素的字体大小的单位。 1rem 等于根元素 htm 的 font-siz...

马上又是金三银四了，又要面对头疼的面试题了。经常容易被问到性能优化相关的问题，没准备的小伙伴进来看看吧，准备了的也可以考虑再熟悉熟悉呀，记忆更深刻一点。...

这是我参与11月更文挑战的第5天，活动详情查看：2021最后一次更文挑战 在执行npm install的时候，就会在当前目录生成一个package-lock.json的文件...

何为前端工程化 前端工程化是指将软件工程的原理和方法应用到前端开发中，以提高开发效率、代码质量和可维护性。随着 Web 应用的复杂度不断增加，传统的前端开发方式已经难以满足...

拓展：seo 1.行内元素和块元素以及空（void）元素 注：img为行元素，但是可以设置宽高 2.页面导入样式时，link和@import的区别 3.title与h1、b...

1.延迟加载JS有哪些方式 2.JS数据类型有哪些 3.null和undefined的区别 4.JS数据类型考题 5.==和===的区别 6. JS微任务和宏任务 7. J...

这篇文章是作者校招实际面试面经，总结笔记好复习。很多知识点就是要背背背，有些面试官就是拿着题库问的。 个人理解的知识点如有错误的地方，欢迎指正讨论共同进步~...

用进化论描述Babel的配置过程，详述配置中的细节；Webpack、Vue/CLI、Vite中使用Babel...

HTTP 基础 HTTP 超文本传输协议 ，应用层协议。主要用于 Web 上传输超媒体文本的底层协议，经常在浏览器和服务器之间传递数据。通信就是以纯文本的形式进行。 HTT...

面试时候，面试官问JavaScript数据类型有哪些？我们要怎么回答？下面剖析JS底层数据类型和堆栈内存 ，欢迎加入讨论学习~~ 一张图展示 JavaScript 内存机制...

常用不可继承属性：  1.宽高:height，width  2.最小最大宽高：max-height,min-height,max-width,min-width  3.di...

为什么 Vite 速度比 webpack 快？之前一直对这个问题不是特别了解，甚至讲不出123....，这个问题在面试中也是常见的，作者在学习的过程当中总结了以下几点，在这...

Webpack 和 Vite 都是前端工程化工具。Webpack 作为老大哥，在前端社区也算站稳了脚跟。随着Vite 的出现，Webpack 的缺陷就慢慢暴露，Vite 逐...

本文梳理JS模块化的历史和现状，不仅介绍不同模块系统是什么，而是深入介绍不同模块系统诞生的原因和解决的问题，阅读本文将为你解开很多JS模块化的疑惑...