精选分类

前端

生活

文章列表

3.6k 3 分钟

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

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

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

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

# 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";...
4.2k 4 分钟

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

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

​ # 一、安装 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...
2.1k 2 分钟

所谓 “数组扁平化” 就是指将一个多维数组变为一个一维数组,比如: [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 =...