判断节点之间的关系及根据节点关系查找节点

#JavaScript

前端开发中判断节点关系方法:Element.closest(), Node.contains(), Node.compareDocumentPosition, querySelector和querySelectorAll。

跨页面通讯

#JavaScript

跨页面通讯是前端开发中常见的需求。根据同源策略,同源的页面之间可以直接进行通信,而非同源的页面之间需要使用绕过同源策略的方法才能进行通信。本文介绍了关于跨页面通讯的几种方法,并介绍了它们各自的优缺点以及适用场景。

async函数的polyfill

#JavaScript

实现滚动框的懒加载

#实践经验

滚动框懒加载是一种网页性能优化技术,通过延迟加载页面元素来提高页面加载速度和性能。本文提出了四种实现滚动框懒加载的方案,并分别分析了它们的优缺点及优化点。

Koa源码解析

#Nodejs#源码解析

本文是对Koa框架的源码解析,旨在帮助读者了解Koa的设计思想和实现原理。文章首先介绍了Koa的基本概念和特点,以及它与Express的区别和优势。然后,文章逐一分析了Koa的核心模块,包括Context、Request、Response和Application,解释了它们的作用和用法,并展示了它们的源码结构和关键代码。文章还重点讲解了Koa的中间件机制,以及它是如何通过compose函数和Promise实现异步流程控制的。最后,文章总结了Koa的完整的执行顺序,从调用listen方法开始,到返回响应结束,揭示了Koa的运行机制和内部逻辑。

MongoDB-Indexes索引

#MongoDB

双向通讯解决方案

#实践经验

Git

#前端工程化

本文介绍了git的基本概念和常用指令,包括如何创建和管理仓库、如何添加和提交更改、如何查看和比较历史版本、如何创建和合并分支、如何推送和拉取远程仓库等。

Vue源码解析系列-渲染器

#Vue#源码解析

Typescript手写工具类型

#TypeScript

本文介绍了如何使用TypeScript的高级类型和泛型来手写一些常用的工具类型,如Pick、Omit等。

执行上下文

#深入理解JavaScript

本文从ECMAScript标注规范的角度讲解了JavaScript中的执行上下文,包括全局执行上下文、函数执行上下文和eval执行上下文。

词法环境和环境记录

#深入理解JavaScript

webpack从零到一系列

#前端工程化

文本介绍了webpack常见的概念,例如loader、plugin等,以及一些高级特性,例如懒加载、代码分隔、魔法注释等,最后介绍了一些常用的webpack loader和plugin

pm2

#前端工程化

本文介绍了pm2的使用方法和示例,pm2是一个node进程管理工具,可以实现node应用的性能监控、自动重启、负载均衡等功能。文章介绍了pm2的常用命令,如启动、停止、重启、删除、查看应用等

TypeScript实用工具

#TypeScript