原创 【Flutter】四十二、Flutter中文字過長顯示省略號

Text( item.name, overflow: TextOverflow.ellipsis, maxLines: 2, st

原创 【Flutter】三十八、Flutter動畫組件——動畫列表AnimatedList

AnimatedList List的動畫版。     AnimatedList中兩個關鍵的屬性就是itemBuilder、initialItemCount:itemBuilder是構建AnimatedList的方法;initi

原创 【Flutter】四十六、event_bus消息總線

用訂閱者模式實現消息的廣播,通過event_bus可實現對事件的觸發與監聽。 一、安裝event_bus event_bus: ^1.1.0 二、event_bus   event_bus中兩個比較重要的方法是on、fir

原创 【Flutter】四十一、Flutter解決沉浸式狀態欄——SafeArea

    下面是一個簡單頁面: import 'package:flutter/material.dart'; class SafeAreaRoute extends StatelessWidget{ @override

原创 【Flutter】三十六、Flutter解決點擊非輸入框時關閉鍵盤問題及TextFormField焦點切換問題

Form( key: _key, child: Column( children: <Widget>[ TextFormField( contr

原创 【Flutter】四十四、Flutter粘貼板——Clipboard、ClipboardData

Clipboard可操作系統的剪貼板,與之配合使用的有ClipboardData,表示剪貼板的數據。 一、Clipboard   Clipboard有兩個重要的靜態方法:setData和getData。其中setData是用來

原创 【Nginx】Nginx配置反向代理

一、正向代理與反向代理   正向代理:是一個位於客戶端和原始服務器之間的服務器,爲了從原始服務器取得內容,客戶端向代理髮送一個請求並指定目標(原始服務器),然後代理向原始服務器轉交請求並將獲得的內容返回給客戶端。VPN就是這樣的代

原创 【Flutter】三十七、Flutter動畫組件(二)

一、AnimatedContainer二、AnimatedCrossFade三、DecoratedBoxTransition四、FadeTransition五、PositionedTransition六、RotationTran

原创 【Flutter】四十三、webview_flutter的使用

使用webview_flutter可用來加載網頁。 一、安裝webview_flutter插件 webview_flutter: ^0.3.15+1 二、設置網絡權限 2.1 Android設置 在AndroidMani

原创 【Docker】CentOS 7安裝Docker

一、安裝docker 依次執行以下命令 sudo yum install -y yum-utils device-mapper-persistent-data lvm2 sudo yum-config-manager --add

原创 vue組件移動在DOM節點中的位置

mounted() { this.$nextTick(() => { const body = document.querySelector('body') body.append(body) }) }

原创 【Nginx】Nginx配置動靜分離

一、靜態分離   動靜分離:將動態請求與靜態請求分開,不是將動態頁面與靜態頁面分離。像如Tomcat在處理靜態資源的能力上不如Nginx,所以我們可以把動態資源放在Tomcat中,將靜態資源放在Nginx中。   動靜分離實現方式

原创 vue中的functional函數式組件

vue中的函數式組件也稱爲無狀態組件,與Flutter中的無狀態組件類似,其內部沒有任何狀態。函數式組件中只接受一個props參數,沒有其他參數。 <!-- 聲明爲一個函數式組件 --> <template functiona

原创 【Nginx】Nginx負載均衡配置

一、什麼是負載均衡?   負載均衡就是將負載分配到不同的服務器上,保證服務的響應速度。 二、Nginx配置負載均衡   Nginx配置負載均衡相對簡單,在nginx中的conf目錄中找到nginx.conf,添加一下配置: htt

原创 【Flutter】三十、Flutter動畫(一)

一、使用Animation完成簡單動畫 import 'package:flutter/material.dart'; import 'package:flutter/animation.dart'; class Animati