移动开发最新Flutter技术杂谈，2024年最新阿里巴巴p8面试

2301_82244125

于 2024-05-12 01:34:40 发布

阅读量742

点赞数 9

分类专栏：程序员文章标签： android 面试学习

本文链接：https://blog.csdn.net/2301_82244125/article/details/138736222

版权

程序员专栏收录该内容

131 篇文章 0 订阅

订阅专栏

最后

我见过很多技术leader在面试的时候，遇到处于迷茫期的大龄程序员，比面试官年龄都大。这些人有一些共同特征：可能工作了7、8年，还是每天重复给业务部门写代码，工作内容的重复性比较高，没有什么技术含量的工作。问到这些人的职业规划时，他们也没有太多想法。

其实30岁到40岁是一个人职业发展的黄金阶段，一定要在业务范围内的扩张，技术广度和深度提升上有自己的计划，才有助于在职业发展上有持续的发展路径，而不至于停滞不前。

不断奔跑，你就知道学习的意义所在！

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

语法糖

综合测评

互动应用

flutter生成的互动可以嵌入到任何端中使用精简的指令集进行互动，为互动场景（教学场景等带来巨大的希望），以下是直播同步互动的demo场景

2.Flutter业务架构

flutter中目前是没有现成的mvvm框架的，但是我们可以利用Element树特性来实现mvvm

ViewModel

