flutter门槛,简书 flutter

想进入互联网行业，零经验怎么最快入行

想要进入互联网行业，首先得搞清楚互联网行业中有哪些岗位，这些岗位是做什么的，再去选择一个岗位、一个方向，有目的的学习和发展。

双桥ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联公司的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：028-86922220（备注：SSL证书合作）期待与您的合作！

一、互联网中的岗位。

一般来说公司越大岗位越完善，我们选择腾讯官网的招聘页，去看看大型互联网公司都有哪些岗位。

图片来源：腾讯官网

从图片可以得出，除开一个公司的基础职能岗位（行政、财务、法务等），互联网岗位大的方向可以分为技术、设计、产品、运营。

1、技术：

技术岗中包含前端、开发、运维、质量保证、数据、算法、地图（GIS）等。

2、设计：

设计岗有交互设计、视觉设计、用户体验与研究。

3、产品：

产品针对不同业务方向，对产品也会有所区分。

图片来源：阿里巴巴官网 招聘页

4、运营：

运营也和产品一样，公司的业务不同，运营的方向、内容、方式也会不同。

知道了这些岗位，那这些岗位在具体的工作是什么呢？一个项目的从无到有，前期的工作就不细述了，项目正式开始大概的流程：

（1）项目负责人：制定项目计划。

（2）需求/产品：据用户诉求，分析产品规划，输出需求文档。或者是用户分析，产品定位，输出产品需求。

（3）需求/产品：依据初步的原型图和需求文档，对开发、测试澄清需求。或者是产品依据需求输出线框图。

（4）设计：根据需求，交互设计师设计原型图，输出交互稿；UI设计师输出UI稿。交互和UI评审。

（5）开发：依据迭代要求和开发计划，开发对应功能模块。

（6）测试：输出测试方案，依据测试计划和开发给出的转测范围，测试对应功能。

（7）运维：迭代开发完成后，项目交付，进入运维期。

依据以上流程，需求（产品岗）需要参与项目前期产品定位、需求整理的工作，同时在整个项目周期需要依据项目计划，给项目组人员澄清需求。依据测试反馈、用户反馈、活动周期去调整产品需求，需求（产品岗）孕育产品。

在阿里的招聘页中，设计岗包含交互设计、视觉设计以及用户体验与研究。设计依据产品提出的需求去做产品的交互设计、视觉设计，让产品生动形象。

开发人员依据需求和设计，赋予产品真正的生命，让产品活起来。测试是保证产品质量，让产品更完美。一个成熟的产品上线后，运维人员去维护产品的正常使用，运营人员提高产品的曝光，吸引用户。

二、简单介绍了互联网中的岗位，那什么岗位适合零基础的人学习然后快速入行呢？

由于市场需求量大，薪资待遇高，所以越来越多的人想要加入互联网行业，针对零基础想要转行的小伙伴到底选择哪个方向去学习才能快速入行呢？

这个答案肯定不统一，因为每个人的兴趣、性格、行业背景不同，选择、适合的方向也不同。我们去聊聊每个方向需要的能力与发展，再结合你自己的情况选择一个方向深入发展。

1、技术：

技术岗一般分为开发、测试、运维，开发针对不同的语言，有不同的方向，如java、C++、Python等。不同的职责分为前端开发、后台、手机应用等，不同的业务方向分为区块链、人工智能、C端、B端、移动端等。

测试又依据不同的测试内容，分为功能测试、性能测试、安全测试、自动化测试等。

针对这些方向，如果你是零基础而且对编码很感兴趣，可以尝试前端开发、java开发、测试，原因有以下几点：

1、前端开发零基础好入门，上手快可以立马看到学习效果，可以大大提高学习兴趣。但是并不是说前端没有技术含量，我们不仅需要学习前端基础，还需要学习vue.js、react.js、react-native和Flutter等主流框架，并扩展three.js、typescript等等技术，深挖、剖析框架原理。甚至了解后端的知识，在工作中才能减少沟通成本。

