原创 常見設計稿字體對應字重font-weight大小
在拿到 UI 設計稿時，可以經常看設計稿中常見的字體有 PingFangSC-Regular、PingFangSC-Medium、PingFangSC-Bold，並不會直接給我們 font-weight 的值。在這我們就需要知道常
2020-06-25 10:12:43
4
原创 h5頁面適配 iPhoneX
h5頁面如何適配 iPhoneX 的劉海屏與底部操作欄也變成了移動端開發所需要了解的常用知識，下面分享兩篇 網頁適配 iPhoneX 的經典好文 網頁適配 iPhoneX，就是這麼簡單 兼容iphone x * 劉海的正確姿勢 使
2020-06-25 10:12:42
1
原创 sass 中如何使用 calc 計算變量
問題描述 問題很簡單，在計算 vh 和 px 時，需要使用 calc() 函數 例如，設置一個容器高度： height: calc(100vh - 60px); 然而在開發過程中，一些有特殊意義的數字還是儘可能賦給 sass 變量
2020-06-25 10:12:42
24
原创 React Native Web 安卓h5 Touchable onPress 觸發兩次問題解決
在維護基於 React Native Web 的 h5 項目時，遇到這樣的一個 bug，在部分安卓 h5 頁面一些點擊事件會穩定觸發兩邊，這樣的問題在 iOS 和 pc 調試 h5 都是好的，甚至同一機型只要另外換一個瀏覽器可能也
2020-06-25 10:12:42
1
原创 原生 js 獲取 dom 元素 css 樣式的四種方法及對比
在動態操作 dom 元素時，如果我們要獲取或設置一個元素的寬高、top、left 等樣式時，jq 中的 .css 是常見的方法，那麼在原生 js 中呢？首先想到的就是 element.style 方法，這個方法雖然可以獲取也可以設
2020-06-25 10:12:42
1
原创 如何在VSCode設置/取消隱藏文件
在學習 Husky 的時候，想要在 VSCode 裏面查看 .git 文件夾下的 hooks 文件夾，卻連 .git 文件夾也找不到。後面才知道是因爲 VSCode 的用戶設置將某些文件夾給隱藏顯示了（裏面就包括了 .git 文件
2020-06-25 10:12:42
1
原创 React Native Text 組件顯示不全解決方案
github上此問題的討論 傳送門 BUG 體現效果(左出問題安卓真機，右ios模擬器) 設置 minWidth 無法自動撐開 View，除非 minWidth 設置得大些 發生場景 這個解決方法不一定能夠解決所有的問
2020-06-09 11:44:38
原创 使用 brew services 管理後臺服務(MacOS)
在編寫項目的時候，時常需要開啓一些諸如 nginx、mysql、redis 等後臺服務，然而每次開機都要重新手動去開啓這些服務，而且有些還要保留一些終端窗口去維持服務。 這時我們可以用到 brew services 來管理這些後臺
2020-06-09 11:44:37
1
原创 測試必學——charles 抓包真機APP小程序
使用charles算是一項測試必備的技能，這有助於看到程序調用的接口及接口返回的數據，可以讓你迅速定位問題是前端還是後端的Bug，而作爲開發者這同樣也是要學的，開發一般都是在電腦模擬器中調試，有時真機會出現與模擬器上不同的問題，
2020-06-09 11:44:37
原创 Xcode Could not locate device support files 怎麼解決
每次在更新手機 iOS 系統之後，xcode 連真機調試的時候總會提示如下錯誤 Could not locate device support files 根據提示，很快可以得知當前版本的 Xcode 不支持手機的新版本了，解決
2020-02-22 20:50:43
原创 React Native 佈局 padding 失效問題解決
1. 問題產生 在新項目開發過程中，發現了一個 View 組件 padding 失效的問題，這裏記錄一下問題和解決方案 首先在佈局一個文本溢出的 Text 組件，效果很正常，外部左右設置的 padding 均正常顯示 可是加了一
2020-02-22 20:50:43
原创 React Native 安卓人民幣符號顯示異常問題解決
在項目中經常會發現人民幣符號 ￥ 在安卓機下的顯示異常（只顯示一橫如下圖），而 h5、iOS 均無誤 這是因爲全角半角的原因，全角 ￥ 會受系統影響，而半角 ¥ 則基本不受影響 那麼知道原因之後，我再來介紹兩種解決方案： 全角
2020-02-22 20:50:43
原创 Charles 兩種常用 mock 請求方法
知道如何去 mock 請求都很有利於不論是翻新老的項目還是開始新項目的研發，藉助 Charles 我們就可以做到如何 mock 我們想要的請求。 1. mock 請求到本地文件 這裏使用 Charles 的 Map Local 功
2020-02-22 20:50:43
原创 從零構建 React 開發環境(一) —— hello world，麻雀雖小五臟俱全~
此係列更多的是個人對環境構建的一些記錄，純屬個人的自娛自樂順便做個分享，可以當做一個 React 的入門練習。 文末tip：–save 與 --save-dev 區別 **注：**需要注意的是此類講步驟的文章由於第三方庫的升級
2019-10-27 01:22:34
1
原创 react-native run-ios 找不到 simulator 解決方案
實際問題 react-native run-ios 腳本卻會拋出如下錯誤： Could not find iPhone X simulator 在網上也能找到一些解決方案，比如下面這個： react-native run-ios
2019-10-26 02:20:50
1