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

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

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

跨页面通讯

Flutter布局组件

async函数的polyfill

快速排序(Quick Sort)

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

实现滚动框的懒加载

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

Koa源码解析

MongoDB-Indexes索引

双向通讯解决方案

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

Vue源码解析系列-渲染器

本文是对redux的入门教程，首先介绍了redux的背景和基础概念，如action、reducer、store等，然后通过一个简单的demo演示了redux的原生API的用法，接着介绍了redux在实际应用中的一些工具和技巧，如configureStore、createAction、createReducer、createSlice等，最后通过一个react-redux的demo展示了如何在react项目中使用redux来管理状态和数据流。

redux入门

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

Typescript手写工具类型

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

执行上下文

词法环境和环境记录

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

webpack从零到一系列

本文介绍了前端开发中的跨域问题，首先介绍了浏览器的同源策略，然后介绍了几种常见的跨域方案，例如正向代理、反向代理、JSONP和CORS等，并给出相关代码示例。

跨域

vite-Client源码

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

TypeScript实用工具

Typescript高级操作

TypeScript基础教程

从零构建一套后台管理系统，实现鉴权、动态表单、跨域等。

从0开始构建后台管理系统

基于uniapp实现小程序跨端开发。

跨端小程序

Web Components旨在实现HTML、样式和逻辑的复用，相较于Vue、React等框架，Web Components的优点在于无关框架，原生支持。

Stencil指南

前端监控系统

设计一个即时聊天功能

表单系统(低代码表单)

web component

我的长列表优化方案

this的指向是js的难点之一，网上不同的文章对this的指向有着不同的解释，要不就是只给结果不给解释，要不就是解释描述模糊不清，因此要真正了解js中的this，还得去ECMAScript规范中学习。

从ECMAScript规范中学习this

浏览器端和服务器端导致内存泄漏的原因和解决方法。

JavaScript内存泄漏

当运行时错误产生时，Error
对象会被抛出。Error
对象也可用于用户自定义的异常的基础对象。了解Error对象有助于我们更快地解决系统bug。

JavaScript Error

JavaScript处理异步最常用的方法：回调函数、Promise和async function。

JavaScript异步终极解决方案

JavaScript引用类型的拷贝分为浅拷贝和深拷贝。
浅拷贝:   只拷贝对象的引用，而不是对象本身。
深拷贝：将当前对象的所有属性和方法完整拷贝。

JavaScript浅拷贝和深拷贝

箭头函数是匿名函数，语法比函数表达式更简洁，并且没有自己的this，arguments，super或new.target。箭头函数表达式更适用于那些本来需要匿名函数的地方，并且它不能用作构造函数。
引入箭头函数有两个方面的作用：更简短的函数并且不绑定this。

JavaScript(10)

Flutter(1)

数据结构与算法(1)

实践经验(10)

Nodejs(9)

MongoDB(1)

前端工程化(5)

Vue(8)

模式(2)

TypeScript(4)

深入理解JavaScript(2)

React(3)

浏览器/DOM API(5)

计算机网络(7)

前端安全(6)

前端性能(5)

操作系统(4)