2、Java作为一门面向对象编程语言，是全球主流的编程语言之一。Java技术具有卓越的通用性、简单性、安全性、高效性、健壮性、多线程、动态性、平台独立与移植性等特点，可以用于编写Web 应用程序、桌面应用程序、分布式系统和嵌入式系统应用程序等。相关调查显示，在各种编程语言中，Java使用者比例很高，达40%以上！

3、为了保证软件在出厂时的"健康状态"，几乎所有的IT企业在软件产品发布前都需要大量的质量控制工作。你可能会说，为什么要对编码感兴趣才建议去学测试，测试不就是点点点吗？你错了，点点点的工作已经不能满足企业对测试的需求了，现在市场上更倾向于有开发能力的测试。比如在测试工作中，我们可能会需要写测试脚本、测试工具，所以这些都需要测试工程师具备一定的编码能力。所以如果对测试感兴趣一定也要学习编码，具备一定的编码能力哦。

2、设计：

互联网中的设计分为视觉设计和交互设计，视觉设计又会依据公司业务、项目分为Web网页设计、电商设计、移动端设计、运营插画设计等。

交互设计是努力去创造和建立的是人与产品及服务之间有意义的关系，而视觉设计主要是让产品富有灵魂，生动有美感。由于大多数不了解互联网的人，听得最多的岗位大概是开发和测试，那我们就一起来了解一下UI设计。

UI（User Interface），中文名“用户界面”。Ps：（百度解释）UI是指对软件的人机交互、操作逻辑、界面美观的整体设计。

通俗来说，大家生活中的手机和电脑上使用的各种App、网页软件等产品的原型设计都来自于UI。

如果你觉得开发编码太累，测试太枯燥，可以尝试了解一下UI设计。也许你会问没有绘画基础也可以学习UI设计吗？

答案是肯定是可以的，市面上大多数的UI设计并非科班专业出生，通过不断的学习和积累，也可以具备UI设计的相关专业技能。

阿里巴巴资深总监杨光曾表示：无论是鲁班，还是未来升级的人工智能都不可能取代设计师，机器人只是帮助设计师解决重复性的工作，重塑整个设计生态，而真正的“设计师”，反而会越来越值钱。

综上所述，想要不被社会淘汰，最好让人无法取代。入行互联网，选择UI设计让你既有技术又有发展。如果对UI设计感兴趣，选择UI让兴趣和梦想齐飞。

3、产品：

当然也有很多小伙伴对产品经理这个职位很感兴趣，难道是因为经理这个头衔听起来很拉风。那我们又来了解互联网行业中的产品经理。

人人都是产品经理，但是真的每个人都能做产品经理吗？产品经理会伴随一个产品走完全部的生命周期，他需要和开发、设计、测试、运营等团队，及上下游紧密合作，对项目进行风险把控和资源协调，推进达成产品目标。

虽然看似产品经理不需要技术，但是没有技术背景你如何和技术人员沟通，如何把控进度与风险，所以产品经理特别考验一个人的综合素质，就不建议零基础的小伙伴通过产品经理入行互联网了。你可以通过技术入行，再转到产品岗，有了技术背景，对你的产品经理的职业发展有很大帮助哦。

4、运营：

运营就是对运营过程的计划、组织、实施和控制，是与产品生产和服务创造密切相关的各项管理工作的总称。而互联网运营就是要利用一切资源与策略去吸引用户，增加用户粘性。

大多数的人会说，运营岗位门槛低，没有太多技术含量。对于运营来说，因为没有固定的概念和标准的工作定义，不同的产品、不同的平台所采取的方式方法不一样，所以运营工作灵活，方式多变，需要顺应变化。由于回答中有很多关于运营岗位的回答，在这里我就不再对运营岗位进行详细说明了。

最后我想说，互联网行业中的岗位很多，根据自己的兴趣和背景去选择合适的方向，但是零基础找到工作肯定不现实。因为企业不是学校，不会传授技术给零经验、零基础的人，所以你一定得具备胜任岗位的能力，才有可能入行互联网。零基础、零经验的小伙伴，大多数都会以初级人员的要求进入行业，所以想要入行，你至少得具备一定的技能和前提条件。

