原创 react-native如何本地持久保存(類似sessionStorage或者localStorage一樣)

引入  import { AsyncStorage, } from 'react-native'; A.js組件保存 (注意⚠️:保存只能是字符串) (res) => { console.log('getColum

原创 關於react-native 的 SectionList組件、FlatList組件實現九宮格樣式(類似相冊多item項排列)

針對FlatList組件,有2種九宮格實現方案: (1)FlatList組件自帶的屬性,numColumns={4},分割爲4格子 (2)FlatList組件自帶的屬性,contentContainerStyle,修改其renderIte

原创 前端 如何提交form表單格式的請求體

以Dva.js爲例子(models.js): 下面代碼中,有2個接口方法,1、addCollect添加收藏 2、cancelCollect取消收藏 提交表單格式的數據,需要new FormData 申請一個表單格式的實例,再通過實例去追加

原创 React-native 開發APP優化篇(一)

React-native 開發APP應儘量以以下目標來實施開發: (1)應儘量少發起請求,能免就免 (2)應儘量少的使用this.setState,多次render除了低效之外,還容易導致一些莫名的bug (3)如果一個頁面(如首頁),有

原创 Your local changes to the following files would be overwritten by merge: src/common/env.js

git提交時,報瞭如下錯誤: Your local changes to the following files would be overwritten by merge: src/common/env.js 意思是,本地的修改需要

原创 react 移動端h5 監聽滾動document.documentElement.scrollTop取值總取上一次滾動觸發結束的值

 react 移動端h5 監聽滾動document.documentElement.scrollTop取值總取上一次滾動觸發結束的值,也就是上一次滾動到700,這一次滾動到900,那麼在touchmove事件回調中打印出的是700 一個

原创 react react-native yarn start 清除緩存

解決方法:  方法一、 yarn start --reset-cache 方法二、 第一步:npm指令清除npm緩存 npm cache clean --force 第二步:刪除node_module包  

原创 react 行內樣式的!important不生效怎麼處理

React本身不支持在行內style裏直接寫成fontSize: `${fontSize}px !important`,具體原因不清楚 解決辦法如下代碼所示,使用ref的方式去處理該h1虛擬元素的樣式(請注意,node.style.set

原创 require unknown module 1679(react-native XCode跑起來報錯)

我是在切換分支代碼後出現這個問題的,是因爲沒有清除上次文件的緩存導致的,需要npn run start reset --cache 或者XCode 進行 Product->Clean

原创 關於setTimeout和Promise執行順序問題

先看一段代碼 console.log('打印'+1); setTimeout(function(){ console.log('打印'+2); }) new Promise(function(resolve,reject){

原创 RN 遇到了哪些坑

1、Image組件: overlayColor 當圖片有圓角的時候,指定一個顏色用於填充圓角處的空白。雖然一般情況下圓角處是透明的,但在某些情況下,Android 並不支持圓角透明,比如: 某些 resize 模式比如'contain'

原创 JavaScript 如何計算HTML標籤文本的行數

樓主有個需求,Span標籤內容超過2行,就隱藏剩餘文本,第二行文本末尾省略號表示,這就需要一個顯示更多 / 收起 的控制開關了 那我們怎麼知道文本到底有幾行呢? 實現原理是:行數 = 文本總高度 / 文本實際行高(非單純的lineHeig

原创 react筆試題

1、rn碰到了哪些坑 2、setState有幾個參數 3、js事件輪詢 4、setTimeout和Promise同時執行,哪個的回調先執行 5、android和ios的圖片圓角兼容問題 6、RN與JS通信的原生接口叫什麼,怎麼用 7、說

原创 HTML文章頁面,由其他文檔拷貝過來的換行符識別不了問題的解決(一行樣式解決)

今天做一個文章展示頁面,當我將填充文章copy上去的時候,發現頁面並沒有識別文字的換行,而是將文字都擠在同一行 我嘗試用<pre></pre>標籤,但效果並不好 百度過後才知道,CSS中由“white-space” 屬性設置如何處理元素內

原创 react 寫移動端H5頁面 引用本地圖片 且路徑正確,但是圖片無法正確展示(會展示成默認圖片)

經過F12查看元素element, 發現react本地編譯由瀏覽器渲染後,竟然是將<img src="../assets/[email protected]" style={widht: '20px', height: '20px'} />原