及时当勉励，岁月不待人。

# 什么是 Proxy Proxy 对象用于创建一个对象的代理，是用于监听一个对象的相关操作。代理对象可以监听我们对原对象的操作。 接下来我们将通过一个监听对象的属性操作来认识学习下什么是 Proxy 。 Proxy 对象需要传入两个参数，分别是需要被 Proxy 代理的对象和一系列的捕获器（PS：下面会讲）。 const obj = { name: 'mengke',};const objProxy = new Proxy(obj, {});console.log(objProxy);⏷ Proxy 🞂...

# Next.js 是什么？ NextJs 是一款 React 开发框架，主要关注两点： 为生产环境所准备：无需复杂配置即可提供升级环境所需的各种功能 提供良好的开发者体验 (DX) 通过 Next.js 框架开发的 React 应用无需配置就可以如服务端渲染 SSR、编译时渲染 SSG，Typescript 语言支持，自动打包，路由愈加载等功能。 # Next.js 功能 我们先看 Next.js 为生产环境 React 应用准备的功能特性 # Page 路由 通过 Next.js 初始化 React 应用后，Next.Js 会自动将 pages...

# qiankun Demo # 仓库 🐱qiankun-demo # 包含内容： 基座： React 基座 Vue 基座 Nuxt.js 基座 Angular 基座 子应用： React 子应用 Vue2 子应用 Vue3 子应用 Nuxt.js 子应用 Angular 子应用 还在更新中...

# 一、VUE2 中的实现方法 # 1. 前言 我们知道：数据驱动视图的关键点则在于我们如何知道数据发生了变化，只要知道数据在什么时候变了，那么问题就变得迎刃而解，我们只需在数据变化的时候去通知视图更新即可。 要想知道数据什么时候被读取了或数据什么时候被改写了，其实不难， JS 为我们提供了 Object.defineProperty 方法，通过该方法我们就可以轻松的知道数据在什么时候发生变化。 # 2. Object.definePropety ES5 提供了 Object.defineProperty...

# 1. 安装 通过单行命令将 Deno 安装到系统中（国内加速） 安装内容转载自 Deno 中文社区 # 安装最新版： 使用 Shell: curl -fsSL https://x.deno.js.cn/install.sh | sh使用 PowerShell: iwr https://x.deno.js.cn/install.ps1 -useb | iex# 安装某个特定版本： 使用 Shell: curl -fsSL https://x.deno.js.cn/install.sh | sh -s v1.0.0使用 PowerShell: $v="1.0.0";...

# 1、Vue3 的特点 vue3 中全部采用函数式写法，替换了原来类的写法。 移除了原有的生命周期函数，和 data 、 computed 、 watch 、 method 等 vue2 中的对象，去掉了 this , 并且去除了过滤器 filter 。 vue3 源码全部采用 ts 编写，编码中实现了对 ts 更好的支持。 vue3 完全兼容 vue2，在 vue3 中依然可以按照 vue2 的方式去写代码，而且两种写法可以同时存在。 组件中同时存在两种写法时，当 setup 返回值中定义的方法和 methods 中的方法同名时，会抛出错误。 定义的数据和 data...

Vue 3.0 即将发布，我们已经可以尝试一些新版本中带来的新功能，比如 Composition-API 组合式 API。如果你了解过 React 的 Hooks，那么当你看到组合式 API 时一定不会感到陌生。组合式 API 受到了 React Hooks 很大的启发。 Vue 非常易于使用，并且有非常出色的 API，对于初学者来说配合官方文档很容易就可以理解 Vue 的语法。但在国内一些大型的项目可能不会首选 Vue 去开发，因为当组件越来越大的时候会变得很难维护，很难找到一个变量在哪被定义又是在哪被使用。Vue2 中也有一些解决方法，比如...

​ # 一、安装 yarn add react-router-dom根组件 index.js 使用 Router 组件包裹根节点来实现全局的路由访问。 import { BrowserRouter as Router } from 'react-router-dom'<Router> <App /></Router>结构有 BrowserRouter 和 HashRouter 两种模式，分别对应 VUE-router 的 mode: history 和 mode: hash...

所谓 “数组扁平化” 就是指将一个多维数组变为一个一维数组，比如： [1, 2, [3, 4, [5, 6]] ==> [1, 2, 3, 4, 5, 6]我们通过几种常用方式来实现数组的扁平化。 # 方法 1：flat () 法 flat () 方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。 语法： var newArray = arr.flat([depth]) depth：可选，指定要提取嵌套数组的结构深度，默认值为 1。 当 depth 值为 Infinity ，可展开任意深度的嵌套数组 例子： let arr =...