那么多ui框架怎么选

LayUI

由职业前端倾情打造，面向全层次的前后端开发者，低门槛开箱即用的前端 UI 解决方案，layui是一个采用自身模块规范化编写的前端UI框架，它依照原生HTML/CSS/JS的书写与组织形式，入门简单，使用也非常简单。从核心代码到API的每一处细节都经过精心雕琢，非常适合界面的快速开发。

JEUI

它是一款国产前端UI框架，遵循原生HTML/CSS/JS的书写与组织形式，国内很多程序员javascript不熟, 大大影响了开发速度. 因此JEUI不需要开发人员去关心javascript怎么写, 只要写标准html就可以了，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到API的每一处细节都经过精心雕琢，非常适合界面的快速开发。

JEUI基于jQuery的UI框架，包括表单、布局、表格等等常用UI控件，使用JEUI可以快速轻松地创建风格统一的界面效果。

浏览器兼容非常牛皮，能兼容IE8以上的浏览器。

DWZ

DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架. 设计目标是简单实用,快速开发,降低ajax开发成本。

DWZ 支持用 html 扩展的方式来代替 javascript 代码, 基本可以保证程序员不董 javascript, 也能使用各种页面组件和 ajax 技术. 如果有特定需求也可以扩展 DWZ 做定制化开化.

MDUI

MDUI 是一个基于 Material Design 的前端框架。

19 种主色、16 种强调色、1 种夜间主题，只需添加一个 CSS 类即可切换。CSS 仅 26.7KB，JavaScript 仅 14KB，加载更迅速。移动优先，从小屏逐步扩展到大屏，最终实现所有屏幕适配。不依赖任何第三方库，节约网络流量，使加载更迅速，提高用户体验。使用 CSS3 来做动画交互，平滑、高效，让 Web 应用的动画更流畅。提供自定义打包功能，按需打包需要的主题和组件，使文件体积骤然减小。MDUI 包含了 20 余个组件，且每个组件都可以适应不同主题。

只需懂一点 HTML、CSS、JS 的基础知识，就能使用 MDUI。

ElementUI

element ui框架的按钮组件，这款由饿了么前端开源的UI框架，一经面世，就收获大量程序员的芳心，在github 上更是高达29.8k的star早已说明一切，用于开发PC端的页面还是绰绰有余的，如果说你是用vue开发者，却没用过element UI，那你肯定不是合格的vue开发者。

WeUI

jQuery WeUI 是专为微信公众账号开发而设计的一个简洁而强大的UI库，包含全部WeUI官方的CSS组件，并且额外提供了大量的拓展组件，丰富的组件库可以极大减少前端开发时间。

jQuery WeUI 的最大特点是它只提供UI组件，并不会对项目所使用的框架和其他库有任何的限制，几乎可以在任何环境下使用。无论你的项目是基于jQuery，还是 React, Angular, Vue， 你都会发现 jQuery WeUI 能非常方便的和他们结合使用。既是你的项目是一个有很悠久历史的老项目，也几乎可以做到拿来即用。

Flutter

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面，前端对于 Flutter 的热忱度之高一度让人有点惊讶，事实上在 Flutter 社区内见到的客户端开发者远多于前端开发，不过前端对于跨端解决方案确实有着天然的渴求。

Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。

iView ui

iViewui一套基于 Vue.js 的高质量 UI 组件库，搭配使用 iView UI 组件库形成的一套后台集成解决方案，由 TalkingData 前端可视化团队部分成员开发维护。iView Admin 遵守 iView 设计和开发约定，风格统一。

Mint UI

Mint UI 包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。通过它，可以快速构建出风格统一的页面，提升开发效率。

真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件，无需再纠结文件体积过大。

考虑到移动端的性能门槛，Mint UI 采用 CSS3 处理各种动效，避免浏览器进行不必要的重绘和重排，从而使用户获得流畅顺滑的体验。

