既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上软件测试知识点,真正体系化!
由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新
}
private fun initTimer() {
val startTime = elapsedRealtime()
val handler = Handler()
val runnable: Runnable = object: Runnable {
override fun run() {
val timeDifference = elapsedRealtime() - startTime
val seconds = timeDifference / 1000
val minutes = seconds / 60
val leftoverSeconds = seconds % 60
val leftoverMillis = timeDifference % 1000 / 10
timer.text = String.format(“%02d:%02d:%2d”, minutes, leftoverSeconds, leftoverMillis)
handler.postDelayed(this, 10)
}
}
handler.postDelayed(runnable, 1)
}
}
React Native
这是 React Native 应用程序的 App.js
文件:
export default class App extends Component {
render() {
return (
);
}
}
class Timer extends Component {
constructor(props) {
super(props);
this.state = {
milliseconds: 0,
seconds: 0,
minutes: 0,
}
let startTime = global.nativePerformanceNow();
setInterval(() => {
let timeDifference = global.nativePerformanceNow() - startTime;
let seconds = timeDifference / 1000;
let minutes = seconds / 60;
let leftoverSeconds = seconds % 60;
let leftoverMillis = timeDifference % 1000 / 10;
this.setState({
milliseconds: leftoverMillis,
seconds: leftoverSeconds,
minutes: minutes,
});
}, 10);
}
render() {
let { milliseconds, seconds, minutes } = this.state;
let time = sprintf(“%02d:%02d:%2d”, minutes, seconds, milliseconds);
return (
)
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: ‘center’,
alignItems: ‘center’,
backgroundColor: ‘#F5FCFF’,
}
});
Flutter
最后这是我们的 Flutter main.dart
文件:
void main() => runApp(new MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new MaterialApp(
home: new MyHomePage(),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key key}) : super(key: key);
@override
_MyHomePageState createState() => new _MyHomePageState();
}
class _MyHomePageState extends State {
int _startTime = new DateTime.now().millisecondsSinceEpoch;
int _numMilliseconds = 0;
int _numSeconds = 0;
int _numMinutes = 0;
@override
void initState() {
super.initState();
Timer.periodic(new Duration(milliseconds: 10), (Timer timer) {
int timeDifference = new DateTime.now().millisecondsSinceEpoch - _startTime;
double seconds = timeDifference / 1000;
double minutes = seconds / 60;
double leftoverSeconds = seconds % 60;
double leftoverMillis = timeDifference % 1000 / 10;
setState(() {
_numMilliseconds = leftoverMillis.floor();
_numSeconds = leftoverSeconds.floor();
_numMinutes = minutes.floor();
});
});
}
@override
Widget build(BuildContext context) {
return new Scaffold(
body: new Center(
child: new Text(
sprintf(“%02d:%02d:%2d”, [_numMinutes, _numSeconds, _numMilliseconds]),
),
)
);
}
}
每个应用程序都遵循相同的基本结构 —— 它们都有一个计时器,每 10 毫秒重复一次,并重新计算自计时器启动以来经过的分钟数、秒和毫秒数。
我们如何测量性能?
对于那些不熟悉 Android 开发的人来说,Android Studio 是构建 Android 应用程序的首选编辑器/环境。它还附带了一系列有用的分析器来分析你的应用程序 —— 具体来说,它有一个 CPU 分析器,一个内存分析器和一个网络分析器。所以我们将使用这些分析器来判断性能。所有测试都在 Thoughtbot 的 Nexus 5X 和我自己的第一代 Google Pixel 上运行。React Native 应用程序将在 --dev
标志设置为 false
的情况下运行,Flutter 应用程序将在 profile
配置中运行,以模拟发布应用程序而不是 JIT 编译的调试应用程序。
给我看数据!
到了这篇文章最有趣的部分了。让我们看一下在 Thoughtbot 办公室的 Nexus 5X 上运行时的结果。
Nexus 5X 上面原生应用的结果
Nexus 5X 上面 React Native 应用的结果
Nexus 5X 上面 Flutter 应用的结果
这些结果首先表明的是,当涉及到性能时,原生 Android 应用程序胜过 React Native 和 Flutter 应用程序可不是一点半点。原生应用程序上的 CPU 使用率不到 Flutter 应用程序的一半,与 React Native 应用程序相比,Flutter 占用的 CPU 更少一些,但是差别不大。原生应用程序的内存使用率同样很低,并且在 React Native 和 Flutter 应用程序上内存使用率都有所增加,不过这次 React Native 应用表现得比 Flutter 应用更好。
下一个有趣的内容是 React Native 和 Flutter 应用程序在性能上是如此相近。虽然这个应用程序无疑是微不足道的,但我原本以为 JavaScript 桥接器会受到更多的影响,因为应用程序如此快速地通过该桥接器发送了如此多的消息。
现在让我们看看在 Pixel 上测试时的结果。
Pixel 上面原生应用的结果
Pixel 上面 React Native 应用的结果
Pixel 上面 Flutter 应用的结果
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上软件测试知识点,真正体系化!
由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新
的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上软件测试知识点,真正体系化!**
由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新