原创 react-native系列(3)入門篇:使用VSCode及RN的代碼調試過程

VSCode是一款代碼編輯器,是微軟的產品,這款編輯器非常受歡迎的一個原因是它支持很多插件,當然也包括RN開發的插件。VSCode的下載頁是:https://code.visualstudio.com/,直接下載安裝即可。 安裝好後,可以

原创 react-native系列(7)組件篇:TextInput輸入文本框的雙向綁定

文本輸入框是APP中最常用的交互組件,在RN中用TextInput標籤表示。使用時要注意,它依然遵循雙向綁定的規則,通過定義一個state狀態值賦值至輸入文本框的value屬性中,同時組件監聽onChangeText事件來獲取輸入文本的變

原创 react-native系列(9)組件篇:最優列表顯示方案FlatList和SectionList

FlatList列表 FlatList是一個高性能的列表組件。原理是:只負責渲染當前可見的列表項,對於不可見的項將不會渲染因爲可見的項總是有限的,當一個項被劃出屏幕後,被滑出項的容器將會成爲新滑入的項的容器而不會重新再渲染一個,因此性能要

原创 《從0到1 開啓商業與未來的祕密》閱讀心得

該書作者爲彼得蒂爾(美國Paypal創始人),主要講述了一些人們對市場的認知及初創企業的心得。 認知 認知1:水平進步和垂直進步 水平進步:照搬已取得的經驗或成果,從1跨越到n,概括爲“複製”,如全球化。 垂直進步:探索新的道路,從0跨越

原创 react-native系列(6)組件篇: ScrollView滾屏及滾屏加載

ScrollView是RN中的一個滾動視圖組件,它必須有一個確定的高度才能正常工作,因爲在應用時往往會把將一系列不確定高度的子組件裝進一個確定高度的容器。關於滾動視圖高度這一點,不建議直接在樣式中設置一個固定的height值(在目前最新版

原创 react-native系列(16)組件補充篇:加載符號、範圍選擇、開關、狀態欄

這些都是一些官方組件,由於樣式上並不能完全自定義,一般不會直接用於實際項目中,但可以作爲設計屬性和結構組件時的一個參考例子,如入參的設計。 ActivityIndicator 顯示一個圓形的加載中提示符號。ActivityIndicato

原创 react-native系列(20)API篇:照片或視頻的獲取、保存、選擇與上傳

照片獲取與保存 官方提供了CameraRoll模塊訪問本地相冊的功能,它包含兩個方法: 方法 描述 CameraRoll.getPhotos(params); 表示獲取相冊數據,參數格式如下: {       first:number類

原创 react-native系列(19)API篇:請求系統權限(相冊等)

在舊版本,要獲取設備權限(如讀寫權限等)直接在項目中配置即可,無需過問app用戶。在新版本的API中,出於安全考慮,要獲取設備的相應權限需要通過權限請求,用戶通過之後纔可以獲取權限,android和ios的獲取權限方式不同。 androi

原创 react-native系列(25)API補充篇:活動狀態+設備返回鍵與振動+計時器+剪切板相關功能

AppState應用狀態 AppState用於檢測當前APP應用是否在活動中。可以通過屬性currentState獲取: AppState.currentState 如果間監聽活動狀態,可以使用: state = { appS

原创 react-native系列(10)組件篇:Modal模態框實現彈窗效果

模態框應用於界面彈窗,爲用戶提供通知、選擇、瀏覽等功能的組件。在RN中,模態框通過Moadl標籤引用。使用時注意,可以把Modal看成一個僅提供功能的外殼,它不包含任何樣式,只負責顯示/隱藏和動畫效果實現。Modal的子組件通常爲一個Vi

原创 react-native系列(8)組件篇:Touchable實現按鈕的點擊觸摸效果

在RN中並沒有onclick監聽,想要在組件中註冊點擊事件,需要使用Touchable。該組件也可以理解爲一個Animated.View容器,然後把需要註冊點擊事件的組件作爲子組件,並註冊onPress函數實現點擊效果。 Touchabl

原创 高級前端軟件工程師知識整理之Vue技術棧篇

1. 什麼是MVVM? MVVM是Model-View-ViewModel的簡寫,它本質上就是MVC的改進版。MVVM就是將View的狀態和行爲抽象化,將視圖UI和業務邏輯分開,View和Model之間並沒有直接的聯繫,而是通過ViewM

原创 高級前端軟件工程師知識整理之基礎篇(一)

1. 說出幾點前端優化的方法? (1)減少網絡請求次數。優化情形:客戶端向服務端請求大量資源,如圖片、js文件等。網絡請求遵循HTTP協議,每一次請求都是與服務端的獨立通信,在建立通信過程需要時間,如果請求次數過多會造成頁面反應遲鈍,遇到

原创 高級前端軟件工程師知識整理之跨域篇

1. ajax如何處理跨域? ajax使用jsonp請求實現跨域,關於這個網上已經很多資料了,基本用法這裏就不介紹了。其原理可以參考我的另一篇文章《18~19年大廠高級前端面招彙總之基礎篇(一)》中的【3. jsonp實現的原理是什麼?】

原创 高級前端軟件工程師知識整理之基礎篇(三)

11. 介紹一下sessionStorage 、localStorage 和 cookie 之間的區別?cookie和token作爲驗證手段又有什麼區別? sessionStorage 、localStorage 和 cookie 都保存