依托 Vue.js 高效的组件化方案，Mint UI 做到了轻量化。即使全部引入，压缩后的文件体积也仅有 ~30kb (JS + CSS) gzip。

YDUI Touch

YDUI Touch 专为移动端打造，在技术实现、交互设计上兼容主流移动设备，保证代码轻、性能高。

使用 Flex 技术，灵活自如地对齐、收缩、扩展元素，轻松搞定移动页面布局。

实现强大的屏幕适配布局，等比例适配所有屏幕。什么？用得不开心？轻松切换 px。

自定义Javascript组件、Less文件、Less变量，定制一份属于自己的YDUI。

SUI Mobile

SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美，只需要引入我们的CDN文件就可以使用，并且能兼容到 iOS 6.0+ 和 Android 4.0+，非常适合开发跨平台Web App。轻量的UI库

SUI Mobile 非常轻量，核心库压缩Gzip后的JS、CSS网络传输体积总共只有52K，却提供了20+个常用的组件。

Amaze ~ 妹子 UI

中国首个开源 HTML5 跨屏前端框架

Amaze UI 以移动优先（Mobile first）为理念，从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。

Amaze UI 含近 20 个 CSS 组件、20 余 JS 组件，更有多个包含不同主题的 Web 组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率。

相比国外框架，Amaze UI 关注中文排版，根据用户代理调整字体，实现更好的中文排版效果；兼顾国内主流浏览器及 App 内置浏览器兼容支持。

Amaze UI 面向 HTML5 开发，使用 CSS3 来做动画交互，平滑、高效，更适合移动设备，让 Web 应用更快速载入。

cube-ui

质量可靠：由滴滴内部组件库精简提炼而来，历经考验，并且每个组件都有充分单元测试，为后续集成提供保障。

体验极致：以迅速响应、动画流畅、接近原生为目标，在交互体验方面追求极致。

标准规范：遵循统一的设计交互标准，高度还原设计效果；接口标准化，统一规范使用方式，开发更加简单高效。

扩展性强：支持按需引入和后编译，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发。

UI设计和web前端学习哪个好？哪个比较有前景？

对于大多数人来说，前端和UI设计两个职业都算是转行互联网行业相对可行性较高的方向。那究竟是选择前端，还是选择UI设计呢？今天就来跟大家简单分析一下，希望从以下内容中你可以更加了解这两个职业，从而根据自己意愿挑选适合自己的发展方向。

一、UI和前端简介

UI设计：全写User Interface，简称用户界面，是指对软件的人机交互、操作逻辑、界面美观的整体设计。

前端：是创建Web页面或app等前端界面呈现给用户的过程。通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。通俗一点来讲，前端就是客服，主要跟顾客（用户）交流。

从以上可以看出，其实UI设计和前端的工作相辅相成的，按照项目流程，一般是UI设计师设计好产品界面，前端工程师通过编码实现界面。通俗来说，UI设计师好比服装设计师，而开发工程师好比裁缝，两者都是在一个完整的互联网项目中不可缺失的岗位。

前端主要是需要掌握前端语言、框架等，都是编码的工作。而UI设计是属于视觉设计，需要具备设计基础、设计思维、设计技能，两者不是一个类别。可以说前端比较偏向于软件工程、计算机科学等专业，而UI设计比较偏向于视觉设计、平面设计等。

二、UI和前端的前景

随着互联网行业的发展的同时也在带动行业内岗位的发展，所以UI设计和前端开发都有很不错的前景。那我们来看看UI设计和前端的市场需求曲线图，直观地感受两个岗位的需求变化。

说明：曲线越向上代表市场需求量越大，就业情况越好。反之，代表该类职位需求量较少。该数据由各地招聘网站统计而来，可能因抓取系统稳定性等因素而致使数据偏离客观实情，仅供参考。

从图片可以看出UI设计和前端的需求在前几年是基本持平的，近几年变化浮动较大，近两年前端需求高于UI，最近半年UI的需求高于前端设计。所以两次的需求量量都大，只是时段不同，需求量也在不停变化。

那通过各种对比，可以得出UI设计和web前端有何区别：

