原创 js 讀取附件eml

1、eml後綴的文件是郵件導出的特有格式,前端往往有需求展示郵件內容,方法如下   2、安裝eml-format:  yarn add eml-format 或npm install eml-format   3、讀取方法 import

原创 react dnd 拖拽antd table

1、封裝拖拽Table import React, { useState, useCallback, useRef, useEffect } from 'react' import { DndProvider, useDrag, useD

原创 新環境下啓動老項目,npm install後啓動有報錯

常常會有這樣的問題,運動的好好的項目,在新搭建的環境中運行不起來或有報錯 踩了不少這樣的坑 大概原因:依賴包下的依賴包版本與依賴包版本不相符,有點繞,看完後面的就清楚了。 1、查看報錯的是什麼地方,多半是依賴包報錯 2、npm ls查看當

原创 react dnd 實現拖拽功能,一個列表拖到另一個列表

  1、拖拽組件封裝   import React, { useState, useEffect } from 'react' import { DndProvider, useDrop, useDrag } from 'react-dn

原创 JavaScript 對象或數組賦值不改變原對象或數組

  JavaScript 中對象或數組的賦值是默認引用賦值的,使得改變對象時,原對象跟着改變, 如果你想要複製賦值,則必須要重新分配對象,使用如下代碼即可避免此問題: 1、對象 Object.assign({}, object) let

原创 js moment 相對於當前時間的表現形式(5分鐘前,1小時前)

/** * 獲取相對於當前時間的表現形式 */ function timeFromNow(time) { const format="YYYY-MM-DD HH:mm:ss"; const formatDate="Y

原创 小程序開發-環境搭建

1、註冊小程序:https://mp.weixin.qq.com 2、獲取開發者ID 點擊左邊導航欄 開發-開發設置,可以查看AppID,開發時需要用到   3、下載開發工具 鏈接:https://developers.weixin.q

原创 vue 使用v-model綁定自定義子組件

v-model大部分解釋是語法糖,其實就是在父組件中定義一個變量,通過v-model綁定變量傳入子組件中,並在子組件改變這個值時,父組件能拿到最新到數據 下面具體說說如何通過v-model綁定自定義組件,算了,也沒什麼說的,也不知道咋說

原创 js 表格導出Excel

依賴包 yarn add js-export-excel yarn add xlsx import ExportJsonExcel from 'js-export-excel' import moment from 'moment

原创 小程序開發-導航欄

大部分小程序都是有底部導航欄的,具體怎麼實現呢,需要在app.json中配置,下面上代碼 { "pages": [ "pages/index/index", "pages/yonge/index", "pages/mine/mine" ]

原创 css 最常用樣式

1、超出框架可滾動 { overflow-y:scroll; }   2、超出寬度顯示省略號 { overflow: hidden; text-overflow: ellipsis; width:100px; }   3、div同一行顯示

原创 braft-editor 圖片(媒體庫)上傳至服務器並通過服務器返回鏈接展示

const myUploadFn = (param) => { const serverURL = 'http://upload-server' const xhr = new XMLHttpRequest const f

原创 js異步處理,指定時間內循環timeout

10秒內每秒執行一次方法,如果得到想要結果,停止循環 for(let i=0;i<10;i++){ setTimeout(function () { ... if(...){ break; } }, i*1

原创 用變量巧妙替換switch寫法

你是不是經常寫這樣的代碼 fun(value){  name=""  switch(value){   case "A":    name= "AA";   case "B":    name= BB  }  return name }

原创 重置密碼 andt表單驗證

import React from "react"; import {Form, Icon, Input} from "antd";   function PasswordForm(props) { const { getFieldDec