原创 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