祝你幸福365
祝你幸福365

Flutter入门系列-40分钟快速入门Dart基础（上）

文章来源：感谢 40分钟快速入门Dart基础（上） - 知乎

教大家快速学习一门新语言：

1. 第一是零基础：那我们只能靠自己脚踏实地的多写多想慢慢熟悉你所选择的语言 ，没有别的办法。（但是dart确实目前为止最好学的没有之一的语言）

2. 第二是有基础：小伙伴们如何快速学习一门新语言，其实很简单，我们可以根据我们当前所掌握或者熟悉的语言对比，比如：js、java、swift 等等任意一门都可以，那么剩下来我们只需要掌握与之不同的语法，然后在靠自己多写多想慢慢熟悉。

一、开篇（请记住并了解这些万能的规则）

  • 一切变量皆是对象，每个对象都是类的实例。int、double、函数、 null 等都是对象，所有对象都继承自 Object 类
  • Dart 可基于AOT（Ahead Of Time）编译，即编译成平台的本地代码，运行性能高。
  • Dart 也可基于 JIT（Just In Time）编译，编译快速，可热加载，使开发周期加倍提升（Flutter亚秒级有状态热重载）
  • Dart 可以更轻松地创建以60fps运行的流畅动画和转场。Dart在没有锁的情况下进行对象分配和垃圾回收
  • Dart语法结合Java与JavaScript语法特点，几乎没有令人不适的怪异语法，使Java程序员倍感亲切，快速上手
  • Dart 没有关于 public、protected、private 的关键字。通过为变量标识符添加下划线前缀，表明该标识符对其库是私有的
  • Dart支持顶级函数、静态函数、实例函数，也允许在函数中嵌套函数，即局部函数。类似的，dart 也支持顶级变量、静态变量和实例变量
  • Dart 是强类型语言，但由于具备类型推导功能所以类型声明是可选的

二、Dart快速入门基础目录：

Flutter入门系列-40分钟快速入门Dart基础（上）_第1张图片

三、开发工具选择

编译器主要采用Android Studio 编译器，同时按照国际惯例使用Dart完成一个："Hello，World!" 并输入运行结果：

import 'dart:core';

void main() {
  print('Hello，World');
}

四、变量

Dart中定义变量有两种方式: 一、静态类型语言常用的方式，显式指定变量类型。 二、动态语言的常用方式，不指定类型，由 vm 自动推断。

一切变量皆是对象，每个对象都是类的实例。int、double、函数、 null 等都是对象，所有对象都继承自 Object 类。下面我们看看如何声明变量：

变量是一个引用，未初始化的变量值是Null如下。

import 'dart:core';

void main() {
 String name;
 print('$name'); //输出为null
}

上面我们提到了显示指定变量类型如下：

import 'dart:core';

void main() {
 String name ="黄药师";
 int age =10;
 print('$name''----$age'); //输出:黄药师----10
}

动态语言的常用方式，不指定类型，由vm自动推断。

import 'dart:core';

void main() {
 String name ="黄药师";
 name  ='周伯通';
 print('$name'); //输出:周伯通
}

Dart 语言是强类型语言，无法将一个已声明具体变量类型的变量赋值为另一个无继承关系的变量

import 'dart:core';

void main() {
 String name ="黄药师";
 name  =10;
 print('$name');
}

这种赋值的时候就会报错：

import 'dart:core';

void main() {
 int age =10;
 age  =10.0; //这种在赋值的时候就已经报错
 print('$age');
}

但是这个地方有个需要注意的地方就是 int 和 double 类都是num的子类如下面写法是合法。

import 'dart:core';

void main() {
 num age =10;
 age  =10.0; //这种在赋值合法
 print('$age');
}

1、var（官方风格指南建议使用var）

var：在声明变量在赋值的那一刻，就已经决定了它是什么类型。

上面这句话是什么意思尼？其实很简单：

import 'dart:core';

void main() {
 //age 已经确定为num类型并为其赋值18岁，如果你赋值字符串，那么就会报错
 var age =18;
 age  ='18';
 print('$age');
}

import 'dart:core';

void main() {
 //age 已经确定为num类型并但是没有为其赋值，如果你赋值字符串那么是正确
 var age;
 age  =18;
 age ='18';
 print('$age');
}

2、Object

一切变量皆是对象，每个对象都是类的实例。int、double、函数、 null 等都是对象，所有对象都继承自 Object 类

import 'dart:core';
void main() {
 Object age ='18';
 age  =18;
 print('$age');
}

3、dynamic

dynamic 类似 java 中的 Object ，所以声明的变量行为与 Object 一样，使用也是一样，但是我们需要知道的是：dynamic 不是在编译时确定类型的，而是在运行时：这句话有点懵，到底是什么意思呢？

import 'dart:core';

void main() {
  dynamic name ='黄药师';
  print(name.runtimeType); //输入：String
  name =18;
  print(name.runtimeType); //输入：int
}

说明：在声明变量的时候，也可以选择加上具体类型：String name = “黄药师”，没有初始化的变量自动获取一个默认值为 null（类型为数字的变量如果没有初始化其值也是 null）。对于局部变量，按照 dart 官方建议使用var来声明变量。

4、final、const

final 和 const 从本质上看不出区别：如果你希望一个变量在赋值后其引用不能再改变，可以通过final 或 const 这两个关键字来实现。 * final是运行时常量，final的要求是其声明的变量在赋值以后是不能在改变:

Flutter入门系列-40分钟快速入门Dart基础（上）_第2张图片

final有两种使用场景

  • 类中的变量声明，必须在声明时赋值。
  • 类中的成员变量声明，可以在声明时候赋值，也可以通过构造函数赋值如：
import 'package:flutter/cupertino.dart';

class TestDart extends StatefulWidget{

  final String name;

  TestDart(this.name);

  @override
  State createState() {
    // TODO: implement createState
    return null;
  }
}

class TestDartState extends State{

  final String  URL_NAME ="https://wwww.baidu.com";

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return null;
  }

}

const 是编译期常量。这里关键点区分什么是编译时常量，说白了就是其定义的值必须是一个字面常量值如下图：

Flutter入门系列-40分钟快速入门Dart基础（上）_第3张图片

