前端通用技能

什么是SSE SSE 即 Server-Sent Events，允许服务端向客户端推送事件的技术，是一种单向数据推送的技术。 客户端通过这项技术可以与服务器建立持久连接，服务器可以持续发现事件流，但是

简介 GraphQL是一种用于 API 查询的语言，最初由 Facebook 技术团队开发，2015年开源。 GraphQL 为 API 中的数据提供了一个完整且可理解的描述，使得客户端能够精确地请求

突然发现，浏览器CryptoAPI，纯前端实现ECDH，椭圆曲线加密算法，AES、RSA等更是不在话下。大家一起来看看吧！

前言 本文结合自己学习和理解的情况，主要讲解 HTTPS 如何保障安全的概念性的内容，无硬核加密算法分析和抓包数据分析。 想要知道 HTTPS 是如何保障我们的安全的就需要先了解下面这三个前置知识。

我已经从事Web前端开发多年了，CSS 平时用起来也挺熟练的，但是总觉得自己对它理解得又不够透彻，所以一直想再系统的学习总结一遍，所以本文的重点并是不堆砌基础知识，在很多基础的地方会有省略、一笔带过。

关于 𝑱𝒂𝒗𝒂𝑺𝒄𝒓𝒊𝒑𝒕 的模块化，我一直有很多疑问，比如：UMD 是什么？AMD 又是什么？那 CommonJS 呢？ES Module 呢？他们都是什么？又有什么关系？有什么用？下面我将一个一个

这只是一种Vue3项目的实践，对新手来说，去从零搭建一个可用的项目可能还是比较有参考价值的。很多配置也都是一个初始化的状态，在实践中，可能还会遇到各种问题，都需要我们去解决。

基于我这些年的前端开发经验整理的各种网站...乱七八糟的，啥都有点儿，但是肯定不全...欢迎补充...互相学习交流

本文主要讲解超长列表渲染的实现方案，当然这个技术又被称为“虚拟列表”、“虚拟滚动”、“无限滚动列表”或者“虚拟列表滚动”等，很多个名字，不管怎么叫吧，总之我们就是要解决一个问题，即前端手里现在有很多数

全栈完整代码（前端：React、TS + 后端：Node.js、Koa）实现大文件分片上传、断点续传、秒传。

什么是PeerJS 首先还是祭出官网地址 PeerJS。 PeerJS 包装了浏览器的 WebRTC(Web Real Time Communication，网络实时通信) API，帮助我们轻松地实现

VSCode 插件简介 VSCode 插件是 VSCode 为开发者提供的一种扩展其功能的手段，VSCode 的几乎每一个部分都可以通过插件来进行扩展。 具体有哪些能力可以看官方介绍 主要包含： 通用

最近一段时间比较忙，好久没有写博客了，正好这段时间跟 TypeScript “杠上”了，刚好又看到一个 github 上的仓库 utility-types，写了很多有意思的类型工具，不过这个仓库代码比

前端性能如何衡量 前端性能应该如何来衡量呢，其实这个问题 Google 的开发者早就提出了一个 RAIL 模型 来解决这个问题。 RAIL 是 Response、Animation、Idle 和 Lo

平时开发项目、工作对 TS 的使用频率越来越高，从最开始只会用 string、number、boolean 到 类类型、联合类型、交叉类型 以及 泛型，我以为这就差不多了，但是事实上项目做多了之后就会

什么是 TypeScript 根据官方的定义 TypeScript 是 JavaScript 类型的超集，它可以编译成纯 JavaScript。它主要为开发者提供了类型系统和对 ES6 的支持。 为什

前端测试 概念 单元测试，Unit Testing，简称 UT，是指对软件中的最小可测试单元进行检查和验证，这是最低级别的测试活动，前端开发中单元可以是一个 function 也可以是一个 class

Electron + React + Ant Design 配置及打包 Step0 配置 NodeJS 环境 首先，安装好 Node.JS 及 npm，具体方法不在此赘述了，安装好之后再安装一个 cn

事件循环 浏览器的事件循环 事件循环的作用 众所周知，JavaScript 的执行是单线程的，在单线程运行的情况下如果我们不采取任何措施，那么我们的浏览器就很容易卡顿，比如获取远程数据，I/O 操作等

在浏览器出入一个网址 DNS 缓存 DNS 就是 Domain Name System，即域名系统。 通常我们在上网的时候都是输入的域名，然而我们建立 TCP 连接需要的却是 IP，所以我们就需要 D