原创 vue+element-自定義指令，防止重複提交及重複發送http請求；節流throttle與防抖debounce舉例說明
方法一、控制標籤 全局directive的寫法 // 提交以後禁用按鈕一段時間，防止重複提交 import Vue from 'vue'; Vue.directive('noMoreClick', { inserted(el, b
2020-06-07 03:28:08
原创 基於ant.design4.3.1實現table的編輯
實現效果如圖所示 import React, { useState } from "react"; import { Table, Input, InputNumber } from 'antd' import { Minu
2020-06-07 03:28:08
原创 js的單線程事件循環機制(event loop)的典型例子
例1、以下代碼輸出結果 setTimeout(function() { console.log(1)//第二個宏任務 }, 0); new Promise(function executor(resolve) { co
2020-06-07 03:28:08
原创 react ant.design pro項目中實現innerHTML
html中這樣寫 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" c
2020-06-07 03:28:08
1
原创 ant design pro中的loading.effects的作用
在異步請求是loading變量會爲true，完成後會變成false，用來控制加載動畫 例如 publicNews/fetch這個接口執行完畢後currentNewsLoading值由true，變成false class Pu
2020-06-07 03:28:08
原创 apply、call、bind區別、用法-如何改變this的指向，以及實用場景
經常在各種三方插件看到這幾個，但是對其用法區分一直懵懵懂懂的，今天抽空做了個總結 正常調用f1函數，this指向window 改變this指向 bind 若想要f1裏的this依舊指向window，可如下設置（如：vue中使用導
2020-06-07 03:28:08
原创 React ant design 表單form自定義表單控件Demo
使用 <Form.Item label="名稱" name="name" rules={rulesConfig}
2020-06-07 03:28:08
原创 React函數組件和類組件的相同和區別
在線測試live demo 相同之處 props不能改變 父組件props有變化時，子組件隨之而改變 區別 區別 函數組件 類組件 生命週期 無 有 this 無 有 state 無 有 改變stat
2020-05-22 23:11:27
原创 React hooks - Ref 使用實例
useRef 返回一個可變的 ref 對象，其 .current 屬性被初始化爲傳入的參數（initialValue）。返回的 ref 對象在組件的整個生命週期內保持不變。 useRef() ，它可以很方便地保存任何可變值，其類
2020-05-22 23:11:27
原创 選中文字，在上方彈出操作按鈕；對選中文字進行高亮或者字體等等設置；document.execCommand的使用
效果一 效果二 + <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>contenteditable</title> <s
2020-05-16 11:14:21
原创 const爲什麼有時候能改變，有時候改變值又報錯？什麼情況下可用const聲明
const聲明一個只讀的常量。一旦聲明，常量的值就不能改變。 只聲明不賦值，就會報錯。 const命令聲明的常量也是不提升，同樣存在暫時性死區，只能在聲明的位置後面使用 const實際上保證的，並不是變量的值不得改動，而是變量
2020-05-16 11:14:20
原创 gitlab新建Project後常用提交方式
Git global setup 全局設置 git config --global user.name "youname" git config --global user.email "[email protected]"
2020-05-14 04:50:39
原创 基於React ant design 動態路由根據url的動態id，分別不同的頁面，並設置默認跳轉頁面
效果圖 法一 獲取params,然後進入“/account/company/:id”時獲取到的parmas的id爲“:id”，在js中判斷是否爲字符串":id"，若是history.replace跳轉到對應的"/accoun
2020-05-12 08:52:12
原创 用Github的Organizations進行多人管理代碼，讓別人也能上傳代碼並修改你的GitHub代碼
首先登錄GitHub官網進入個人“settings” 進入“Organizations”目錄並點擊新建 自己選一個，我選擇了免費版本 4.填入你的信息 5.按照提示輸入並確認新建，我這兒輸入是我上一步填寫的個人郵箱 6
2020-05-10 12:24:31
原创 React.Component、React.PureComponent、React.FC的使用與區別
1. React.Component 最常見的，包含最常用的render(),componentDidMount(),shouldComponentUpdate… shouldComponentUpdate(nextProps,
2020-05-08 16:30:29