1、学历要求不同

从职友集数据可以看出，对于UI设计本科学历占49%，大专占48%。但是对于前端开发本科学历占71%，而大专学历仅占28%。虽然学历不能代表一切，但是不得不说学历对薪资待遇也有一定的影响。

2、工作经验要求不同

从职友集数据可以看出，对于UI设计有49%的公司要求有1-3年工作经验，而对于前端有41%的公司都要求必须有1-3年的工作经验。对于3年以上的工作经验的要求前端开发远远大于UI设计。工作年限前端的需求一定程度上也说明了工作经验以及技能熟练度，所以工作年限的不同对薪资待遇肯定也不同。

三、两者需具备的技能

了解了UI设计和前端的简要信息，如果想要转行，那我们还需要要知道转行的条件。也就是需要学习哪些技能才能达到入行的标准。

1、前端

前端开发零基础好入门，上手快可以立马看到学习效果，可以大大提高学习兴趣。但是并不是说前端没有技术含量，我们不仅需要学习前端基础，还需要学习vue.js、react.js、react-native和Flutter等主流框架，并扩展three.js、typescript等等技术，深挖、剖析框架原理。甚至了解后端的知识，在工作中才能减少沟通成本。

2、UI设计

现在的UI不仅要懂交互知识、平面设计，甚至还要会代码、AE制作动效、以及插画、手绘等等，UI设计也因此有了一个新名“全链路UI”。

从上面的分析我们可以得出，前端的工作比UI设计略高，但是企业的对于前端的学历要求、工作经验的要求也比UI设计严格。我们不能一味的因为薪资待遇而去选择方向，而是一个依据自己实际情况以及兴趣去选择。

前端属于技术岗位，技术随着时间的改变也在不断的进步、更新，而UI设计也需要根据市场的流行趋势、设计要求的变化去学习最新的设计知识。

其实不管选择什么方向，都要持续的对这个方向保持热爱，保持持续的学习，才能有顺应市场需求有更好的发展。

Flutter初学 —— 常用控件使用

在编写几个 Flutter 项目后，发现 Flutter 的强大之处在于业务中所有用到的控件以及场景都有对应的处理方案；而 Dart 语言也与 Java 、 Kotlin 类似，所以对 Android 开发者来说门槛非常低；特意记录一下常用的控件及其使用：

StatelessWidget 不需要额外的创建 State

StatefulWidget 创建 State 类，并可以在其中保存一些状态

only 可以单独设置每个方向的内边距

类似于 LinearLayout 中的 orientation 设置为 vertical ， mainAxisAlignment 表示竖向的一个对齐方式， crossAxisAlignment 表示横向的对齐方式

与 Column 相反，主轴是横向，对齐方式类似， crossAxisAlignment 表示竖向的对齐方式

类似 SizedBox ，一个容器，但是主要功能是有一个 decoration —— 装饰器，作用是绘制背景，或者使用 item 中的阴影

栈，先入后出，类似于 Android 上的 FrameLayout

通常配合 Stack 使用，固定显示在某一个位置

配合多 child 使用，会填充剩余的空间

Image 功能强大，使用不同的方法可以加载不同来源的图片

看到这些方法，突然觉得 Flutter 太香了，而且 Image 可以配置 clip 等裁剪出不同形状的图片，无论是圆形还是五角星都不在话下，然而 Android 要实现不规则的形状，可是要下不少功夫的。

名字和 Android 的一模一样，但是用法却比 Android 的简单很多：

主要就是 itemCount 与 itemBuilder ,其余就是配置样式， itemBuilder 需要返回一个 widget ，当然了，每个 ListView 都有其对应的 item ，在里面的方法中编写 widget 即可

与 ListView 类似，但是需要有一个 delegate 类，作用是设置有多少列，每一列之间的间距是多少

GridView 没有 build ， children 表示所有的子 view

最常用的控件之一，有非常多的样式， Flutter 中通常是使用装饰器来处理控件的，如背景使用 BoxDecoration , TextFiled 使用 InputDecoration ; 使用如下