原创 vue中的mixins(混入)使用場景介紹

什麼是mixins(混入)? mixins是對vue組件的一種擴展,將一些公用的常用數據或者方法,構建一個可被混入的數據結構,被不同的vue組件進行合併,就可以在不同的vue組件中使用相同的方法或者基礎數據。 稍微有點理解vue混

原创 vue中mixins簡單使用

創建一個共用的mixins數據 <script> export default { name: 'myMixins', data() { return { name: '這是公用的名稱', clickCount

原创 echarts實現多邊雷達圖

import React from 'react'; import ReactEchartsCore from 'echarts-for-react/lib/core'; import EmptyData from '@/com

原创 前後端如何快速分離,獨立開發

正常的項目開發流程 第一步,產品部門出項目原型和思維導圖 第二步,設計師出設計圖,前後端分別派出一位大佬,根據原型圖設計接口 第三步,前端根據設計的接口和原型圖寫靜態頁面,後端根據接口文檔和原型寫服務器接口。 第四步,前後端對接,

原创 前端與後臺交互,fetch,formData

將文件轉爲base64的方法 const File2Base64 = (f) => new Promise((resolve, reject) => { try { const reader = new F

原创 react+typescript項目使用echarts的按需加載流程

如果沒有使用typescript,只用了react 請去echarts-for-reacthttps://github.com/hustcc/echarts-for-react 如果沒有用typescript,也沒有用react,

原创 小程序input使用confirm-type

小程序中使用input框與pc端略有不同 input框觸發事件 通過confirm-type屬性,改變手機彈出鍵盤右下角的文字, confirm-type 對應幾組值 綁定點擊這個右下角按鈕的回調事件,通過bindconfirm

原创 關於vuex保存的東西刷新後消失的問題

在默認模式下,vuex中保存的東西會在刷新之後被清空,導致我們想用vuex存儲一些狀態,比如登錄狀態,都會受到很大的影響 解決問題的辦法 第一步 在vue的store文件夾中,修改index.js改變正常的vuex定義state的

原创 js那些常用的遍歷節點的方法

點擊這裏查看詳情

原创 react classnames的使用

react中想要使用多個className時,就會用到classnames這個庫 安裝 install i classnames --save yarn add classnames --save vs code styles

原创 vue中修改data中數據的方法

vue的data中保存一些數據,用於頁面的渲染。有的時候,當我們手動對data中的數據修改時,vue卻監聽不到這些數據的變化,導致頁面沒有觸發新一輪的更新。 注意:出現以上問題的原因在於,沒有通過vue提供的方法對保存在data中

原创 react hook的使用

注意 :react hook 是react新版本更新之後出現的內容,老版本不支持 哪種情況需要使用hook呢? 創建組件有兩種方式,如果你不是class創建的組件而是function創建組件,你可能用得上 function創建組件

原创 antd 使用數據錄入 defaultvalue和value的區別

defaultvalue 默認數據值。 value綁定在組件的數據值 什麼時候使用value? 如果某些頁面,只是用來作數據展示,用戶不需要通過頁面來操作改變value值時,可以使用value,而不使用defaultvalue,避

原创 lerna管理packges的日常使用

要使用先安裝(全局) npm i lerna -g 安裝之後註冊npm,登錄npm(如果你還沒下載npm,可以不用看了) npm login 創建一個新的包 lerna create @scf/ding-userinfo

原创 react使用usestate踩坑

usestate的常規用法 在react框架中,不適用類組件,使用函數式組件又想自定義數據維護業務開發的時候,就需要使用react提供的hook來完成。usestate就是最常見的一種hook。 const [name,setNa