原创 react 開發移動端h5項目 圖片打包不顯示 可以這樣處理（轉換圖片爲base64）
項目做好了，準備打包構建，發現本地引用的圖片資源，在打包後未能生成，導致部署後，圖片未能顯示出來 方法就是，將圖片轉換成base64編碼 我們只需要到http://tool.chinaz.com/tools/imgtobase 這個站點，
2020-05-24 17:39:32
原创 React-native Flatlist/SectionList/ScrollView的onEndReached多次觸發問題解決
經過博主親自嘗試有效： 一、問題 RN項目裏使用Flatlist或者SectionList組件時，組件一加載，就會自行觸發多次onEndReached事件。 二、原因 經過調試發現，是因爲最外層父View沒有設置固定height或只設置{
2020-05-16 11:50:41
原创 react-native 中 同一個容器下設定paddingHorizontal=15下劃線寬度仍舊是100%
今天寫一個列表組件，每項數據項都要求有下劃線，且要扣掉左右邊距的寬度，於是我想到了用paddingHorizontal: 15 不過出現了這樣的現象：react-native 中，同一個容器下設定paddingHorizontal：15後
2020-05-09 01:36:23
原创 js正則表達式匹配攜帶有img子標籤的父級P標籤集合
/<img\b[^<>]*\b\/>/g \b表示匹配一個img標籤字符右邊有位置符號的元素，比如空格符等等 [^<>]*表示匹配非<>大小於號的其他任意字符，屬於貪婪匹配，如果只想匹配一次則在其後加？即[^<>]*？ \/轉義符，只爲
2020-05-07 00:28:03
原创 react-native 使用flexWrap無法實現換行
react-native 使用flexWrap無法實現換行，經過排查，發現是父元素定義了flexWrap: 'wrap'之後，子元素又定義了flex: 1導致撐開自適應，於是換行就無效了。。。
2020-04-30 10:34:41
原创 IphoneX系列適配
https://www.jianshu.com/p/691380f52acc https://blog.csdn.net/a18339063397/article/details/81482073
2020-04-30 10:34:41
1
原创 css3屬性選擇器以及屬性選擇器正則匹配的真實案例講解
首先，提供w3c的完整文檔： https://www.w3school.com.cn/css/css_selector_attribute.asp 先看我們要實現的效果圖（表情包和圖片的自適應做的應該還行）： 我們不想要看到的情況：
2020-04-25 20:28:23
原创 fatal: Unable to create '/Users/ng/Desktop/projects/Party_shell/app/.git/index.lock': File exists.
git 提交報錯： fatal: Unable to create '/Users/ng/Desktop/projects/Party_shell/app/.git/index.lock': File exists. 這是git的lock
2020-04-25 20:28:23
1
原创 關於Xcode 10.2.1 模擬器無法啓用問題 Timed out trying to boot simulator after waiting 60.00s.
今天，把xcode給卸載了，從新下載了一個10.2.1的，把xcode的配置好後: 以下爲配置新版xcode的方法，需要文件的可以去 我的資源裏面下載。 發生了神奇的事，自己的項目，真機能跑，模擬器弄起跑不起來，一直提示: Timed
2020-04-25 20:28:23
15
原创 react-native 開發時ios模擬器上可以正常顯示的列表 在android真機上一片空白的原因
記錄一個react-native開發app的一個常見坑。。。老是會忘記 ** 現象 ** 在ios模擬器上可以顯示的列表，但是在android上是一片空白，什麼都看不到 原因 排查到了原因是，一個列表容器忘記添加flex: 1了，
2020-04-20 03:56:53
原创 react-native 中的元素（zIndex，elevation）層級關係
1、zIndex是rn在0.30開始支持的屬性，是可以生效的； 2、shadow和elevation shadow（陰影）開頭的樣式現在可以在iOS上應用，但在安卓中是不生效的. 而Android上對應的屬性是elevationeleva
2020-04-20 03:56:53
原创 react-native iOS開發 Xcode8以上網絡限速（模擬器和真機）
更新： 新版本的macOS系統中自帶了Network Link Conditioner工具，因此不需要再自己手動安裝替換打開了，那麼如何打開它呢？ command + space(空格鍵) 打開全局搜索，輸入Network Link C
2020-04-16 02:25:19
原创 JavaScript 判斷iPhone X Series機型的方法
寫在前面 如果有更優雅的方式，一定要告訴我！ 現狀 iPhone X 底部是需要預留 34px 的安全距離，需要在代碼中進行兼容。 現狀對於 iPhone X 的判斷基本是這樣的： 1 2 // h5 export const is
2020-04-02 20:50:39