flutter 学习总结
flutter 学习总结
flutter
1.flutter基础
基础教程
dart语言
java语言
oc语言
2.flutter进阶
各种组件学习
各种部件，嵌套
3.flutter就业实战
实战：列表展现，录播图处理，json处理
------------------------------------------------------------------
1.flutter简介：
flutte 谷歌的跨平台（IOS,android）原生开发框架工具（框架，SDK)
框架：用于编译dart语言和widget库；
sdk: 用于将dart代码编译为原生ios,android)代码；
DART:由谷歌开发的用于WEB,服务器，移动应用，物联网等领域的开发编程语言。面向对象；
widget：库
2.flutter 安装
flutter.dev
flutterchina.club
MACOS
pwd
vim .bash_profile
flutter doctor
open -a simulator
macos 需安装组件：
1. flutter;
2.android toolchain develop for android devices
3.xcode -for ios and macos
4.ios tools
5.android studiox
6.vs code
brew.cn
WINDOW需安装组件：
1. git;
2. flutter sdk:flutter_windows_v1
3.配置环境变量：bin
4.flutter doctor 检查安装情况
5.安装adnroid studio
6.git 创建第一个项目 flutter create first_app
7.open android studio,install pul
8.flutter doctor
9.vscode install,
flutter install,
dart install
开发语法介绍：
. lib,main.dart
void main(){
print("hello world");
//单行注释
/**
* 多行注释
*/
}
变量和数据类型：
//number :int /double
//String:String
//Bollean:bool
//String 转义 String s1='i\'m henry';
String s2="i'm henry";
//String 拼接
String myname=" denny " + " is my name";
//$变量：
int a =20;
int b=20;
print('this sum of $a and $ is ${a+b}‘)；
//分支
var salery=2000;
if(salery > 2000){
print("$salery 大于2000“);
}else {
print("$salery
}
// ?: 三元表达式
// ??表达式 if name is null then print age 32,
String name=" mi mu";
String nametoprint=name ?? "age 32";
//switch
String grade="a";
switch(grade){
case "a":
print("very good");
beak;
case "b":
}
//for loop
for(int i=0;i<=10;i++){
if(i % 2==0){
print(i);
}
}
// for in
for(String person in pelople){
print(person);
}
//while loop
int i=0;
while(i < plople.length)
{
print(pelople[i]);
i++;
}
//do while
int i =0;
do{
print(peple[i]);
i++;
}while(i<pelople.length);
//break 停止循环，退出当前所有循环
for(int i=0;i<10;i++)
{
if(i==5){
break;
}
}
//指定停止循环，给内外循环命名：
//continue 停止本次循环
//函数：具有一定功能的代码段
//定义函数，传参，返回值，默认返回值，箭头函数，函数参数，默认参数
//箭头函数 void sumValue(int a,int b) => print("a+b= :${a + b}");
//箭头函数有返回值 sumValue(int a,int b) =>a+b；
//函数可选参数[]
void sumvaue(int a,[int b,int c]){
}
try catch on finally
try{
int result =12 ~/0;
}catch(e){
}finally{
}
try{
int result =12 ~/0;
}on onintExtion{
}
//自定义铺货异常
class DepositException implements Exception{
String errorMessage(){
return "金额不能少于0元“；
}
}
void depositMoney(int amount){
if((amount < 0){
throw new DepositException();
}
}
try{
depositMoney(-200)
}catch(e)
{
print(e.errorMessage());
}
//定义class
void main(){
var st=Student();
st.id=10;
st.name="a";
}
class Student{
int int;
String name;
void study()
{
print("${this.name} is now studing");
}
}
//构造函数
Student(){
print("这个就是构造函数“）；
}
Student(int id,String name){
}
Student(this.id,this.name)
//setter,getter
//类的继承
class Anima{
String name;
}
class Dog extends Anima{
}
class Cat extends Anima{
}
flutter100.net
女装商城 实例知识点：
1.Dio：http请求库；
2.swiper:滑动插件使用,首页轮播图
3.路由fluro：企业级路由
4.屏幕适配：一次开发匹配所有屏幕
5.状态管理provide：组件间状态管理inheritwidget
scoped model
redux
bloc
state
provide:google
6.本地存储：
7.复杂页面的布局：
8.Node：
9.express:框架
首页 ：
1.轮播图banner slides
2.商品分类列表数据
3.商品推荐上部
4.广告图
5.图片商品推荐底部
6.火爆推荐,上拉刷新wrap
github/flutterchina/dio