针对 final 和 const 理解的有点模糊的可以参考这篇文章： 可以参考这里 

五、操作符：

Dart 中的操作符与面向对象语言中（如：java）操作符绝大多数是相同。该有的都有，不该有的Dart 也有 。

1. 常见操作符

import 'dart:core';

void main() {
  var i = 6;
  var r = 2;

  //加法：
  print('${i + r}'); //输出：8
  //减法
  print('${i - r}'); //输出：4
  //乘法
  print('${i * r}'); //输出：12
  //除法
  print('${i / r}'); //输出：3.0
  //取模运算
  print('${i % r}'); //输出：0
  //整除
  print('${i ~/ r}'); //输出：3
}

2. 类型判断操作符

as 类型转换，is 如果对象是指定的类型返回 True，如果对象不是指定的类型返回 false。

注意点：as 操作符把对象转换为特定的类型，但是如果无法完成转换则会抛出一个异常

import 'dart:core';

void main() {
  var name = "黄药师";

  if (name is String) {
    //判断条件为 true
    print("name is String");
  }
  var age = 1;
  if (age is! String) {
    //判断条件为 true
    print("age is String");
  }

  //说明：由于age 是int 类型 不是一个String类型，所以活报如下错误
  //'int' is not a subtype of type 'String' in type cast
  String newResult = age as String;
}

3. 赋值操作符

=  赋值操作符  += 加和赋值操作符  -=  减和赋值操作符  *=  乘和赋值操作符  %=  取模赋值操作符 /=  除和赋值操作符 ??=  值为null的变量值 

import 'dart:core';

void main() {
   var age =20;
   //加和赋值操作符
   print('${age+=10}');
   //减和赋值操作符
   print('${age-=10}');
   //乘和赋值操作符
   print('${age*=10}');
   //除和赋值操作符
   double newAge =20.0;
   print('${newAge /= 10.0}');
   //取模和赋值操作符
   double price =230.0;
   print('${price %= 10.0}');

   String name;
   name ??= "黄药师";
   // 如果 name 是 null，则把等于号右边的值 赋值给 name；
   // 如果不是 null，则 name 的值保持不变
    print("$name"); //输出：黄药师
}

4. 替代条件表达式操作符 

在 Dart 中有两种特殊操作符可以替代 if-else 语句，三目运算符和??

import 'dart:core';

void main() {
  var age = 10;
  print(printAge1(age));
  print(printAge2(age));
  print(printAge3(age));
}

//if-else
printAge1(age) {
  if (age == 10) {
    return age;
  }
  return age;

  //输出：10
}

//第一种替换if-else 使用三目运算符
printAge2(int age) {
  return age == 10 ? age : 0; //输出：10
}

//第二种用"??"替换if-else
printAge3(int age) {
  return age == 10 ?? 0; //输出：true
}

5. 级联操作符

级联操作符 (..) 可以在同一个对象上连续调用多个函数以及访问成员变量。 使用级联操作符可以避免创建临时变量， 并且写出来的代码看起来 更加流畅：

import 'dart:core';

void main() {
  var  list = List();
  print("${list..add("黄药师")..add("郭靖")}"); //输出：黄药师,郭靖
}

6. 安全操作符

Dart提供了 ?.操作符。左边的操作对象 如果 为 null 则返回 null

import 'dart:core';
void main() {
  String name;
  //没有添加"?"空指针
  print(name.length); // The getter 'length' was called on null.
  //添加"？"
  print(name?.length); //输出null
}

六、内置类型：

1. num 数值

dart的 num 类型有量两种分别是 int 和 double 两种，这两种都是num的子类。

void main() {
  var age = 18;
  print(age.runtimeType); //输出 int

  var price = 8.0;
  print(price.runtimeType); //输出：double

  num year = 2020;
  print(year.runtimeType); //输出：int

  year = 2020.0;
  print(year.runtimeType); //输出：double

  int days = 10;
  print(days.runtimeType); //输出：int

  double limit = 8.90;
  print(limit.runtimeType); //输出：double
}

同时 num 也支持一些数据类型的转换

void main() {
  var age = '18';
  print(age.runtimeType); //输出：String 类型

  int parseAge = int.parse(age);
  print(parseAge.runtimeType); //输出：int 类型
}

2. string 字符串

Dart字符串是 UTF-16 编码的字符序列，可以使用单引号或者双引号来创建字符串，单引号和双引号可以嵌套使用，否则需要使用\进行转义。字符串中也可以引用变量与表达式，同时可以实现字符串拼接功能

import 'dart:core';

void main() {
  var name = '黄药师';
  print(name.runtimeType); //输出：String 类型

  var newName1 = "my name is $name";
  print(newName1); //输出：my name is 黄药师

  //和上面反之，需要添加上{}
  var nameName2 = "my name is ${User().name}";
  print(nameName2); //输出：my name is 黄药师
}

class User {
  var age =10;
  var name ="黄药师";
}

提供一个 r 前缀可以创建一个 “原始 raw” 字符串，说白了就是不需要转义（如果添加上转义字符那么将会失效）如下：

import 'dart:core';

void main() {
  //r:不需要转义
  print(r"换行符: \n"); //输出：换行符：\n
  print("换行符: \\n"); //输出：换行符：\n
}

3. bool 布尔值

Dart 有个类型名字为 bool 类型，而在 Dart 中只有两个对象是布尔类型：分别是 true 和 false。在Dart中还强类型检查，只有当为 true 的时候才会真。

import 'dart:core';

void main() {
 bool isLoading;
 print('$isLoading'); //输出：null;

 isLoading =true;
 print('$isLoading'); //输出：true;
}

4. list 数组

几乎所有的编程语言中数组是必不可少的，而在 Dart中 list 也是必不可少的。

下面我们来看一下List一些基本用法:

1.  初始化

import 'dart:core';

