快乐的小前端

文档Sass：Sass基础 1.变量 1-1 声明变量 $ 1-2 变量引用; 1-3 变量名 变量名使用中划线或下划线都可以，这两种用法相互兼容这意味着即使compass...

跨域问题及解决方案 同源策略及跨域问题 同源策略是一套浏览器安全机制，当一个源的文档和脚本，与另一个源的资源进行通信时，同源策略就会对这个通信做出不同程度的限制。 简单来说...

浏览器的通信能力 用户代理 浏览器可以代替用户完成http请求，代替用户解析响应结果，所以我们称之为： 用户代理 user agent 在网络层面，对于前端开发者，必须要知...

网络分层模型和应用协议 分层模型 五层网络模型 面对复杂的问题，可以使用分层的方式来简化。 经过不断的演化，网络最终形成了五层模型： TCP：面向连接（三次握手、四次挥手）...

你不知道的 CSS 之包含块 一说到 CSS 盒模型，这是很多小伙伴耳熟能详的知识，甚至有的小伙伴还能说出 border-box 和 content-box 这两种盒模型的...

一、属性描述符 1.获取对象的属性的描述 获取对象的某个属性描述符：Object.getOwnPropertyDescriptor(对象, "对象的某个属性"); 获取对象...

浏览器的渲染原理 一、浏览器是如何渲染页面的 当浏览器的网络线程收到HTML文档后，会产生一个渲染任务，并将其传递给渲染主线程的消息队列，在事件循环机制的作用下，渲染主线程...

CSS 属性计算过程 你是否了解 CSS 的属性计算过程呢？ 有的同学可能会讲，CSS属性我倒是知道，例如： 上面的 CSS 代码中，p 是元素选择器，color 就是其中...

本章介绍了什么是进程，什么是线程以及进程与线程的区别。浏览器渲染主线程的工作方式从而引出什么是事件循环，js为什么是单线程等等。...

mitt 就是一个轻量级、功能完善的 JavaScript 事件总线库，用于不同组件（或模块）之间进行通信...

vite 路径别名（@）配置，配合Path Intellisense 插件，使用@路径别名根据智能提示导入模块，点击跳转到源文件，便于快速定位代码，提高开发效率，...

最近在做项目中，使用flex布局遇到了个老问题：当flex子元素里的子元素的宽度过大，超出flex父元素时，设置flex:1并不能限制flex子元素的尺寸...

本章节主要介绍类（class）的使用，包括类的定义，继承，重写，简写，属性修饰符以及抽象类的概念和具体应用...

TypeScript基础一，该章节介绍了TS的概念，出现的原因、特点及优势，TS数据类型具体定义，两种自定义类型type和interface以及TS内置的常用的泛型工具类函...

一、npm(node.js默认的包管理工具) 优点：使用简单方便，兼容性好，稳定 缺点：安装速度慢，默认会安装很多重复的依赖，浪费空间 二、yarn 优点：安装速度快，支持...

echarts 引入本地图片路径不生效,将路径转化一下new URL(`图片路径`, import.meta.url)...

vue3+vite配置文字自适应，安装插件postcss-pxtorem和amfe-flexible实现文字大小随着屏幕大小变化...

使用vite-svg-loader插件，在项目中以组件形式使用svg图标，使图标使用更加简单方便。。...

常用的组件库element-ui和t-design都只有拖拽文件，没有实现文件夹拖拽。本次实现基于t-design二次封装的文件/文件夹拖拽上传图片功能...

一、项目中为何使用svg图标 通常在项目中使用的icon图标是组件库自带的，有时候并不能满足我们的需求，所以我们需要自定义icon图标。...