原创 React 與 VUE 數據傳輸對比

我們熟悉的 VUE 可以方便的實現父子組件的傳值。剛開始接觸 React,傳值有一定疑惑,需要注意父子組件的傳值,關鍵是理解 React 的狀態驅動,以及子組件向父組件傳值的三種方式。 父組件傳遞給子組件 概述:React中主要使

原创 前端學習SVN版本控制代碼管理

現在大部分項目的版本控制是 git 軟件。一部分面試會問到 SVN,這裏簡單學習總計一下 SVN。 1、SVN 簡介 軟件開發過程中,可能多人編輯同一個文件會產生衝突,此時需要版本控制軟件。 最早在linux開發的CVS可以實現,

原创 log4js 安裝和配置

在 nodeJS 開發中,不能直接使用 console.log 打印相關日誌並 debug。所以,查閱資料後,可以使用 log4js 在終端打印日誌。下面是具體的安裝和使用。 除了直接打印日誌,這個庫還支持這些功能:支持使用不同顏

原创 更改自定義 input CheckBox 顏色

使用表單驗證時,CheckBox 是不可缺少的一部分。 由於瀏覽器兼容性,checkbox 會顯示不同的樣式,直接設置 input 的 backgroundColor 屬性,不能改變checkbox 的背景顏色和樣式。 下面是 S

原创 拒絕佛系,堅持擼碼

佛系青年,來源於日本,表示對於生活和工作的慾望很低,對於個人和未來沒有規劃的青年。後來便衍生出佛系旅遊、佛系考證這類詞,可是,正值花樣年華的年紀,還沒看清世界,怎麼就看破紅塵了呢。 白天工作很辛苦,晚上給自己放個假,葛優躺起來。其實,這

原创 Pytest 安裝踩坑總結

pytest 是 python 測試工具之一。LeetCode 部署 pytest 用來單元測試。詳細說明見官網文檔(http://www.pytest.org/en/latest/)。 今天安裝這個測試工具踩坑不少,簡單總結一下

原创 fetchMetadata: sill mapToRegistry 報錯 create-react-app 執行慢的解決方法

使用 create-react-app 庫進行 React 項目初始化時,有時候會顯示網絡問題造成無法安裝。 更換網絡,關閉代理後,執行 create-react-app + 項目名稱,仍然無效。 問題原因:執行 create-react

原创 報錯 mysql: command not found

這個錯誤的含義是:mysql 命令沒有找到。解決如下: 1、首先檢查 mysql 是否運行 在 Mac 下面,點擊系統偏好設置-mysql 可以看到是否啓動。如果沒有啓動,可以輸入系統密碼後啓動mysql。 2、mysql已經

原创 前端MySQL數據庫知識點

阿里雲大學 鏈接地址:https://edu.aliyun.com/course/153/lesson/list mysql 數據庫的簡單介紹,安裝配置MYSQL,基本的SQL命令。 01 簡介 SQL:一種編程語言,strcut

原创 Ant design mobile Actionsheet 組件的思考和改進

使用螞蟻金服的 ant-design UI 組件庫的移動端組件時,最近遇到一個問題。 官方的模板是這樣的 showActionSheet = () => { const BUTTONS = ['Operation1',

原创 npm publish 報錯 Failed put 502

今天在 npm 發包時,本地打包正常,但是 npm publish 命令後,界面出錯。 服務器返回報錯信息:failed put 502 error parsing JSON   檢查本地發佈環境: 本地沒有設置代理服務器; npm 的

原创 JS 判斷元素父子關係

在工作中遇到一個問題:如果界面元素很多,如何判斷當前點擊的元素,和某個元素是否有父子關係? 下面這個截圖中,可以看到有20個DIV在嵌套。如果界面發生一個點擊事件,在document 監聽到這個點擊事件,怎樣判斷點擊位於哪個父元

原创 React 的 PureComponent 與 Component 區別

1、官方文檔解釋 在 React 中,Component 和 PureComponent 有一些區別,官方的解釋如下: React.Component is the base class for React components

原创 搭建 hub 和 table 注意事項

單獨運行 hub 按照 專業版docker開發環境 文檔進行安裝 環境:需要安裝 docker nodeJS apt-get… 注意事項: 環境必須乾淨(安裝路徑簡單,無其他文件,無殘留文件) Docker-compose.ym

原创 前端編輯圖片縮放圖片JScropperJSfabricJSEaselJSfabric-photo

最近接到一個新的需求: 用戶可以上傳圖片到瀏覽器,然後進行基礎的編輯。 下面是四個圖片編輯方案 方案1 cropper.js 這是國內同行寫的組件,星標 7.8K,比較穩定。缺點:最新版本基於Jquery,早期版本原生JS。 代碼