void main() {
  var names = List();
  print(names.length); //输出：0;

  var names1 = List(2);
  print(names1.length); //输出：2;

  //如果想要为 List 添加不同数据类型的变量，则需要直接只买数据类型为Object
  var names2 = List();
  names2.add('黄药师');
  print(names2.runtimeType); //输出：List 类型

  //直接复制，可以添加不同类型
  var names3 = ['黄药师',12,11.0];
  print(names3.length); //输出：3

  //在list 字面上之前添加const 关键字，可以定义一个不变的list对象（编译是常量）
  var names4 = const[1,2,3];
  print(names4.length); //输出：3
  ///如果为names4集合添加一个值如下操作，这种操作是错误，list不可变
  ///报错：Cannot add to an unmodifiable list
  names4.add(4);
} 
  
2. 常用属性和方法
 
  
import 'dart:core';

import 'package:myfirstflutter/test/user.dart';

void main() {
  var names1 = [1, 2, 3];
  print(names1.length); //输出：0;

  //排序
  List myList = [User('黄药师', 23), User('欧阳锋', 61), User('杨过', 48)];
  myList.sort((a, b) => (b.age).compareTo(a.age));

  //集合循环
  myList.forEach((v) {
    print('${v.name}${v.age}'); //输出：欧阳锋61，杨过48，黄药师23
  });

  //查找符合条件
  var result = myList.where((v) => v.age == 23);
  result.forEach((v){
    //isEmpty属性，返回列表是否为空
    print('${v.name}${v.age}');
  });
  //isEmpty属性，返回列表是否为空
  print(myList.isEmpty);

  //isNotEmpty属性，返回列表是否有元素
  print(myList.isNotEmpty);

  //获取List中的第一个元素
  print("获取List中第一个元素${names1.first}");
}
 
  
3. 添加数据
 
  
import 'dart:core';

void main() {
  var names1 = ['杨过', '小龙女', '黄蓉'];
  //添加数据
  names1.add('丘处机');
  print(names1.length); //输出：4;

  var names2 = List(2);

  ///当执行add 时候会报错：Cannot add to a fixed-length list
  ///（固定长度的list是不能通过add添加数据）
  ///names2.add(1);

  //固定长度的list使用一下方式可以设置数据
  names2[0] = '黄药师';
  names2[1] = '欧阳锋';
  names2.forEach((v) {
    print('$v'); //输出：黄药师 欧阳锋
  });

  var names3 = ['杨过', '小龙女', '黄蓉'];
  var names4 = ['1', '2', '3'];
  //添加全部元素
  names3.addAll(names4);
  names3.forEach((v) {
    print('$v'); //输出：杨过 小龙女 黄蓉 1 2 3
  });
}
 
  
4. 删除数据
 
  
import 'dart:core';

void main() {
  var names1 = ['杨过', '小龙女', '黄蓉', '丘处机', '黄药师'];
  //删除指定元素
  names1.remove('杨过');
  print(names1); //输出：小龙女 黄蓉 丘处机 黄药师

  //删除最后一个元素
  names1.removeLast();
  print(names1); //输出：小龙女 黄蓉 丘处机

  //删除指定位置元素
  names1.removeAt(names1.length - 1);
  print(names1); //输出：小龙女 黄蓉

  //删除指定位区域元素
  names1.removeRange(0, 1);
  print(names1); //输出 黄蓉

  //下面这个方法是将列表List中的toString只有的字符串的长度等于3的元素全部删除
  names1.removeWhere((item) =>item.toString().length==3);
  print('删除列表中toString后长度为3的元素：==>$names1');
}
 
  
以上还少“改”和“查” ，其实这些在上面的例子代码中已经存在了一些，这里留个大家一个练习题：可以自行把“改”和“查”自己总结一下。
 
  
5、Map 集合
 
  
Map 和 List 一样基本上只要学习开发语言map也是必不可少的一部分，Map是键值对相关的对象。 键和值可以是任何类型的对象。每个键只出现一次， 而一个值则可以出现多次。
 
  
import 'dart:core';

void main() {
  //直接声明，用{}表示。里面写 key 和 value 每组键值对中间用逗号隔开
  var names = {'name1': '黄药师', 'name2': '杨过', 'name3': '老顽童'};
  print(names); //输出：{name1:黄药师，name2: 杨过, name3:老顽童}

  var names1 = Map();
  names1['name1'] = '黄蓉';
  names1['name2'] = '黄药师';
  names1['name3'] = '郭靖';
  print(names1); //{'name1': '黄蓉', 'name2': '黄药师', 'name3': '郭靖'};

  //限定Map 可以存储的数据类型
  var names2 = {'name': '黄药师'};
  print(names2); //输出：{'name':'黄药师'}

  //与list List类似，要创建一个编译时常量的Map需要在Map的字面量前加上const 关键字
  var names3 = const {'name': '黄药师', 'age': 60};
  print(names3); //输出：{'name':'黄药师','age' : 60}

  //循环
  names1.forEach((k, v) {
    print(v); //输出：黄蓉，黄药师。郭靖
  });

  //查询删除
  var names4 = {'name1': '黄药师', 'name2': '杨过', 'name3': '老顽童'};
  names4.removeWhere((k, v) => k == 'name1');

  names4.forEach((k, v) {
    print(v); //输出：杨过，老顽童
  });

  //根据指定key 进行删除
  names4.remove('name1');
  //找找是否包含指定key
  names4.containsKey('name2');

  //找找是否包含指定value
  names4.containsValue('老顽童');

  //添加一个Map对象
  names4.addAll({'name': '丘处机'});
}
 
  
Map 和 List 一样，同样有增删改查功能。
 
  
七、分支与循环：
 
  
分支 Dart分支目前有 if-else 和 switch两种
 
  
1. if 条件分支：
 
  
import 'dart:core';

void main() {
  var age = 18;
  if (age < 0) {
    print('age < 0');
  } else if (age == 0) {
    print('age = 0');
  } else {
    print('age > 0');
  }
}
 
  
2. switch 条件分支:
 
  
import 'dart:core';

void main() {
  // 在switch的case中可以使用整数、字符串、枚举类型和编译时常量
  String name = '黄药师';
  switch (name) {
    case '郭靖':
      break;
    case '老顽童':
      break;
    default:
      print('Default');
  }
}
 
  
3. for、while 以及 do-while 三种循环。
 
  
import 'dart:core';

void main() {
  // for循环
  for (int i = 0; i < 9; i++) {
    print(i);
  }

  // while循环
  while (true) {
    //do something
  }

  //do-while循环
  do {
    //do something
  } while (true);
}
 
  
但是在Dart 还有一些特有的系统循环函数
 
  
import 'dart:core';

