原创 Flutter 組件之AlertDialog、SimpleDialog、showModalBottomSheet、showToast、自定義Dialog

AlertDialog dialog彈框 在 showDialog中 定義 AlertDialog _alertDialog () async { var result = showDialog<void>(

原创 Flutter 組件之BottomNavigationBar自定義底部導航、實現頁面切換

import 'package:flutter/material.dart'; import 'pages/HomePage.dart'; import 'pages/Payment.dart'; import 'pages/Pe

原创 深度理解瀏覽器前端優化

優化關乎速度和滿意度。 從用戶體驗(UX)角度,我們希望前端網頁可以快速加載 從開發體驗(DX)角度,我們希望前端是快速,簡潔,規範的 瀏覽器都做了什麼? 我們希望瀏覽器打開一個簡單的網頁 <!DOCTYPE html> <h

原创 Flutter 組件之Card(卡片)、AspectRatio(寬高比) 、Wrap(流佈局)

AspectRatio(寬高比) 設置 寬高比相對於整個外層容器來設置,如果外層是全局屏幕, 寬高比就是按照屏幕的多少比例顯示。 如果像下面的例子,寬度是300 寬高比爲2/1 那麼寬度就是300 。高度就是150 clas

原创 Flutter 組件之Swiper輪播圖

flutter_swiper: ^1.1.6 //引入第三方包 import 'package:flutter_swiper/flutter_swiper.dart'; //圖片列表 List<Map> imgList =

原创 Flutter 組件之表單組件TextField、CheckBox、Radio、Switch

TextField 普通輸入框 TextField(//文本輸入框 decoration: InputDecoration(//表單定義模塊 hintText: "請輸入用戶名"//類似html的placehold

原创 Flutter 組件之ListView列表、Icon圖標

垂直列表可以直接定義盒子寬度,列表的寬度不生效。水平列表要定義寬度 入口文件 import 'package:flutter/cupertino.dart'; import 'package:flutter/material.

原创 中級JavaScript 思維面試題(一)

答案解析在底部 1、 問:下面的代碼會打印什麼 ? 爲什麼? window.a || (window.a ='1'); console.log(window.a); 2、 問:下面的代碼會打印什麼 ? 爲什麼? var a =

原创 Flutter 按鈕組件之RaisedButton、OutlineButton、FlatButton、IconButton、ButtonBar、FloatingActionButton

按鈕UI RaisedButton 普通按鈕、顏色按鈕、陰影按鈕、圖標按鈕、圓角按鈕、圓形按鈕 children: <Widget>[ RaisedButton( child: Text('普通按鈕')

原创 mpvue 開發微信小程序 Page "xx" has not been registered yet 和無法設置子頁面navigationBarTextStyle

Page “xx” has not been registered yet 正常頁面設置要在app.json上配置帶有文件夾的頁面文件, 否則程序識別不到。 如果pages 、subPackages 配置文件中都是正確無誤的那麼

原创 Flutter 組件之路由替換、返回跟路由、從哪來回哪去

返回到上一級頁面 Navigator.of(context).pop(); 原理:不清除路由路徑(路由棧),保存所有的路由過程 需求: 正常返回上一頁面 替換路由 原理:每跳轉一個路由便清除上一路由頁面,所以操作到最後一步返

原创 vue computed 和 vm.$data 原理

仔細閱讀註解內容。會針對源碼原理深度講解 原文轉載地址 使用vuex中store中的數據,基本上離不開vue中一個常用的屬性computed。官方一個最簡單的例子如下 var vm = new Vue({ el: '#e

原创 vuex 設計思路和實現

API概念的東西就不介紹了, 如果還不瞭解vuex 的應用, 可以去查看官方vuex文檔 。下面着重講解 vuex的原理以及實現 vuex 設計思路 vuex是使用插件機制開發的, vuex 中的 store 本質就是沒有

原创 Flutter 組件之基本路由、命名路由定義傳參應用

基本路由 語法: Navigator.of(context).push( MaterialPageRoute(builder: (context)=>路由頁面類 ); import 'package:flutter/mat

原创 vue-router 原理及實現

路由模式 hash:默認hash 模式, 使用 URL hash值來作路由 history:依賴 HTML5 History API 和服務器配置 abstract:支持所有 JavaScript 運行環境,如 Node.js