原创 【精】微信小程序生成二維碼海報分享 [原理+源碼]

關於海報分享的教程數不勝數, 但是我沒能找到一個好用的, 爲了實現這個功能結合了三篇教程耗時三天才把海報搞定; 首先網絡上教程都是直接上教程代碼, 然後代碼加思路, 對小白我來說就是一頭霧水, 只能邊走邊理解; 這篇教程記錄自己實現海報過

原创 React 之 Expected an assignment or function call and instead saw an expression 解決辦法

兩個問題:  Line 13:57: Expected an assignment or function call and instead saw an expression no-unused-expressions Line 2

原创 多個數組對應的索引生成新的數組 用動態屬性名解決

場景: 後臺返回的數據 let params = { rank: '1,2,3,4,5,6,7,8,9,10', name: '天娛百貨,小百貨,壹方城,美宜佳,正佳廣場,武林店鋪,萬匯寶,聚寶盆,美滋滋,

原创 [樹莓派] 燒錄安裝系統 卡在彩虹屏 彩色屏 四格彩色方塊屏 解決辦法

材料: 樹莓派4b, 32G內存卡 出現彩虹屏原因: 32G及以上的內存卡不支持NOOBS方法安裝樹莓派系統, 表現現象是一直卡在彩虹屏. 解決辦法: 燒錄 Raspberry Pi OS ,或換16G及以下的卡 強烈推薦使用: Ras

原创 [樹莓派]Debian Linux系統下Jenkins安裝教程

前言 型號: 樹莓派4b 版本: Raspberry Pi OS (32-bit) with desktop and recommended software (32位桌面帶推薦軟件版) 信息: Linux raspberrypi 4.

原创 Js 數組對象中指定相同的屬性名歸類的方法

需求: 以相同的date(日期) 進行分類 源數據:  過濾後: 實現代碼: let newData = {} data.forEach(e => { //新建屬性名 if (Object

原创 [React] Maximum update depth exceeded

Uncaught (in promise) Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState

原创 [React] Cant perform a React state update on an unmounted component 是props傳值數據修改了引出的bug

Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak

原创 前端自動化部署教程

百度翻了一遍, 沒有一個適合前端的自動化部署教程, 什麼配置服務器, 配置nginx代理服務等等, 對純前端非常不友好; 本文教程也同樣適合後端閱讀;本文github,gitlab通用; 一. 什麼是自動化部署 傳統部署前端網頁的做法的是

原创 [Jenkins] java.io.IOException: Cannot run program “sh” 的解決辦法

再windows操作系統jenkins自動化部署的時候, 由於自動化構建的命令是shell執行的,而默認windows從path路徑拿到的shell沒有sh.exe, 可能這是windows的問題, 其他系統我不清楚, 以下是windo

原创 JS中0.28*100, 0.29*100 和 0.28/100 得到的值精準度問題

乘法:  0.28和0.29乘100都沒有得到預期的值. 除法: 0.28除100沒有得到預期的值, 0.29正常.   解決辦法: 我這裏是用parseInt()解析成整數   原因: 浮點數不能直接進行相等比較, 計算機中是採用近

原创 Antdesign 之 upload組件上傳校驗失敗還繼續成功上傳的解決辦法

問題代碼  以官方文檔(3.x)代碼爲例, 如下校驗上傳圖片格式和大小,但事實上圖片照樣上傳成功:  function beforeUpload(file) { const isJpgOrPng = file.type === 'i

原创 JS獲取url參數 分別獲取普通地址和hash地址方法

1.普通地址 (/) http://www.baidu.com/home?id=1&uid=2 使用以下JS函數獲取url參數: function getQuery(val){ var query = window.loc

原创 react之antd自定義表單控件(如form + table如何使用)

Form(表單)Funtion組件代碼:  const FormComp = () => { //點提交按鈕就會觸發這個事件並打印Form表單的值 const onFinish = values => {

原创 React三層多選框聯動/三級複選框聯動實現方法 (Vue同理數據驅動思想)

 靜態效果圖: 動態效果圖: 代碼(安裝ant design就可以跑了): import { Checkbox, Collapse } from 'antd'; import React, { PureComponent } fro