原创 Flutter:1個人,100天業餘時間,能開發出什麼?

項目介紹 這個一個淘電商APP,同類型的APP有粉象生活、花生日記、好省、折800等等,基本上一個常規電商APP該有的,這個項目都有了。目前,該項目的完成度爲80%,剩餘的20%因爲沒有後臺項目支持,所以無法完成。 爲啥要做這個東

原创 Flutter代碼錦囊---淘口令複製彈窗

對於淘系電商APP或其他類似的APP而言,獲取剪貼板上的淘口令,再解析出具體的商品詳情,是整個APP的核心業務操作,就像下面圖片展示的這樣。 下面我們就用Flutter實現這個功能,首先是前面一部分導入相關引用和常規頁面佈局代碼

原创 Flutter代碼錦囊---搖一搖

現在很多APP裏面的會出現讓用戶拿起手機搖一搖的場景,除了最常見的微信、QQ等社交APP裏面的搖一搖,我們在把APP給測試人員測試的時候,也經常要添加上搖一搖彈窗切換環境的場景,比如下面的場景。 所以,下面就來演示一下在Flut

原创 Flutter代碼錦囊---魔改進度條

Flutter框架提供了Material Design風格的線性進度條(LinearProgressIndicator)組件,就是下面的樣子,方方正正的,一點也不圓潤。 但是很多APP的設計都按照Material Design風格來

原创 Flutter代碼錦囊---集中管理路由與導航

當一個Flutter項目的頁面多來以後,頁面跳來跳去的,開發者自己都會暈,所以需要用一個集中、靈活的方式去管理項目中所有頁面的路由與導航。 通常我們是使用主頁(home)屬性設置應用程序的默認路由,即Navigator.default

原创 簡單的識別貓狗的模型

從Google下載貓狗訓練集與驗證集的zip壓縮包,提取到項目目錄下。這個文件夾裏面包含訓練(train)和驗證(validation)數據集的子目錄,而且每個子目錄都包含貓和狗的子目錄。 可以直接在它這個目錄下創建一個python

原创 TensorFlow版本的HelloWord

下面是TensorFlow官網提供的一個入門代碼,對於一個機器學習的新手來說,好難呀,所以下面就只能一行一行的來理解了。 import tensorflow as tf mnist = tf.keras.datasets.mnist

原创 使用PyCharm快速安裝TensorFlow

本來之前寫的《使用VirtualEnv在Mac安裝TensorFlow》已經搭建好TensorFlow學習環境了,後來發現使用PyCharm搭建TensorFlow學習環境簡直不要太方便了,就重新搭建了一遍! 啓動PyCharm,創建

原创 Flutter代碼錦囊---根據環境選擇URL地址

現在要給公司開發一個內部使用的APP,但是因爲是小公司,沒有多餘的服務器資源,只能拿公司的主機當服務器,也只能在通過映射實現外網訪問。所以呀,很蛋疼,只能想辦法判斷用戶是在內網使用APP,還是在外網使用APP,然後根據環境選擇URL請

原创 python操控chrome抓網頁

通過chrome瀏覽器直接打開目標網站,然後直接抓取裏面的前端代碼,可以讓我們不必分析、破解目標網站的接口加密規則,因爲對於非目標網站的內部人員來說,這個工作可沒有那麼簡單。 首先要了解的是,WebDriver是一個開源工具,用於跨多

原创 Flutter佈局錦囊---綁定手機頁

設計給的效果如下: 拿到設計後,先把整體拆分成幾個部分: “頂部導航欄”,標題+取消按鈕+跳過按鈕的應用欄。 “手機號輸入框”,用於獲取手機號碼的圓角邊框輸入字段。 “驗證碼輸入框”,用於獲取驗證碼的圓角邊框輸入字段,還包括獲取驗

原创 Flutter佈局錦囊---圓框的表單字段

設計給的效果如下: 拿到設計後,先把整體拆分成幾個部分: “黑色圓角邊框”,因爲文本字段(TextField)組件的沒有符合需求的樣式,所以要自己做一個邊框。 “文本輸入框”,去掉文本字段(TextField)組件默認樣式的文本輸

原创 Flutter佈局錦囊---完善信息頁

設計給的效果如下: 拿到設計後,先把整體拆分成幾個部分: “用戶暱稱輸入”,獲取用戶輸入的暱稱信息。 “用戶頭像選取”,獲取用戶選取作爲頭像的圖片。 “用戶性別選擇”,獲取用戶選擇的性別信息。 “提交按鈕”,提交用戶的信息。 然

原创 Flutter佈局錦囊---男女性別單選

設計給的效果如下: 拿到設計後,先把整體拆分成幾個部分: “點擊操作”,感應用戶選擇性別的區域。 “選擇性別男”,性別男的選擇區域,點擊會更新圖片和樣式。 “選擇性別女”,性別女的選擇區域,點擊會更新圖片和樣式。 然後就可以開始

原创 Flutter佈局錦囊---有背景圖的頭像選擇

設計給的效果如下: 拿到設計後,先把整體拆分成幾個部分: “獲取相冊圖片”,Flutter團隊開發的圖片選擇器(image_picker)插件,從手機相冊中獲取圖片。 “默認頭像圖片”,新用戶默認的頭像圖片,右下方通過一個小圖片提