蒲厷渶と戀的博客

forwardRef： React 提供的一个特殊的 API，主要用于将 ref 属性从父组件 “转发”（forward）到子组件。在 React 中，ref 主要用于获取组件或 DOM 元素的引用，这样我们就可以在需要的时候访问和操作这些组件或元素。然而，由于 React 的 props 传递机制，我们无法直接将 ref 传递给子组件。子组件通过 forwardRef 接收父组件的 ref，通过 useImperativeHandle 将自己的属性和方法和父组件的 ref 实现绑定，并暴露给父组件。

个人小结，不喜勿喷。

如果你在使用 oh-my-zsh 并且在终端输入 nvm 命令时提示 "command not found"，这可能是因为 oh-my-zsh 没有配置 nvm 插件导致的。a、确保你已经在系统中安装了 nvm。如果没有安装，请参考 nvm 的文档安装。c、找到 plugins 这一行，并在其中添加 nvm。通过上述操作，就可以在 oh-my-zsh 中使用 nvm 命令。d、保存并退出配置文件。

Oh My Zsh 是一款社区驱动的命令行工具，正如它的主页上说的，Oh My Zsh 是一种生活方式。它基于 zsh 命令行，提供了主题配置，插件机制，已经内置的便捷操作。给我们一种全新的方式使用命令行。Oh My Zsh 是基于 zsh 命令行的一个扩展工具集，提供了丰富的扩展功能。安装 Oh My Zsh 前提条件：必须已安装 zsh笔者是 Mac 系统，以下操作都是基于 Mac 系统。Zsh 是一款强大的虚拟终端，既是一个系统的虚拟终端，也可以作为一个脚本语言的交互解析器。

/path/of/your/project”为项目路径。

vue中引入react组件

canvas实现动态贝塞尔曲线效果，实现如下：1、接口：interface lineParams { start: Array<number>; end: Array<number>; curveness: number; percent: number;}export { lineParams };2、js代码：import React, { useRef, useEffect } from 'react';import { linePar

Sequelize 实现增删改查1、引入所需模型(项目中是user)和Sequelizeimport { User } from '../models'import Sequelize from 'sequelize';const Op = Sequelize.Op;2、查询列表/** * @description: 获取列表数据 * @param : page： 查询...

1、安装npm install --save sequelize安装对应的数据库驱动程序：npm install --save pg pg-hstore # Postgresnpm install --save mysql2npm install --save mariadbnpm install --save sqlite3npm install --save tedio...

Mockjs模拟数据，实现增删改查。1、安装Mockjsnpm install mockjs --save-dev因为生产环境用的是正式接口，安装在开发依赖上可以减小包的大小。2、生成数据初始列表import Mock from 'mockjs';const count = 25;// 处理解析urlconst splitParams = url => { ...

项目开发中，代理转发的场景比较多，简单介绍下用中间件http-proxy-middleware实现的proxy()代理。1、http-proxy-middleware的安装：npm install --save-dev http-proxy-middleware2、proxy()的常规用法：const express = require('express');const pr...

项目开发过程中，经常需要用到临时数据（假数据），有时候会利用一些json文件来模拟数据，但是用json文件时会有一个问题，线上和线下必须来回切换api，比较繁琐，这种情况下可以直接使用Mockjs，用koa写后台，模拟接口。1、Mockjs安装npm install mockjs2、Mockjs单元文件import Mock from 'mockjs';const Rando...

Mysql版本：8.0，nodejs连接数据库时报错：Client does not support authentication protocol requested by server该问题和Mysql版本有关系，查资料的结论是：MySQL8.0版本的加密方式和MySQL5.0的不一样，连接会报错。解决方法如下：通过命令行进入解压的mysql根目录下：登陆数据库mys...

Mysql安装过程，Mysql版本：8.0.18。步骤：1、下载Mysql，地址：https://dev.mysql.com/downloads/mysql/2、点击下载后，无需登录，点击底部“No thanks, just start my download.”即可开始下载。3、下载完成后解压（我解压的路径：D:\mysql\mysql-8.0.17-winx64）。...

vue-router路由传参分为两种形式：params和query。1、params传参（1）传递参数，用$router，代码如下： const routerParams = { name: 'iResultManage', params: {page: '1', code: '8989'} }; this.$router.push(routerParams);...

默认情况下，模块内部的 action、mutation 和 getter 是注册在全局命名空间的，这样使得多个模块能够对同一 mutation 或 action 作出响应。如果希望你的模块具有更高的封装度和复用性，你可以通过添加 namespaced: true 的方式使其成为命名空间模块。当模块被注册后，它的所有 getter、action 及 mutation 都会自动根据模块注册的路径调...

一、node官网下载对应的安装包，node官网：http://nodejs.cn/download/。如下图：二、下载下来的tar文件上传到服务器并解压：1、上传服务器可以是任意路径，我的路径：cd /home/softWare/2、解压上传文件：（1）tar -xvf node-v10.14.1-linux-x64.tar  (2)   mv node-v10.14.1-...

webpack打包时，报了上述错误，这是node内存溢出的问题，解决方案如下：1、全局安装increase-memory-limit,命令如下：npm i -g increase-memory-limit 2、进入项目目录，执行下列命令：increase-memory-limit通过上述步骤后，再次进行打包，不会再报错误。 ...

1、html代码：&lt;div class="radar"&gt;&lt;/div&gt;2、css代码：* { box-sizing: border-box;}html, body { background-color: #000;}.radar { background: -webkit-radial-gradient(center, rgba(0, 0,...

team在项目开发过程中，可能用svn或者git来管理代码。但是在代码管理过程中，总会有部分代码不进行提交，下列以svn为例简单介绍：1、右键选择TortoiseSvn-&gt; Settings，点击后出现如下弹框：2、点击上图的Edit按钮，会打开编辑文件，如下：3、在上述文件中，找到global-ignores，并将该段的注释取消掉，然后将要忽略的文件添加在后面保存即可，如下图：...