Blogs

迭代器与生成器

异步编程

浏览器事件机制分为捕获、目标和冒泡三个阶段…

正则表达式在字符串搜索、校验、替换场景中应用广泛，本文介绍正则表达式的基本使用、语法规则、常见实例。

虚拟DOM、从template到虚拟DOM、Vue2和Vue3的Diff算法、Vue Diff vs React Diff

Vue3 为什么用Proxy重构

啥是Vue, Vue的核心特性

SPA单页面应用

前端性能优化包括资源加载优化、运行时性能优化、网络优化、渲染优化、构建与部署优化

生产环境部署打包优化是前端工程化中的一个重要环节

打包优化是前端工程化中的一个重要环节，它可以帮助我们提高代码的性能和效率，这里捋捋开发时的构建性能优化。

webpack构建流程

Webpack 中的 Loader 与 Plugin，他们是什么，有什么区别，解决了什么问题 ?

CommonJS 和 ES Module 是两种不同的模块化规范，它们在实现方式、使用场景和语法上都有所不同。

WebSocket 是 HTML5 中的一种通信协议，用于在浏览器和服务器之间建立双向通信。

HTTPS (Hypertext Transfer Protocol Secure) 是在 HTTP 协议的基础上，增加了 SSL/TLS 协议进行加密，以提供安全性的网络通信协议。

HTTP1.0 \ HTTP1.1 \ HTTP2.0 的差异，简要介绍

TCP协议是互联网的基石，是互联网的灵魂。三次握手，四次挥手，流控，拥塞控制，是TCP协议的精髓。

域名系统，Domain Name System，DNS 内容分发网络，Content Delivery Network，CDN DNS和CDN是互联网基础设施的重要组成部分

HTTP协议驱动的浏览器的默认行为之缓存

谈谈浏览器输入URL到页面渲染的流程？

文件上传、下载、分片上传下载的实现思路

之前一直以为CORS就是跨域，其实CORS是跨域的一种解决方案，聊一聊跨域，(●ˇ∀ˇ●)

接上文，JWT是比较常用的解决登录认证问题的方式，JWT的结构是咋样的？安全嘛？

登录这个东西，进组的时候都说学前后端，懂登录就可以干活🌶，实现登录倒是简单，安全登录就需要考虑很多了，这篇捋一捋Cookie、Session、SSO、LocalStorage、SessionStorage这些东西

HTTP 提供了几种请求方法，有时候发现POST和GET好像可以解决所有问题，HTTP Method 是规定？规范？还是约定俗成？

五层网络模型， OSI 七层网络模式都是啥捏 (・∀・(・∀・(・∀・*)

this 是 JavaScript 中的一个关键字，它指向当前执行上下文中的对象，此外还有bind、call、apply方法可以改变this指向，本文将深入探讨 this 的指向规律、bind / call / apply 的原理与手写实现。

闭包是 JavaScript 中一个重要的概念，它允许函数访问其词法作用域中的变量，即使在函数外部也可以访问这些变量。

Promise 是 JavaScript 中处理异步操作的一种机制，它提供了一种更优雅、更直观的方式来处理异步任务，避免了回调地狱的问题。本文将深入探讨 Promise 的原理、常用API及其应用场景以及与事件循环的关系。

Promise 是 JavaScript 中处理异步操作的一种机制，它提供了一种更优雅、更直观的方式来处理异步任务，避免了回调地狱的问题。本文将深入探讨 Promise 的原理、常用API及其应用场景以及与事件循环的关系。

Object 是 JavaScript 中最重要的对象之一。ES6 之后，JavaScript 对对象的操作能力被大大增强，Reflect API 和 Proxy API 是最具代表性的特性。本文梳理了 Object 的常用方法与属性特性，并介绍了 Reflect API 和 Proxy API 的用法。

为 JavaScript 的面向对象设计与传统类驱动语言（如 Java、C#）有着本质的不同。 这种差异不仅塑造了 JS 独特的语法风格和语言特性，更影响了开发者对对象、继承和复用的理解。 本文将深入探讨 JavaScript 中的原型与原型链机制，解析其核心特性与常见问题。

介绍了原生 CSS 的局限性，CSS 预处理器、后处理器、CSS-in-JS、原子化 CSS 等现代 CSS 解决方案的特点和适用场景。

一个网页要在多种尺寸的屏幕上正常显示，需要进行响应式网页设计。 我们可以根据不同的屏幕尺寸，使用不同的 CSS 样式来调整网页的布局和样式，但工作量会很大。 所以需要利用CSS实现响应式设计，自动适应不同的屏幕尺寸。

CSS重要概念，BFC（Block Formatting Context）是一个独立的渲染区域，主要用于控制元素的布局和相互作用。了解BFC的概念和应用场景，可以帮助我们更好地理解CSS布局和解决一些常见的问题。

Reflow和Repaint是影响Web应用性能的重要因素，他们是什么，如何避免？