abstract class BaseViewModel {

bool _isFirst = true;

BuildContext context;

bool get isFirst => _isFirst;

@mustCallSuper

void init(BuildContext context) {

this.context = context;

if (_isFirst) {

_isFirst = false;

doInit(context);

}

// the default load data method

@protected

Future refreshData(BuildContext context);

@protected

void doInit(BuildContext context);

void dispose();

}

复制代码

class ViewModelProvider extends StatefulWidget {

final T viewModel;

final Widget child;

ViewModelProvider({

@required this.viewModel,

@required this.child,

});

static T of(BuildContext context) {

final type = _typeOf<_ViewModelProviderInherited>();

_ViewModelProviderInherited provider =

// 查询Element树中缓存的InheritedElement

context.ancestorInheritedElementForWidgetOfExactType(type)?.widget;

return provider?.viewModel;

}

static Type _typeOf() => T;

@override

_ViewModelProviderState createState() => _ViewModelProviderState();

}

class _ViewModelProviderState

extends State<ViewModelProvider> {

@override

Widget build(BuildContext context) {

return _ViewModelProviderInherited(

child: widget.child,

viewModel: widget.viewModel,

);

}

@override

void dispose() {

widget.viewModel.dispose();

super.dispose();

}

// InheritedWidget可以被Element树缓存

class _ViewModelProviderInherited

extends InheritedWidget {

final T viewModel;

_ViewModelProviderInherited({

Key key,

@required this.viewModel,

@required Widget child,

}) : super(key: key, child: child);

@override

bool updateShouldNotify(InheritedWidget oldWidget) => false;

}

复制代码

DataModel

import ‘dart:convert’;

import ‘package:pupilmath/datamodel/base_network_response.dart’;

import ‘package:pupilmath/datamodel/challenge/challenge_ranking_list_item_data.dart’;

import ‘package:pupilmath/utils/text_utils.dart’;

///历史榜单

class ChallengeHistoryRankingListResponse

extends BaseNetworkResponse {

ChallengeHistoryRankingListResponse.fromJson(Map<String, dynamic> json)

super.fromJson(json);

@override

ChallengeHistoryRankingData decodeData(jsonData) {

if (jsonData is Map) {

return ChallengeHistoryRankingData.fromJson(jsonData);

}

return null;

}

class ChallengeHistoryRankingData {

String props;

int bestRank; //最佳排名

int onlistTimes; //上榜次数

int total; //总共挑战数

List ranks; //先给10天

//二维码

String get qrcode =>

TextUtils.isEmpty(props) ? ‘’ : json.decode(props)[‘qrcode’] ?? ‘’;

ChallengeHistoryRankingData.fromJson(Map<String, dynamic> json) {

props = json[‘props’];

bestRank = json[‘bestRank’];

onlistTimes = json[‘onlistTimes’];

total = json[‘total’];

if (json[‘ranks’] is List) {

ranks = [];

(json[‘ranks’] as List).forEach(

(v) => ranks.add(ChallengeHistoryRankingItemData.fromJson(v)));

}

///历史战绩的item

class ChallengeHistoryRankingItemData {

ChallengeRankingListItemData champion; //当天最好成绩

ChallengeRankingListItemData user;

ChallengeHistoryRankingItemData.fromJson(Map<String, dynamic> json) {

if (json[‘champion’] is Map)

champion = ChallengeRankingListItemData.fromJson(json[‘champion’]);

if (json[‘user’] is Map)

user = ChallengeRankingListItemData.fromJson(json[‘user’]);

}

View

import ‘dart:convert’;

import ‘package:dio/dio.dart’;

import ‘package:flutter/material.dart’;

import ‘package:pupilmath/datamodel/challenge/challenge_history_ranking_list_data.dart’;

import ‘package:pupilmath/entity_factory.dart’;

import ‘package:pupilmath/network/constant.dart’;

import ‘package:pupilmath/network/network.dart’;

import ‘package:pupilmath/utils/print_helper.dart’;

import ‘package:pupilmath/viewmodel/base/abstract_base_viewmodel.dart’;

import ‘package:rxdart/rxdart.dart’;

//每日挑战历史战绩

class ChallengeHistoryListViewModel extends BaseViewModel {

BehaviorSubject _challengeObservable =

BehaviorSubject();

Stream get challengeRankingListStream =>

_challengeObservable.stream;

@override

void dispose() {

_challengeObservable.close();

}

@override

void doInit(BuildContext context) {

refreshData(context);

}

@override

Future refreshData(BuildContext context) {

return _loadHistoryListData();

}

_loadHistoryListData() async {

Map<String, dynamic> parametersMap = {};

parametersMap[“pageNum”] = 1;

parametersMap[“pageSize”] = 10; //拿10天数据

handleDioRequest(

() => NetWorkHelper.instance

.getDio()

.get(challengeHistoryListUrl, queryParameters: parametersMap),

onResponse: (Response response) {

ChallengeHistoryRankingListResponse rankingListResponse =

EntityFactory.generateOBJ(json.decode(response.toString()));

if (rankingListResponse.isSuccessful) {

_challengeObservable.add(rankingListResponse.data);

} else {

_challengeObservable.addError(null);

}

onError: (error) => _challengeObservable.addError(error),

);

}

Future syncLoadHistoryListData(

int pageNum,

int pageSize,

) async {

Map<String, dynamic> parametersMap = {};

parametersMap[“pageNum”] = pageNum;

parametersMap[“pageSize”] = pageSize;

try {

Response response = await NetWorkHelper.instance

.getDio()

.get(challengeHistoryListUrl, queryParameters: parametersMap);

ChallengeHistoryRankingListResponse rankingListResponse =

EntityFactory.generateOBJ(json.decode(response.toString()));

if (rankingListResponse.isSuccessful) {

return rankingListResponse.data;

} else {

return null;

}

} catch (e) {

printHelper(e);

}

return null;

}

复制代码

一些基础架构

view和viewmodel如何实现初始化和相互作用：

Flutter业务架构抽离

如果是统一系列的产品业务形态，还可以抽离出一套核心的架构，复用在同样的生产产品线上，例如当前产品线以教育为主，利用flutter的一码多端性质，则可以把题版生产工厂、渲染题版引擎、适配框架、以及跨端接口的框架都抽离出来，迅速地形成可以推广复用的模板，可以事半功倍地解决掉业务上的试错成本问题，当然，其他产品性质的业务线均可如此。

3.Flutter适配

任何框架中的UI适配都是特别繁重的工作，跨端上的适配更是如此，因此在同一套布局里面，各个平台的换算过程显得尤为重要，起初的时候，flutter中并没有提供某种诸如 dp 或者 sp 的适配方式，而且考虑到直接更改底层matrix换算比例的话可能会让原本高清分辨率的手机显示不是那么清楚，而flutter的宽高单位都是num，最后编译的时候才会去对应到各个平台的单位尺寸。为了减轻设计师的设计负担，这里通常使用一套ios的设计稿即可，以375 x 667的通用设计稿为例，转换过来到android上是360 x 640 （对应1080 x 1920），这里flutter的单位也是和对应手机的像素密度有关的。

构造一个转换工具类：

//目前适配iPhone和iPad机型尺寸

import ‘dart:io’;

import ‘dart:ui’;

import ‘dart:math’;

import ‘package:pupilmath/utils/print_helper.dart’;

bool initScale = false;

//针对ios平台的scale系数

double iosScaleRatio = 0;

//针对android平台的scale系数

// （因为所有设计稿均使用ios的设计稿进行，所以需要转换为android设计稿上的尺寸，

// 否则无法进行小屏幕上的适配）

double androidScaleRatio = 0;

//文字缩放比

double textScaleRatio = 0;

const double baseIosWidth = 375;

const double baseIosHeight = 667;

const double baseIosHeightX = 812;

const double baseAndroidWidth = 360;

const double baseAndroidHeight = 640;

void _calResizeRatio() {

if (Platform.isIOS) {

final width = window.physicalSize.width;

final height = window.physicalSize.height;

final ratio = window.devicePixelRatio;

final widthScale = (width / ratio) / baseIosWidth;

final heightScale = (height / ratio) / baseIosHeight;

iosScaleRatio = min(widthScale, heightScale);

} else if (Platform.isAndroid) {

double widthScale = (baseAndroidWidth / baseIosWidth);

double heightScale = (baseAndroidHeight / baseIosHeight);

double scaleRatio = min(widthScale, heightScale);

//取两位小数

androidScaleRatio = double.parse(scaleRatio.toString().substring(0, 4));

}

bool isFullScreen() {

return false;

}

//缩放

double resizeUtil(double value) {

if (!initScale) {

_calResizeRatio();

initScale = true;

}

if (Platform.isIOS) {

return value * iosScaleRatio;

} else if (Platform.isAndroid) {

return value * androidScaleRatio;

} else {

return value;

}

//缩放还原

//每个屏幕的缩放比不一样，如果在ios设备上出题，则题目坐标值需要换算成原始坐标，加载的时候再通过不同平台换算回来

double unResizeUtil(double value) {

if (iosScaleRatio == 0) {

_calResizeRatio();

}

if (Platform.isIOS) {

return value / iosScaleRatio;

} else {

return value / androidScaleRatio;

}

//文字缩放大小

_calResizeTextRatio() {

final width = window.physicalSize.width;

final height = window.physicalSize.height;

final ratio = window.devicePixelRatio;

double heightRatio = (height / ratio) / baseIosHeight / window.textScaleFactor;

double widthRatio = (width / ratio) / baseIosWidth / window.textScaleFactor;

textScaleRatio = min(heightRatio, widthRatio);

}

double resizeTextSize(double value) {

if (textScaleRatio == 0) {

_calResizeTextRatio();

}

return value * textScaleRatio;

}

double resizePadTextSize(double value) {

if (Platform.isIOS) {

final width = window.physicalSize.width;

final ratio = window.devicePixelRatio;

final realWidth = width / ratio;

if (realWidth > 450) {

return value * 1.5;

} else {

return value;

}

} else {

return value;

}

double autoSize(double percent, bool isHeight) {

final width = window.physicalSize.width;

final height = window.physicalSize.height;

final ratio = window.devicePixelRatio;

if (isHeight) {

最后

我一直以来都有整理练习大厂面试题的习惯，有随时跳出舒服圈的准备，也许求职者已经很满意现在的工作，薪酬，觉得习惯而且安逸。

不过如果公司突然倒闭，或者部门被裁减，还能找到这样或者更好的工作吗？

我建议各位，多刷刷面试题，知道最新的技术，每三个月可以去面试一两家公司，因为你已经有不错的工作了，所以可以带着轻松的心态去面试，同时也可以增加面试的经验。

我可以将最近整理的一线互联网公司面试真题+解析分享给大家，大概花了三个月的时间整理2246页，帮助大家学习进步。

由于篇幅限制，文档的详解资料太全面，细节内容太多，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！以下是部分内容截图：

部分目录截图

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

final width = window.physicalSize.width;

final height = window.physicalSize.height;

final ratio = window.devicePixelRatio;

if (isHeight) {

最后

我一直以来都有整理练习大厂面试题的习惯，有随时跳出舒服圈的准备，也许求职者已经很满意现在的工作，薪酬，觉得习惯而且安逸。

不过如果公司突然倒闭，或者部门被裁减，还能找到这样或者更好的工作吗？

我可以将最近整理的一线互联网公司面试真题+解析分享给大家，大概花了三个月的时间整理2246页，帮助大家学习进步。

由于篇幅限制，文档的详解资料太全面，细节内容太多，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！以下是部分内容截图：

[外链图片转存中…(img-9kAXmApG-1715448857539)]

[外链图片转存中…(img-dlR13Bby-1715448857539)]

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

2301_82244125

关注

9
点赞
踩
16

收藏

觉得还不错? 一键收藏
0
评论
移动开发最新Flutter技术杂谈，2024年最新阿里巴巴p8面试

我一直以来都有整理练习大厂面试题的习惯，有随时跳出舒服圈的准备，也许求职者已经很满意现在的工作，薪酬，觉得习惯而且安逸。不过如果公司突然倒闭，或者部门被裁减，还能找到这样或者更好的工作吗？我建议各位，多刷刷面试题，知道最新的技术，每三个月可以去面试一两家公司，因为你已经有不错的工作了，所以可以带着轻松的心态去面试，同时也可以增加面试的经验。我可以将最近整理的一线互联网公司面试真题+解析分享给大家，大概花了三个月的时间整理2246页，帮助大家学习进步。
复制链接

扫一扫