void main() {
  var names = ["张无忌", "小龙女", "赵敏"];
  // for...in...循环，是增强for
  for (var it in names) {
    print(it); // 输出："张无忌","小龙女","赵敏"
  }

  //forEach循环。其参数为一个Function对象，这里传入一个匿名函数
  names.forEach((v) {
    print(v); // 输出："张无忌","小龙女","赵敏"
  });

  names.forEach((v) => print(v)); //输出："张无忌","小龙女","赵敏"
}

 
  
我们在来看一下在Dart中怎么去对一组Map数据进行循环
 
  
import 'dart:core';

void main() {
  var myMap = {'name': '黄药师', 'age': '50', 'skills': '弹指神通'};
  //forEach遍历Map
  myMap.forEach(
      (k, v) => print("$k : $v")); //输出：name : 黄药师   age : 50   skills : 弹指神通

  //根据键获取值来遍历。通过keys返回Map中所有键的集合
  for (var k in myMap.keys) {
    print("$k : ${myMap[k]}");//输出：name : 黄药师   age : 50   skills : 弹指神通
  }
}

 
  
总结：
 
  
看是不是超级好上手，好操作~其实Dart的整个学习起来还是蛮简单的，对于有基础的老司机更简单一些。分分钟敲起来~
 
  
这篇文章就简单的介绍到这里如何短时间快速入门Dart，避免入坑。由于是想让大家快速入门Flutter，所以针对上面的这些章节我们讲解的只是一些在开发Flutter 过程中常用的一些方法和函数。如果要想对Dart有更深的了解和学习，后期可以关注我哦，如有问题可以直接在下方留言。
 
  
感觉不错可以点赞加关注，我会持续输出优质的文章。
 
  

                            
                        
                    
                    
                    

                    
                    
                    

                
                

                    
                

            
        
    
    

        
你可能感兴趣的:(Flutter开发,flutter)

        

            

                
    
                    
  • 2024年最全Flutter如何和Native通信-Android视角，Electron开发Android界面
                        2401_84544531
程序员android面试学习
                        
    总结【Android详细知识点思维脑图（技能树）】其实Android开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。虽然Android没有前几年火热了，已经过去了会四大组件就能找到高薪职位的时代了。这只能说明Android中级以下的岗位饱和了，现在高级工程师还是比较缺少的，很多高级职位给的薪
    
                    
    • 
                    
  • 生成一个完整的App代码通常不会仅仅通过单一的文件或几种语言的简单组合来完成，因为App的开发涉及前端用户界面、后端逻辑处理、数据库管理以及可能的第三方服务集成等多个方面。不过，我可以为你提供一个概念
                        NewmanEdwarda2
前端ui数据库
                        
    前端(用户界面)yinanjinying.comHTML/CSS/JavaScript(原生Web开发)对于简单的WebApp，你可以直接使用HTML来构建页面结构，CSS来设置样式，JavaScript来添加交互性。React(JavaScript/TypeScript)对于更复杂的单页应用（SPA），React是一个流行的选择。它允许你构建可复用的UI组件。Flutter(Dart)如果你想要
    
                    
    • 
                    
  • Flutter函数
                        且听真言
Flutter函数的定义可选参数命名可选参数位置可选参数参数默认值词法闭包匿名函数
                        
    在Dart中，函数为一等公民，可以作为参数对象传递，也可以作为返回值返回。函数定义//返回值(可以不写返回值，但建议写)、函数名、参数列表showMessage(Stringmessage){//函数体print(message);}voidshowMessage(Stringmessage){print(message);}可选参数位置参数：用方括号[]表示，参数根据位置传递给函数；voidsh
    
                    
    • 
                    
  • Flutter电商项目实践-架构设计
                        Zhouztashin
Flutterflutter电子商务项目架构
                        
    1、框架设计图框架设计总体说明整个框架划分成业务层、组件层、基础层与外部层。其中外部层对应着第三方或者自己封装的提供单独功能的依赖库，基础层主要对应着非UI的基础性功能，组件层对应着UI功能的基础性功能，可以向业务层提供完整可以使用的UI组件功能。业务层则是应用的核心，除了外部层之外，组件层、基础层以库的形式提供给业务层使用，这样的好处是提高了这两层的复用性。框架设计原则层级职责划分需要单一且清晰
    
                    
    • 
                    
  • flutter页面布局HTML,flutter笔记7：flutter页面布局基础，看完这篇就可以用flutter写APP了...
                        李致遠
flutter页面布局HTML
                        
    不知不觉已经到了第7篇，然而很多萌新玩家可能还是不知道如何堆砌控件，像用CSS一样搭出漂亮的APP界面，我也一样，红红火火恍恍惚惚，直到今天含泪读完Flutter布局基础，仿佛打开了一个全新的世界。基本概念在flutter中，一切皆控件！一切皆控件！一切皆控件！牢牢记住这个概念。Text是控件，Image是控件，Icon是控件，布局脚手架也Scaffold也是控件，甚至整个APP也是控件。用户自定
    
                    
    • 
                    
  • Flutter 应用程序开发的优缺点
                        pxr007
flutterandroidui
                        
    编者注：这篇文章于2022年9月19日更新，包含有关Flutter3.0的信息，以及通过有组织的文档和更快的应用程序开发来增加可访问性。如果您是一位经验丰富的移动应用程序开发人员，那么您已经决定为Android或iOS设备构建应用程序。如果您是初学者，您可能仍在考虑哪个是您的首选平台。这些决定决定了您在成为移动或跨平台应用程序开发人员的道路上应该学习哪些技术。无论您的应用程序开发之旅将您带到哪里，
    
                    
    • 
                    
  • flutter 泛型_Flutter入门——泛型
                        weixin_39627408
flutter泛型
                        
    在查看基本数组类型List的API文档，会看到该类型实际上是List。表示法将List标记为泛型(或参数化)类型-具有正式类型参数的类型。按照惯例，大多数类型变量都有单字母名称，例如E，T，S，K和V.为什么要使用泛型类型安全通常需要泛型，除了允许让代码运行之外，还可以：正确指定泛型类型会生成更好的代码。例如，可以使用List(字符串列表)，来表示列表中只包含字符串，这样编译器就会启用类型检查，非
    
                    
    • 
                    
  • Flutter 升级3.22.3相关报错问题
                        明似水
