不爱学习的小婷的个人主页 - 动态

2年前

Dom事件进阶 | 青训营

一、事件流 1.事件流和两个阶段说明事件流指的是事件完整执行过程中的流动路径说明：当触发事件时，会经历两个阶段：捕获阶段、冒泡阶段捕获阶段时从父到子冒泡阶段是 ...

0

2年前

构建 Webpack 知识体系入门 | 青训营

为什么要学习 Webpack 理解前端"工程化"概念、工具、目标一个团队总要有那几几个人熟悉Webpack，某种程度上可以成为个人的核心竞争力高阶前端必经之路 01.什...

0

2年前

#挑战每日一条沸点#
Day28 8.22
抽象语法树（Abstract Syntax Tree，AST）是源代码语法结构的一种抽象表示，它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构。在代码语法的检查、代码风格的检查、代码的格式化、代码的高亮、代码错误提示、代码自动补全等等场景均有广泛的应用。

展开

青训营-快乐出发

2年前

API 事件绑定处理和事件对象 | 青训营

一、事件监听（绑定）事件：在编程时系统发生的动作或者发生的事情事件监听：让程序检测是否有事件产生，一旦有事件触发，就立即调用一个函数做出响应，也称为绑定事件或者注册事件...

0

2年前

#挑战每日一条沸点#
Day27 8.20
Tapable是一个类似于 Node.js 中的 EventEmitter 的库，但它更专注于自定义事件的触发和处理。通过 Tapable 我们可以注册自定义事件，然后在适当的时机去执行自定义事件。

青训营-快乐出发

2年前

Vite知识体系 | 青训营

一、构建工具 1.模块化——ESM、CommonJS、UMD 提供模块加载方案兼容不同模板规范 2.资源编译——高级语法的编译高级语法的转译，如Sass、TypeScr...

0

2年前

#挑战每日一条沸点#
Day26 8.19
MPA 和 SPA 是构建前端页面常见的两种方式，理解 MPA 和 SPA 的区别和不同场景的取舍是理解 Islands 架构的关键。

青训营-快乐出发

2年前

#挑战每日一条沸点#
Day25 8.18
docker 使应用部署更加轻量，可移植，可扩展，更好的环境隔离也更大程度地避免了生产环境与测试环境不一致的巨大尴尬。

青训营-快乐出发

2年前

#挑战每日一条沸点#
Day24 8.17
echarts 的字体大小只支持具体数值（像素），不能用百分比或者 vw 等尺寸，一般字体不会去做自适应，当宽高比跟 ui 稿比例出入太大时，会出现文字跟图表重叠的情况

青训营-快乐出发

2年前

#挑战每日一条沸点#
Day23 8.14
location 的数据类型是对象，它拆分并保存了 URL 地址的各个部分
常用属性和方法：
href 属性获取完整的 URL 地址，对其赋值时用于地址的跳转
search 属性获取地址中携带的参数，符号 ? 后面部分 hash 属性获取地址中的哈希值，符号 # 后面部分
reload 方法用来刷新当前页面，传入参数 true 时表示强制刷新

展开

青训营-快乐出发

2年前

#挑战每日一条沸点#
Day22 8.13
一个保存按钮，为了避免重复提交或者服务器考虑，往往需要对点击行为做一定的限制，比如只允许每300ms提交一次，这时候大部分同学都会到网上直接拷贝一段throttle函数，或者直接引用lodash工具库。

青训营-快乐出发

2年前

API入门 | 青训营

基本认知变量声明：var let const const 声明的值不能更改，const声明变量的时候需要里面进行初始化但是对于引用数据类型， const声明的变量，里面...

0

2年前

#挑战每日一条沸点#
Day21 8.12
pnpm 本质上就是一个包管理器，这一点跟 npm/yarn 没有区别，但它作为杀手锏的两个优势在于:包安装速度极快；磁盘空间利用非常高效。

青训营-快乐出发

2年前

CSS布局技巧——定位 | 青训营

1-定位的应用场景介绍可以解决盒子与盒子之间的层叠问题 -> 定位之后的元素层级最高，可以层叠在其他盒子上面可以让盒子始终固定在屏幕中的某个位置 2-定位的基本使用步骤...

0

2年前

#挑战每日一条沸点#
Day20 8.11
JS 语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。这是因为 JS 这门脚本语言诞生的使命所致——JavaScript 是为处理页面中用户的交互，以及操作DOM二诞生的。比如我们对某个DOM元素进行添加和删除操作，不能同时进行。应该先进行添加，之后再删除。单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务。这样所导致的问题是：如果 JS 执行的时间过长，这样就会造成页面的渲染不连贯，导致页面渲染加载阻塞的感觉。为了解决这个问题，利用多核 CPU 的计算能力，HTML5 提出 Web Worker 标准，允许 JavaScript脚本创建多个线程。于是， JS 中出现了同步和异步。

展开

青训营-快乐出发

2年前

#挑战每日一条沸点#
Day19 8.10
当初始的HTML文档被完全加载和解析完成后，DOMContentLoaded事件被触发，而无需等待样式表、图像等完全加载
事件名：DOMContentLoaded
监听页面DOM加载完毕：给document添加DOMContentLoaded事件

展开

青训营-快乐出发

2年前

#挑战每日一条沸点#
Day18 8.9
pnpm 本质上就是一个包管理器，这一点跟 npm/yarn 没有区别，但它作为杀手锏的两个优势在于:
包安装速度极快；
磁盘空间利用非常高效。

青训营-快乐出发

2年前

#挑战每日一条沸点#
Day17 8.8
console.warn 在控制台输出警告信息，用于代码存在不合理或不符合规范但不影响系统运行的提示
console.error 在控制台输出错误信息，用于代码错误和异常的提示

青训营-快乐出发

2年前

#挑战每日一条沸点#
Day16 8.7
clamp() 函数的作用是把一个值限制在一个上限和下限之间，当这个值超过最小值和最大值的范围时，在最小值和最大值之间选择一个值使用。它接收三个参数：最小值、首选值、最大值。

青训营-快乐出发

2年前

#挑战每日一条沸点#
Day15 8.6
:hover配合transition延时、transitionend监听可以实现鼠标经过延时触发效果
:active配合transition延时、transitionend监听可以实现长按触发效果
CSS 动画设置infinite后配合animationiteration监听可以实现周期性触发效果

展开

青训营-快乐出发