原创 Ant Design Pro項目ProTable怎麼獲取搜索表單值

前情 公司有經常需要做一些後臺管理頁面,我們選擇了Ant Design Pro,它是基於 Ant Design 和 umi 的封裝的一整套企業級中後臺前端/設計解決方案。 產品效果圖 最新接到的一個後臺管理界面需求,如下圖。需要實現數據

原创 Vue項目報TypeError: Cannot read properties of undefined (reading '_wrapper')

前情 最近在做一個營銷活動的時候,我選擇了Vue技術棧來開發。 坑位 項目看似一切都正常,但當我在綁定的js事件中去修改當前組件的data上的值時會報錯:TypeError: Cannot read properties of undefi

原创 React使用useRef調用子組件方法

前情 公司前端主技術棧是react系,最近在提取組件的時候想到vue可以通過ref獲取子組件,再調用子組件的方法,於是想在react中實現同樣效果。 實現原理 父組件調用useRef獲取ref對象,再通過屬性把ref對象傳入子組件,子組件通

原创 Taro微信小程序獲取Tab頁可視區域高度

前情 公司有自己的小程序項目,因公司主要技術棧爲react,所以選擇了Taro來開發,Taro是京東出品的多端統一開發解決方案,用來開發小程序也相比用原生開發,在開發體驗上好很多,而且還能使用成熟的React技術棧。 Tab頁可視區域高度獲

原创 Ant Design Pro項目Popover位置微調

前情 公司有經常需要做一些後臺管理頁面,我們選擇了Ant Design Pro,它是基於 Ant Design 和 umi 的封裝的一整套企業級中後臺前端/設計解決方案。 產品效果圖 最新接到的一個後臺管理界面需求,需要使用到Popov

原创 Ant Design Pro項目ProTable怎麼實現單元格合併效果

前情 公司有經常需要做一些後臺管理頁面,我們選擇了Ant Design Pro,它是基於 Ant Design 和 umi 的封裝的一整套企業級中後臺前端/設計解決方案。 產品效果圖 最新接到的一個後臺管理界面需求,需要根據相同的ite

原创 Ant Design Pro項目啓動報can not resolve dependence:’…/node_modules/@umijs/renderer-react‘

前情 公司有經常需要做一些後臺管理頁面,我們選擇了Ant Design Pro,它是基於 Ant Design 和 umi 封裝的一整套企業級中後臺前端/設計解決方案。 坑位 今天啓動項目報如下圖 Why? 網上資料瞭解說是項目路徑

原创 Ant Design Pro項目一初始化就報a標籤嵌套a標籤錯誤<a> cannot as a descendant of <a>

前情 公司經常需要做一些後臺管理頁面,我們選擇了Ant Design Pro,它是基於 Ant Design 和 umi 的封裝的一整套企業級中後臺前端/設計解決方案。 坑位 按官方文擋一步步下來,項目啓動後發現控制檯就有一個報錯,報錯

原创 前端跨平臺調試代理神器Whistle

概述 抓包一直是平時開發中經常要做的,有一款好用的抓包工具可以讓開發體驗更棒,以前一直用fiddler,fiddler雖然強悍,但是入手有一定難度,而且較笨重,今天介紹另一款抓包工具:Whistle。 Whistle是一款前端調試神器,通過

原创 window下cmd顯示亂碼

前情 最近在維護一些老項目,本地開發環境跑不起來,需要根據cmd中的報錯來解決一些環境問題 坑位 在解決環境錯誤的時候,cmd命令行日誌打印出來的是一堆亂碼,導致看不清具體是什麼錯誤 Why? cmd行打印的日誌亂碼,很大可能是因爲c

原创 fiddler:The system proxy was changed.Click to reenable capturing

前情 最近在開發一個老舊項目,由於本地環境已難跑起,於是想通過代理線上代碼進行功能開發。 坑位 啓動fiddler後,fiddler菜單欄會警告,大概意思是代理被更改了,點擊重啓fillder代理,但是點擊後用一會又會出現重複警告。 W

原创 taro 編譯報:模塊引入順序不一致報錯

前情 最近在開發一個小程序項目,基於公司的技術棧是React,於是使用Taro來開發小程序。 坑位 在開發中經常性的報類似如下的錯誤,大致意思是說你引入模塊的順序在不同模塊中不一致 Why? 主要是mini-css-extract-

原创 Vue項目“TypeError: Cannot read property ‘_wrapper’ of undefined

前情 最近在開發一個H5營銷活動項目,爲了更高的開發效率我使用了Vue全家桶來實現。 坑位 在開發中遇到一個奇怪報錯(報錯截圖如下),從提示看也定位不到是哪裏出問題 Why? 在報錯的頁面仔細看了一遍代碼,發現是一個click事件綁

原创 Git clone報錯“Connection was reset, errno 10054”

前情 最近在使用一個UI庫的時候,發現其中一個BUG,於是想嘗試提一個PR。 坑位 我平時習慣用https的方式拉取代碼,發現在clone代碼的時候一直失敗,錯誤提示:OpenSSL SSL_read:Connection was rese

原创 Uniapp And Taro一些小測評

前情 最近公司準備新開發一個小程序項目,對於使用哪一款小程序框架有一些猶豫,我有過2年左右的uniapp項目開發經驗,Taro在剛剛出來的時候有嘗試過,經常莫名報錯需要重啓,在內心是有些偏向uniapp一方的,趁項目還未正式啓動前,老大也願