flutterfluttercocoamacos
                        
    Analyzingdependenciesfirebase_analytics:UsingFirebaseSDKversion'10.29.0'definedin'firebase_core'firebase_auth:UsingFirebaseSDKversion'10.29.0'definedin'firebase_core'firebase_core:UsingFirebaseSDKvers
    
                    
    • 
                    
  • Flutter PDFView：在Flutter应用中嵌入PDF阅读器
                        明似水
flutterflutterpdf
                        
    FlutterPDFView：在Flutter应用中嵌入PDF阅读器在移动应用开发中，经常会遇到需要在应用内展示PDF文件的需求。Flutter作为一个跨平台的UI工具包，提供了丰富的包来满足开发者的各种需求。flutter_pdfview就是这样一个包，它允许开发者在iOS和Android平台上无缝地嵌入PDF阅读器。简介flutter_pdfview是一个原生的PDF查看器，支持iOS和And
    
                    
    • 
                    
  • 新版本flutter混编安卓没有flutter类
                        絮语时光
flutterflutterandroid
                        
    Flutter升级到1.12后遇到的问题添加链接描述前些日子评论区里wangwhatlh同学反馈遇到了程序包io.flutter.facade不存在问题，起初我运行了一下之前的项目，发现可以正常运行，加上我自己有一段时间没有用过Flutter了，也就没太重视这个问题。说来也是惭愧，最近又陆续有多位小伙伴反馈了这个问题，我才终于意识到这是一个普遍性问题，简单查了一下了解到这个错误是Flutter1.
    
                    
    • 
                    
  • cross-plateform 跨平台应用程序-08-Ionic 介绍
                        老马啸西风
java
                        
    跨平台系列cross-plateform跨平台应用程序-01-概览cross-plateform跨平台应用程序-02-有哪些主流技术栈？cross-plateform跨平台应用程序-03-如果只选择一个框架，应该选择哪一个?cross-plateform跨平台应用程序-04-ReactNative介绍cross-plateform跨平台应用程序-05-Flutter介绍cross-platefor
    
                    
    • 
                    
  • cross-plateform 跨平台应用程序-09-phonegap/Apache Cordova 介绍
                        老马啸西风
java
                        
    跨平台系列cross-plateform跨平台应用程序-01-概览cross-plateform跨平台应用程序-02-有哪些主流技术栈？cross-plateform跨平台应用程序-03-如果只选择一个框架，应该选择哪一个?cross-plateform跨平台应用程序-04-ReactNative介绍cross-plateform跨平台应用程序-05-Flutter介绍cross-platefor
    
                    
    • 
                    
  • cross-plateform 跨平台应用程序-10-naitvescript 介绍
                        老马啸西风
java
                        
    跨平台系列cross-plateform跨平台应用程序-01-概览cross-plateform跨平台应用程序-02-有哪些主流技术栈？cross-plateform跨平台应用程序-03-如果只选择一个框架，应该选择哪一个?cross-plateform跨平台应用程序-04-ReactNative介绍cross-plateform跨平台应用程序-05-Flutter介绍cross-platefor
    
                    
    • 
                    
  • cross-plateform 跨平台应用程序-02-有哪些主流技术栈？
                        老马啸西风
java
                        
    跨平台系列cross-plateform跨平台应用程序-01-概览cross-plateform跨平台应用程序-02-有哪些主流技术栈？cross-plateform跨平台应用程序-03-如果只选择一个框架，应该选择哪一个?cross-plateform跨平台应用程序-04-ReactNative介绍cross-plateform跨平台应用程序-05-Flutter介绍cross-platefor
    
                    
    • 
                    
  • cross-plateform 跨平台应用程序-01-概览
                        老马啸西风
java
                        
    跨平台系列cross-plateform跨平台应用程序-01-概览cross-plateform跨平台应用程序-02-有哪些主流技术栈？cross-plateform跨平台应用程序-03-如果只选择一个框架，应该选择哪一个?cross-plateform跨平台应用程序-04-ReactNative介绍cross-plateform跨平台应用程序-05-Flutter介绍cross-platefor
    
                    
    • 
                    
  • Flutter 使用第三方包加载3d模型
                        AiFlutter
flutter3d
                        
    1.O3D（第三方包）这是一个用于以glTF和GLB格式呈现交互式3D模型的Flutter小部件。这个小部件在WebView中嵌入了Google的web组件。在线演示：O3DBabakCode3DUI特性渲染glTF和GLB模型；支持动画模型，具有可配置的自动播放设置；可选地支持将模型启动到AR查看器中；可选地自动旋转模型，具有可配置的延迟；支持小部件的可配置背景颜色。2.使用流程2.1添加依赖在
    
                    
    • 
                    
  • Flutter3备忘: GetX常用命令
                        mulegame
Flutterflutter
                        
    D:\flutter_app\getcreatepagesearch//创建一个firstPage在productContent目录中getcreateview:firstPageonproductContentgetcreateview:secondPageonproductContentgetcreateview:thirdPageonproductContentgetgeneratemode
    
                    
    • 
                    
  • Flutter框架高阶——Window应用程序设置窗体窗口背景完全透明
                        木颤简叶
