什么是 TypeScript？ 一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第21天，点击查看活动详情。 TypeScript，简称 ts，是微软开发的一种静态的编程语言，它是

本文主要围绕以下三个问题来进行阐述： 1. 单页面应用为什么需要路由系统？ 2. 单页面应用路由实现原理是什么？ 3. 如何实现一个简单的 react-router？

前端开发中，经常会用到一些 CLI 工具， ts-node 转换ts文件， babel-cli 来解析ES6+语法，还有初始化SPA项目的脚手架， create-react-app 、 vue-cli 、 vite 等等，这些cli工具通过自动化脚本节约了开发者在配置 webp…

随着项目不断迭代，所需的静态资源、依赖库和插件越来越多，需要遍历的文件也呈指数式增加，导致每次编译的速度非常慢，再加上笔者接手的是类游戏化的Phaser项目，光是游戏引擎也需要消耗资源，固对项目进行编译时的优化。 通过看到Time:xxx ms的信息，是不是觉得整个项目直接芜湖…

21 世纪是变化的世纪，在新的千年之始，科技日新月异得改变着我们的生活。前端作为近年很火的岗位，一直被大家吐槽技术更新速度太快了，新概念层出不穷。然而面对这变化的时代，可能我们的变化还可以更多更快。在前端工作过几年之后的同学，往往会开始产生对未来的焦虑，整天学习新的框架、新的语…

在搜索领域，早已出现了“查找相似图片/相似商品”的相关功能，如 Google 搜图，百度搜图，淘宝的拍照搜商品等。要实现类似的计算图片相似度的功能，除了使用听起来高大上的“人工智能”以外，其实通过 js 和几种简单的算法，也能八九不离十地实现类似的效果。 为了便于理解，每种算法…

在上一章中，我们介绍了ref，如果仔细看过，想必对ref应该已经了如指掌了。如果还没有，或着忘记了....可以先回顾一下上篇文章。 reactive这个文件代码其实不多，100 来行，很多逻辑其实是在handlers跟effect中。我们先看这个文件的引入： 所以不用怕，很多只…

目前版本单元测试相关情况 vue-next-coverage。 Vue 的核心之一就是响应式系统，通过侦测数据的变化，来驱动更新视图。 通过可响应对象，实现对数据的侦测，从而告知外界数据变化。实现可响应对象的方式： API 本身存在较多问题。 Vue2.x 中，实现数据的可响应…