- 博客(82)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 React 中，forwardRef 和 useImperativeHandle 配合实现父组件调用子组件方法和属性
forwardRef： React 提供的一个特殊的 API，主要用于将 ref 属性从父组件 “转发”（forward）到子组件。在 React 中，ref 主要用于获取组件或 DOM 元素的引用，这样我们就可以在需要的时候访问和操作这些组件或元素。然而，由于 React 的 props 传递机制，我们无法直接将 ref 传递给子组件。子组件通过 forwardRef 接收父组件的 ref，通过 useImperativeHandle 将自己的属性和方法和父组件的 ref 实现绑定，并暴露给父组件。
2024-01-18 15:12:24
887
原创 oh-my-zsh nvm command not found
如果你在使用 oh-my-zsh 并且在终端输入 nvm 命令时提示 "command not found"，这可能是因为 oh-my-zsh 没有配置 nvm 插件导致的。a、确保你已经在系统中安装了 nvm。如果没有安装，请参考 nvm 的文档安装。c、找到 plugins 这一行，并在其中添加 nvm。通过上述操作，就可以在 oh-my-zsh 中使用 nvm 命令。d、保存并退出配置文件。
2024-01-08 11:03:48
711
原创 Oh My Zsh, 『 安装 & 配置 』
Oh My Zsh 是一款社区驱动的命令行工具，正如它的主页上说的，Oh My Zsh 是一种生活方式。它基于 zsh 命令行，提供了主题配置，插件机制，已经内置的便捷操作。给我们一种全新的方式使用命令行。Oh My Zsh 是基于 zsh 命令行的一个扩展工具集，提供了丰富的扩展功能。安装 Oh My Zsh 前提条件：必须已安装 zsh笔者是 Mac 系统，以下操作都是基于 Mac 系统。Zsh 是一款强大的虚拟终端，既是一个系统的虚拟终端，也可以作为一个脚本语言的交互解析器。
2024-01-08 10:51:15
632
原创 canvas动态画贝塞尔曲线
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
2020-06-16 13:50:44
1504
原创 Sequelize 实现增删改查
Sequelize 实现增删改查1、引入所需模型(项目中是user)和Sequelizeimport { User } from '../models'import Sequelize from 'sequelize';const Op = Sequelize.Op;2、查询列表/** * @description: 获取列表数据 * @param : page： 查询...
2019-11-13 17:22:28
1372
原创 Sequelize 学习入门笔记
1、安装npm install --save sequelize安装对应的数据库驱动程序：npm install --save pg pg-hstore # Postgresnpm install --save mysql2npm install --save mariadbnpm install --save sqlite3npm install --save tedio...
2019-11-08 11:37:48
435
原创 Mockjs模拟数据，实现增删改查
Mockjs模拟数据，实现增删改查。1、安装Mockjsnpm install mockjs --save-dev因为生产环境用的是正式接口，安装在开发依赖上可以减小包的大小。2、生成数据初始列表import Mock from 'mockjs';const count = 25;// 处理解析urlconst splitParams = url => { ...
2019-11-06 16:40:06
4962
原创 proxy()代理实现，中间件：http-proxy-middleware
项目开发中，代理转发的场景比较多，简单介绍下用中间件http-proxy-middleware实现的proxy()代理。1、http-proxy-middleware的安装：npm install --save-dev http-proxy-middleware2、proxy()的常规用法：const express = require('express');const pr...
2019-11-05 17:42:06
7917
原创 Mockjs基础用法
项目开发过程中，经常需要用到临时数据（假数据），有时候会利用一些json文件来模拟数据，但是用json文件时会有一个问题，线上和线下必须来回切换api，比较繁琐，这种情况下可以直接使用Mockjs，用koa写后台，模拟接口。1、Mockjs安装npm install mockjs2、Mockjs单元文件import Mock from 'mockjs';const Rando...
2019-11-05 17:13:34
1039
转载 nodejs连接mysql数据库，报错Client does not support authentication protocol requested by server
Mysql版本：8.0，nodejs连接数据库时报错：Client does not support authentication protocol requested by server该问题和Mysql版本有关系，查资料的结论是：MySQL8.0版本的加密方式和MySQL5.0的不一样，连接会报错。解决方法如下：通过命令行进入解压的mysql根目录下：登陆数据库mys...
2019-11-04 18:02:32
473
1
转载 Mysql安装（win10 + 64bit）
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）。...
2019-11-04 17:54:45
250
原创 vue-router路由传参
vue-router路由传参分为两种形式：params和query。1、params传参（1）传递参数，用$router，代码如下： const routerParams = { name: 'iResultManage', params: {page: '1', code: '8989'} }; this.$router.push(routerParams);...
2019-05-22 11:00:42
341
原创 命名空间：vuex中的namespaced
默认情况下，模块内部的 action、mutation 和 getter 是注册在全局命名空间的，这样使得多个模块能够对同一 mutation 或 action 作出响应。如果希望你的模块具有更高的封装度和复用性，你可以通过添加 namespaced: true 的方式使其成为命名空间模块。当模块被注册后，它的所有 getter、action 及 mutation 都会自动根据模块注册的路径调...
2019-05-20 17:43:36
1329
原创 linux 安装 Nodejs 简单步骤
一、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-...
2018-12-05 11:39:35
634
原创 WEBPACK打包报错：CALL_AND_RETRY_LAST Allocation failed的解决方法
webpack打包时，报了上述错误，这是node内存溢出的问题，解决方案如下：1、全局安装increase-memory-limit,命令如下：npm i -g increase-memory-limit 2、进入项目目录，执行下列命令：increase-memory-limit通过上述步骤后，再次进行打包，不会再报错误。 ...
2018-07-23 15:14:24
4401
原创 Css实现雷达扫描动画效果
1、html代码：<div class="radar"></div>2、css代码：* { box-sizing: border-box;}html, body { background-color: #000;}.radar { background: -webkit-radial-gradient(center, rgba(0, 0,...
2018-07-23 13:47:33
5282
1
原创 SVN全局忽略设置
team在项目开发过程中，可能用svn或者git来管理代码。但是在代码管理过程中，总会有部分代码不进行提交，下列以svn为例简单介绍：1、右键选择TortoiseSvn-> Settings，点击后出现如下弹框：2、点击上图的Edit按钮，会打开编辑文件，如下：3、在上述文件中，找到global-ignores，并将该段的注释取消掉，然后将要忽略的文件添加在后面保存即可，如下图：...
2018-06-19 18:39:07
4719
原创 canvas--标尺
项目开发过程中，会遇到标尺的功能，标尺可以通过canvas来实现，具体实现如下：1、html代码：<canvas id='canvas' width='800' height='800' />2、css代码：body { background: #eeeeee;}#canvas { background: #ffffff; cursor: pointer;...
2018-05-31 16:05:42
6545
原创 canvas画网格
项目开发过程中，会遇到标尺，标尺的实现可以用d3或canvas，现在简单介绍一下canvas的实现：1、html代码：<canvas id='canvas' width='1800' height='800'></canvas>2、css代码：body { background: #eeeeee; margin: 0; padding: 0;}#...
2018-05-30 16:47:22
5957
3
原创 react阻止事件冒泡
React阻止冒泡事件的方法，主要分为如下两种情况：1、阻止合成事件间的冒泡，方法：e.stopPropagation();事件绑定如下：阻止事件冒泡的写法如下：2、阻止合成事件与最外层document上的事件间的冒泡，方法：e.nativeEvent.stopImmediatePropagation();事件绑定写法：（1）不传参数：（2）传参数：阻止事件冒泡的写法：这样写的原因，是给docum...
2018-04-10 10:11:30
7084
原创 Node Sass could not find a binding for your current environment
项目开发中，同一个项目多人开发时，可能会因为本地环境不同或者node版本不同，造成上述报错。解决方案如下：（1）删除依赖rm -rf node-modules（2）更改本地环境1、先运行： npm install -g node-gyp 2、然后运行：运行 npm install –global –production windows-build-tools 可以自动安装跨平台的编译器：gym（...
2018-04-10 09:44:45
17398
1
原创 call和apply基础解析
JS中，call和apply同为回调函数，功能完全相同，只是传递的参数不一样。下面进行简单的解析：一、callcall有两个主要：给函数传递参数；扩充函数的作用域。扩充函数作用域很重要，即改变函数的上下文（改变this的指向）。下面简单介绍一下，代码如下：window.job = 'teacher';showJob = () => { console.log(this.job);...
2018-03-16 16:34:05
325
1
原创 Echarts数据可视化--特殊饼图2
数据可视化开发过程中，经常会遇到比较特殊的图表。现在简单介绍遇到过的特殊饼图-1的做法：1、HTML代码：<div class="wrap"> <div id="echarts"></div> <div id="echarts2"></div></div>2、CSS
2018-03-15 13:38:11
1065
原创 Echarts数据可视化--特殊饼图1
数据可视化开发过程中，经常会遇到比较特殊的图表。现在简单介绍遇到过的特殊饼图-1的做法：1、HTML代码：<div class="wrap"> <div id="echarts"></div></div>2、CSS代码：.wrap { height: 800px; position: relative; width:...
2018-03-15 12:58:39
1066
原创 鼠标右键事件
项目开发中，会遇到鼠标右键事件。而在使用鼠标右键事件时，需要禁止其默认右键事件，简单实例如下：1、HTML代码：<div id="wrap"> <p>节目</p> <ul> <li>first</li> <li>second</li>...
2017-09-22 20:30:06
991
原创 拖拽事件
项目开发中，经常会遇到拖拽效果，简单实例如下：1、HTML源码：<ul> <li> <p class='p'> first <span class="span">first</span> </p> </li> <li> &...
2017-09-22 20:12:29
372
原创 echarts的使用——vue
在vue的项目开发中，数据的可视化可以用echarts来实现，具体用法如下：（1）安装echarts，进入项目目录，执行如下命令，安装echarts：npm install echarts --save-dev（2）引入echarts，并对相关的横坐标和纵坐标进行赋值，该实例直接写入了app.vue中，具体代码如下： export default {
2017-07-18 19:23:02
3455
原创 tab切换功能——vue
项目开发中，使用vue实现tab页签切换功能。具体实例如下：（1）首先定义子组件，如下图：以select01.vue为例，子组件的源代码如下： {{msg}}export default { data(){ return{ msg:"select01" } }}（2）在app.vue中将子组件引入，通过v-for实现
2017-07-18 08:37:33
22110
原创 分页组件——vue
项目开发中，经常会遇到分页功能，也会经常涉及组件化开发和组件复用，下列用vue对分页组件进行了简单封装，具体代码如下：源代码：（1）app.vue代码段： {{msg}} import pagination from './components/pagination.vue';export default { name: 'app', da
2017-07-13 22:10:25
1751
原创 vue文件在编辑器Sublime Text3中高亮
编写代码时，代码在编辑器中显示高亮，一方面，在感官方面使人觉得很舒服；另一方面，还可以提高开发效率。下面简单介绍vue文件在Sublime Text3 中高亮的vue插件的安装方法： 第一步：安装Package Control 第二步：执行Install Package 第三步：安装Vue Syntax Highlight具体步骤如下：
2017-06-22 21:19:01
11702
原创 c#读取Excel中代码到dataGridView中
项目开发中，经常会遇到将Excel中的数据读取出来，在dataGridView中显示，最后倒入到数据库中。实现方法如下：1、添加引用，分别为：Microsoft.Office.Interop.Excel 和 Microsoft.Office.Interop.Excel，并引用到代码中，using Microsoft.Office.Interop.Excel和using Excel = Micr
2017-06-21 20:53:13
2614
4
原创 c#将dataTable中的数据导出到Excel表中
开发中，经常会遇到将数据导出到Excel中的需求，下面简单介绍将dataTable中的数据导出到Excel中。方法：第一，添加引用：第二，代码实现，建类：using System;using System.Collections;using System.Text;using System.Data;using System.Threading;using Syste
2017-06-21 20:42:57
5991
2
转载 c#将dataGridView中显示的数据导出到excel中
开发中很多情况下需要将dataGridView控件中显示的数据结果以Excel或者Word的形式导出来，本例就来实现这个功能。方法：先将dataGridView中显示的部分存进DataTable，然后就DataTable导出到Excel。首先，添加引用：第二，创建类：using System;using System.Collections;using System.T
2017-06-21 20:30:34
13898
5
原创 c#中dataGridView显示行号的方法
在写c#程序时，有时会要求dataGridView中的行号显示出来，从而实现更加直观的效果。代码如下：效果：
2017-06-21 20:12:28
3726
转载 c#程序运行时，不弹出DOS窗口，但窗体执行
创建好控制台程序后，执行步骤：选中项目>>>右键>>>属性>>>选择输出类型为“Windows应用程序”，这样程序执行时，就没有DOS窗口了。如下图：
2017-06-21 16:49:41
3933
转载 谷歌浏览器插件-jsonView的安装与使用
本文转载：http://blog.csdn.net/yy228313/article/details/50535246一、安装1、打开 https://github.com/；2、搜索jsonView，链接：https://github.com/search?utf8=%E2%9C%93&q=jsonview；3、选择需要的插件，（选择gildas-lormeau/JSONVi
2017-06-14 17:18:40
1592
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人