Flutterflutterwindows开发语言后端笔记c++microsoft
                        
    文章目录1.修改main.cpp1）C++与Win32API2）EnableTransparency()3）中文注释2.编写Flutter代码1）bitsdojo_window2）window_manager3）区别对比4）同时使用（1）设置初始化代码（2）处理冲突和集成Flutter的文件结构如下，找到图中的main.cpp的文件1.修改main.cppmain.cpp文件中的代码应该和下面差不
    
                    
    • 
                    
  • 探索高效Flutter开发新境界：flutter_getx_template
                        平奇群Derek

                        
    探索高效Flutter开发新境界：flutter_getx_template在这个快节奏的数字时代，开发者们不断寻求更高效、更易维护的框架和技术来构建移动应用。Flutter，以其强大的跨平台能力和优美的声明式语法，已经成为了许多开发者的心头好。今天，我们将向您推荐一款基于GetX库的开源项目——flutter_getx_template，这是一款专为中大型Flutter项目设计的模板，让您的开发
    
                    
    • 
                    
  • flutter之：GetX 的 状态管理
                        神笔码靓

                        
    1.状态管理目前，Flutter的几种状态管理器，大多数都涉及到使用ChangeNotifier来更新widget，这对于中大型应用的性能来说是一个糟糕的方法。在Flutter官方文档中查到，ChangeNotifier应该使用1个或最多2个监听器，这使得它实际上无法用于任何中等或大型应用。1.1其他的状态管理器的差别：BLoC非常安全和高效，但是对于初学者来说非常复杂，这使得人们无法使用Flut
    
                    
    • 
                    
  • Flutter类
                        且听真言
