原创 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'} />原