Flutter类定义及使用构造函数get/set修饰符对象操作符继承接口和抽象类Mixins（混入）
                        
    Dart中的对象都继承自Object类，单继承（extend关键字）。Dart与Java、kotlin不同的是其无public、private、protected修饰符，默认public，通过在属性名、方法名前加_下划线来定义是否私有。实现一个简单的类classStudent{//默认publicfinalStringname;//默认publicfinalintage;Student(this.
    
                    
    • 
                    
  • cross-plateform 跨平台应用程序-05-Flutter 介绍
                        老马啸西风
java
                        
    跨平台系列cross-plateform跨平台应用程序-01-概览cross-plateform跨平台应用程序-02-有哪些主流技术栈？cross-plateform跨平台应用程序-03-如果只选择一个框架，应该选择哪一个?cross-plateform跨平台应用程序-04-ReactNative介绍cross-plateform跨平台应用程序-05-Flutter介绍cross-platefor
    
                    
    • 
                    
  • flutter开发多端平台应用的探索 上（基本操作）
                        夏目艾拉
flutter设计模式javaandroid
                        
    前言Flutter是一个跨平台的开发框架，它允许开发者使用相同的代码库来构建iOS、Android、Web和桌面应用程序。最近想了想，自己一直在用flutter开发特定端的应用，但是对于其他端的端特性case，如桌面端的菜单、多窗口、鼠标事件，需要怎么处理还没什么概念，本文旨在简单探索这方面的内容。正文首先就是判断平台了，可以通过如下方式import'dart:io'showPlatform;vo
    
                    
    • 
                    
  • Flutter学习之九 ListView
                        MQ_Twist

                        
    极端很容易，平衡才是最难的。Flutter学习之八Container前言Flutter中的ListView的地位，就好比于iOS中的UITableView，算是最常用的可滚动组件之一，它可以沿一个方向线性排布所有子组件，并且它也支持列表项懒加载（在需要时才会创建）。默认构造函数我们看看ListView的默认构造函数定义：ListView({...//可滚动widget公共参数AxisscrollD
    
                    
    • 
                    
  • Explore-Flutter-FireStore: 使用Flutter结合Firebase Firestore的实战指南
                        戴洵珠Gerald

                        
    Explore-Flutter-FireStore:使用Flutter结合FirebaseFirestore的实战指南Explore-Flutter-FireStoreThisisaFlutterAppwithFirebase'sCloudFireStoreDatabaseandGoogleMap.ThisapprepresentsthatBeautifulUIcanbeimplementedwi
    
                    
    • 
                    
  • Flutter 自绘组件 （CustomPaint与Canvas）绘制虚线、区域、直线（一）
                        goodhighting
程序员flutter前端javascript
                        
    有人也许会疑惑，方案1和方案二不都是采用的绘制吗，那可不一定。有的时候解决问题，我们不遵循常规也可以解决问题，满足一时之需了。1、解决问题奇葩方式一：为什么奇葩呢？我们采用多个Container进行竖直或者水平排列完成了效果，至于性能上我们后面慢慢验证了。_lineContainer(){returnContainer(margin:EdgeInsets.only(top:2.0),color:C
    
                    
    • 
                    
  • flutter app_Flutter App中的错误处理
                        weixin_26638123
python
                        
    flutterappPartofthe‘AWorkinProgress’Series“正在进行的工作”系列的一部分Today,I’mdemonstratinghowtheMVCframeworklibrarypackageisadaptiveandflexibleinitsimplementationofspecificneeds.Inthiscase,I’llshowyouhowtheframe
    
                    
    • 
                    
  • flutter构建桌面应用_使用Flutter Firebase Part I构建笔记记录应用程序
                        weixin_26727575
pythonjava
                        
    flutter构建桌面应用I’mafanofGoogleKeep,I’vebeenusingitsinceitwaslaunched.Iputpendingtasks,remindersforchores,almostanythingneedstoremember,intoKeep.It’sintuitivetouse,helpsmestayfocusedonthepriorities.我是Goo
    
                    
    • 
                    
  • 如何使用Flutter为iOS和Android应用设置Firebase
                        cukw6666
数据库androidjavapythonios
                        
    Firebaseisagreatbackendsolutionforanyonethatwantstouseauthentication,databases,cloudfunctions,adsandcountlessotherfeatureswithinanapp.Luckilyforus,FlutterhasofficialsupportforFirebasewiththeFlutterFir
    
                    
    • 
                    
  • Flutter TextField - onChanged 值不会实时更新
                        小f要努力啦
Flutterflutter
                        
    问题：今天用Flutter模拟一个登录注册，在判断账号和密码的时候发现即使TextField写了onChanged，绑定的值却不会实时更新。随便打几个字也不会显示不符合账号设定的条件，从print也看出来和输入框绑定的变量的值一直没有更新解决方法：在onChange下再加上setState函数，就可以实现实时更新了child:TextField(onChanged:(value){setState
    
                    
    • 
                                
  • ztree设置禁用节点
                                    3213213333332132
JavaScriptztreejsonsetDisabledNodeAjax
                                    
    ztree设置禁用节点的时候注意，当使用ajax后台请求数据,必须要设置为同步获取数据，否者会获取不到节点对象，导致设置禁用没有效果。 
 
 
$(function(){            	
                showTree();
	            setDisabledNode();

});
                   
        
    
                                
    • 
                                
  • JVM patch by Taobao
                                    bookjovi
javaHotSpot
                                    
    在网上无意中看到淘宝提交的hotspot patch，共四个，有意思，记录一下。 
  
7050685：jsdbproc64.sh has a typo in the package name 
7058036：FieldsAllocationStyle=2 does not work in 32-bit VM 
7060619：C1 should respect inline and
    
                                
    • 
                                
  • 将session存储到数据库中
                                    dcj3sjt126com
sqlPHPsession
                                    
    CREATE TABLE sessions (
  id CHAR(32) NOT NULL,
  data TEXT,
  last_accessed TIMESTAMP NOT NULL,
  PRIMARY KEY (id)
); 
  
<?php
/**
 * Created by PhpStorm.
 * User: michaeldu
 * Date
    
                                
    • 
                                
  • Vector
                                    171815164
vector
                                    
    public Vector<CartProduct> delCart(Vector<CartProduct> cart, String id) {
		for (int i = 0; i < cart.size(); i++) {
			if (cart.get(i).getId().equals(id)) {
				cart.remove(i);
				
    
                                
    • 
                                
  • 各连接池配置参数比较
                                    g21121
连接池
                                    
            排版真心费劲，大家凑合看下吧，见谅~ 
      
  
Druid 
DBCP 
C3P0 
Proxool   
数据库用户名称 Username Username User     
数据库密码 Password Password Password     
驱动名
    
                                
    • 
                                
  • [简单]mybatis insert语句添加动态字段
                                    53873039oycg
mybatis
                                    
          mysql数据库,id自增,配置如下： 
      
<insert id="saveTestTb" useGeneratedKeys="true" keyProperty="id"
		parameterType=&
    
                                
    • 
                                
  • struts2拦截器配置
                                    云端月影
struts2拦截器
                                    
    struts2拦截器interceptor的三种配置方法 
方法1. 普通配置法 
 
<struts> 
    <package name="struts2" extends="struts-default"> 
        &
    
                                
    • 
                                
  • IE中页面不居中，火狐谷歌等正常
                                    aijuans
IE中页面不居中
                                    
    问题是首页在火狐、谷歌、所有IE中正常显示，列表页的页面在火狐谷歌中正常，在IE6、7、8中都不中，觉得可能那个地方设置的让IE系列都不认识，仔细查看后发现，列表页中没写HTML模板部分没有添加DTD定义，就是<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3
    
                                
    • 
                                
  • String,int,Integer,char 几个类型常见转换
                                    antonyup_2006
htmlsql.net
                                    
    如何将字串 String 转换成整数 int? 
int i = Integer.valueOf(my_str).intValue(); 
 
int i=Integer.parseInt(str); 
 
如何将字串 String 转换成Integer ? 
Integer integer=Integer.valueOf(str); 
 
如何将整数 int 转换成字串 String ? 
1.
    
                                
    • 
                                
  • PL/SQL的游标类型
                                    百合不是茶
显示游标(静态游标)隐式游标游标的更新和删除%rowtyperef游标(动态游标)
                                    
    游标是oracle中的一个结果集,用于存放查询的结果; 
  
PL/SQL中游标的声明; 
1,声明游标

2,打开游标(默认是关闭的);

3,提取数据

4,关闭游标
 
  
  
注意的要点:游标必须声明在declare中,使用open打开游标,fetch取游标中的数据,close关闭游标 
  
隐式游标:主要是对DML数据的操作隐
    
                                
    • 
                                
  • JUnit4中@AfterClass @BeforeClass @after @before的区别对比
                                    bijian1013
JUnit4单元测试
                                    
    一.基础知识 
JUnit4使用Java5中的注解（annotation），以下是JUnit4常用的几个annotation： @Before：初始化方法   对于每一个测试方法都要执行一次（注意与BeforeClass区别，后者是对于所有方法执行一次）@After：释放资源  对于每一个测试方法都要执行一次（注意与AfterClass区别，后者是对于所有方法执行一次
    
                                
    • 
                                
  • 精通Oracle10编程SQL(12)开发包
                                    bijian1013
oracle数据库plsql
                                    
    /*
 *开发包
 *包用于逻辑组合相关的PL/SQL类型（例如TABLE类型和RECORD类型）、PL/SQL项（例如游标和游标变量）和PL/SQL子程序（例如过程和函数）
 */
--包用于逻辑组合相关的PL/SQL类型、项和子程序，它由包规范和包体两部分组成
--建立包规范：包规范实际是包与应用程序之间的接口，它用于定义包的公用组件，包括常量、变量、游标、过程和函数等
--在包规
    
                                
    • 
                                
  • 【EhCache二】ehcache.xml配置详解
                                    bit1129
ehcache.xml
                                    
    在ehcache官网上找了多次，终于找到ehcache.xml配置元素和属性的含义说明文档了，这个文档包含在ehcache.xml的注释中！ 
ehcache.xml ： http://ehcache.org/ehcache.xml 
ehcache.xsd ： http://ehcache.org/ehcache.xsd 
ehcache配置文件的根元素是ehcahe 
  ehcac
    
                                
    • 
                                
  • java.lang.ClassNotFoundException: org.springframework.web.context.ContextLoaderL
                                    白糖_
javaeclipsespringtomcatWeb
                                    
    今天学习spring+cxf的时候遇到一个问题：在web.xml中配置了spring的上下文监听器： 
<listener>
	<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
</listener> 
 随后启动
    
                                
    • 
                                
  • angular.element
                                    boyitech
AngularJSAngularJS APIangular.element
                                    
    angular.element 
描述:      包裹着一部分DOM element或者是HTML字符串，把它作为一个jQuery元素来处理。（类似于jQuery的选择器啦）       如果jQuery被引入了，则angular.element就可以看作是jQuery选择器，选择的对象可以使用jQuery的函数；如果jQuery不可用，angular.e
    
                                
    • 
                                
  • java-给定两个已排序序列，找出共同的元素。
                                    bylijinnan
java
                                    
    
import java.util.ArrayList;
import java.util.Arrays;
import java.util.List;


public class CommonItemInTwoSortedArray {

	/**
	 * 题目：给定两个已排序序列，找出共同的元素。
	 * 1.定义两个指针分别指向序列的开始。
	 * 如果指向的两个元素
    
                                
    • 
                                
  • sftp 异常，有遇到的吗？求解
                                    Chen.H
javajcraftauthjschjschexception
                                    
    com.jcraft.jsch.JSchException: Auth cancel 
 at com.jcraft.jsch.Session.connect(Session.java:460) 
 at com.jcraft.jsch.Session.connect(Session.java:154) 
 at cn.vivame.util.ftp.SftpServerAccess.connec
    
                                
    • 
                                
  • [生物智能与人工智能]神经元中的电化学结构代表什么?
                                    comsci
人工智能
                                    
         我这里做一个大胆的猜想,生物神经网络中的神经元中包含着一些化学和类似电路的结构,这些结构通常用来扮演类似我们在拓扑分析系统中的节点嵌入方程一样,使得我们的神经网络产生智能判断的能力,而这些嵌入到节点中的方程同时也扮演着"经验"的角色.... 
 
     我们可以尝试一下...在某些神经
    
                                
    • 
                                
  • 通过LAC和CID获取经纬度信息
                                    dai_lm
laccid
                                    
    方法1： 
用浏览器打开http://www.minigps.net/cellsearch.html，然后输入lac和cid信息(mcc和mnc可以填0)，如果数据正确就可以获得相应的经纬度 
 
方法2： 
发送HTTP请求到http://www.open-electronics.org/celltrack/cell.php?hex=0&lac=<lac>&cid=&
    
                                
    • 
                                
  • JAVA的困难分析
                                    datamachine
java
                                    
    前段时间转了一篇SQL的文章（http://datamachine.iteye.com/blog/1971896），文章不复杂，但思想深刻，就顺便思考了一下java的不足，当砖头丢出来，希望引点和田玉。 
  
-----------------------------------------------------------------------------------------
    
                                
    • 
                                
  • 小学5年级英语单词背诵第二课
                                    dcj3sjt126com
englishword
                                    
    money 钱 
paper 纸 
speak 讲，说 
tell 告诉 
  
remember 记得，想起 
knock 敲，击，打 
question 问题 
number 数字，号码 
  
learn 学会，学习 
street 街道 
carry 搬运，携带 
send 发送，邮寄，发射 
  
must 必须 
light 灯，光线，轻的 
front 
    
                                
    • 
                                
  • linux下面没有tree命令
                                    dcj3sjt126com
linux
                                    
    centos p安装 
yum -y install tree 
  
mac os安装 
brew install tree 
  首先来看tree的用法  
tree  中文解释：tree
功能说明：以树状图列出目录的内容。
语　　法：tree [-aACdDfFgilnNpqstux][-I <范本样式>][-P <范本样式
    
                                
    • 
                                
  • Map迭代方式，Map迭代，Map循环
                                    蕃薯耀
Map循环Map迭代Map迭代方式
                                    
    Map迭代方式，Map迭代，Map循环 
  
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 
蕃薯耀 2015年
    
                                
    • 
                                
  • Spring Cache注解+Redis
                                    hanqunfeng
spring
                                    
    Spring3.1 Cache注解  
依赖jar包： 
<!-- redis -->
		<dependency>
			<groupId>org.springframework.data</groupId>
			<artifactId>spring-data-redis</artifactId>
			
    
                                
    • 
                                
  • Guava中针对集合的 filter和过滤功能
                                    jackyrong
filter
                                    
    在guava库中，自带了过滤器(filter)的功能，可以用来对collection 进行过滤，先看例子： 
 
   

@Test
public void whenFilterWithIterables_thenFiltered() {
    List<String> names = Lists.newArrayList("John"
    
                                
    • 
                                
  • 学习编程那点事
                                    lampcy
编程androidPHPhtml5
                                    
    一年前的夏天，我还在纠结要不要改行，要不要去学php？能学到真本事吗？改行能成功吗？太多的问题，我终于不顾一切，下定决心，辞去了工作，来到传说中的帝都。老师给的乘车方式还算有效，很顺利的就到了学校，赶巧了，正好学校搬到了新校区。先安顿了下来，过了个轻松的周末，第一次到帝都，逛逛吧！ 
接下来的周一，是我噩梦的开始，学习内容对我这个零基础的人来说，除了勉强完成老师布置的作业外，我已经没有时间和精力去
    
                                
    • 
                                
  • 架构师之流处理---------bytebuffer的mark,limit和flip
                                    nannan408
ByteBuffer
                                    
    1.前言。 
  如题，limit其实就是可以读取的字节长度的意思，flip是清空的意思，mark是标记的意思 。 
2.例子. 
 

例子代码:
     String str = "helloWorld";  
        ByteBuffer buff  = ByteBuffer.wrap(str.getBytes());  
        Sy
    
                                
    • 
                                
  • org.apache.el.parser.ParseException: Encountered " ":" ": "" at line 1, column 1
                                    Everyday都不同
$转义el表达式
                                    
    最近在做Highcharts的过程中，在写js时，出现了以下异常： 
  
严重: Servlet.service() for servlet jsp threw exception 
org.apache.el.parser.ParseException: Encountered " ":" ": "" at line 1, 
    
                                
    • 
                                
  • 用Java实现发送邮件到163
                                    tntxia
java实现
                                    
    /*

 在java版经常看到有人问如何用javamail发送邮件？如何接收邮件？如何访问多个文件夹等。问题零散，而历史的回复早已经淹没在问题的海洋之中。

 本人之前所做过一个java项目，其中包含有WebMail功能，当初为用java实现而对javamail摸索了一段时间，总算有点收获。看到论坛中的经常有此方面的问题，因此把我的一些经验帖出来，希望对大家有些帮助。

 此篇仅介绍用
    
                                
    • 
                                
  • 探索实体类存在的真正意义
                                    java小叶檀
POJO
                                    
    一. 实体类简述   
 实体类其实就是俗称的POJO,这种类一般不实现特殊框架下的接口，在程序中仅作为数据容器用来持久化存储数据用的 
POJO（Plain Old Java Objects）简单的Java对象 
  
它的一般格式就是 
public class A{
      private String id;
      public Str
    
                                
    •