新手flutter,新手运营从哪开始学

0基础学习前端，需要掌握什么？

对于零基础想要学习web前端的小伙伴来说，不知道从哪学起，也不知道该掌握哪些知识，这里蜗牛学院就给大家整理了一份系统全面的web前端学习路线，希望可以给想要学习web前端的小伙伴带来一些帮助。

第一阶段：专业核心基础

阶段目标：

1. 熟练掌握HTML5、CSS3、Less、Sass、响应书布局、移动端开发。

2. 熟练运用HTML+CSS特性完成页面布局。

4. 熟练应用CSS3技术，动画、弹性盒模型设计。

5. 熟练完成移动端页面的设计。

6. 熟练运用所学知识仿制任意Web网站。

7. 能综合运用所学知识完成网页设计实战。

知识点：

1、Web前端开发环境，HTML常用标签，表单元素，Table布局，CSS样式表，DIV+CSS布局。熟练运用HTML和CSS样式属性完成页面的布局和美化，能够仿制任意网站的前端页面实现。

2、CSS3选择器、伪类、过渡、变换、动画、字体图标、弹性盒模型、响应式布局、移动端。熟练运用CSS3来开发网页、熟练开发移动端，整理网页开发技巧。

3、预编译css技术：less、sass基础知识、以及插件的运用、BootStrap源码分析。能够熟练使用 less、sass完成项目开发，深入了解BootStrap。

4、使用HTML、CSS、LESS、SASS等技术完成网页项目实战。通过项目掌握第一阶段html、css的内容、完成PC端页面设计和移动端页面设计。

第二阶段：Web后台技术

阶段目标:

1. 了解JavaScript的发展历史、掌握Node环境搭建及npm使用。

2. 熟练掌握JavaScript的基本数据类型和变量的概念。

3. 熟练掌握JavaScript中的运算符使用。

4. 深入理解分之结构语句和循环语句。

5. 熟练使用数组来完成各种练习。

6.熟悉es6的语法、熟练掌握JavaScript面向对象编程。

7.DOM和BOM实战练习和H5新特性和协议的学习。

知识点：

1、软件开发流程、算法、变量、数据类型、分之语句、循环语句、数组和函数。熟练运用JavaScript的知识完成各种练习。

2、JavaScript面向对象基础、异常处理机制、常见对象api，js的兼容性、ES6新特性。熟练掌握JavaScript面向对象的开发以及掌握es6中的重要内容。

3、BOM操作和DOM操作。熟练使用BOM的各种对象、熟练操作DOM的对象。

4、h5相关api、canvas、ajax、数据模拟、touch事件、mockjs。熟练使用所学知识来完成网站项目开发。

第三阶段：数据库和框架实战

阶段目标：

1. 综合运用Web前端技术进行页面布局与美化。

2. 综合运用Web前端开发框架进行Web系统开发。

3. 熟练掌握Mysql、Mongodb数据库的发开。

4. 熟练掌握vue.js、webpack、elementui等前端框技术。

5. 熟练运用Node.js开发后台应用程序。

6. 对Restful，Ajax，JSON，开发过程有深入的理解,掌握git的基本技能。

知识点：

1、数据库知识，范式，MySQL配置，命令，建库建表，数据的增删改查，mongodb数据库。深入理解数据库管理系统通用知识及MySQL数据库的使用与管理，为Node.js后台开发打下坚实基础。

2、模块系统，函数，路由，全局对象，文件系统，请求处理，Web模块，Express框架，MySQL数据库处理，RestfulAPI，文件上传等。熟练运用Node.js运行环境和后台开发框架完成Web系统的后台开发。

3、vue的组件、生命周期、路由、组件、前端工程化、webpack、elementui框架。Vue.js框架的基本使用有清晰的理解，能够运用Vue.js完成基础前端开发、熟练运用Vue.js框架的高级功能完成Web前端开发和组件开发，对MVVM模式有深刻理解。

4、需求分析，数据库设计，后台开发，使用vue、node完成pc和移动端整站开发。于Node.js+Vue.js+Webpack+Mysql+Mongodb+Git，实现整站项目完整功能并上线发布。

第四阶段：移动端和微信实战

阶段目标：

1.熟练掌握React.js框架，熟练使用React.js完成开发。

2.掌握移动端开发原理，理解原生开发和混合开发。

3.熟练使用react-native和Flutter框架完成移动端开发。

4.掌握微信小程序以及了解支付宝小程序的开发。

5.完成大型电商项目开发。

知识点：

1、React面向组件编程、表单数据、组件通信、监听、声明周期、路由、Redux基本概念。练使用react完成项目开发、掌握Redux中的异步解决方案Saga。

2、react-native、开发工具、视图与渲染、api操作、Flutter环境搭建、路由、ListView组件、网络请求、打包。练掌握react-native和Flutter框架，并分别使用react-native和Flutter分别能开发移动端项目。

3、微信小程序基本介绍、开发工具、视图与渲染、api操作、支付宝小程序的入门和api学习。掌握微信小程序开发了解支付宝小程序。

4、大型购物网站实战，整个项目前后端分离开发；整个项目分为四部分：PC端网页、移动端APP、小程序、后台管理。团队协作开发，使用git进行版本控制。目期间可以扩展Three.js 、TypeScript。

相关问答

Q1: 做混合的话Uniapp和Flutter我应该学哪个啊？

Uniapp目前比较成熟，而且用的是Vue语法，学习成本比较低，而且行业里面用的也比较广泛，而Flutter的话，学习成本略高，因为要学习新的语言，还有就是目前生态不是特别完备，等他再发展发展吧。黑马程序员官网有成套免费视频哦，有什么不懂的可以直接过去学习。您的采纳是对我成长的鞭策

Q2: 现在都用什么框架开发软件或网页？

1. Spring

Spring框架是一款功能强大的轻量级Web应用开发框架。面对需要高性能的复杂Web应用需求，Spring能够提供出色的开发服务，因此它在各个框架中能够脱颖而出。Spring框架的核心宗旨是使得Java开发人员可以轻松地创建出企业级的应用程序。

Spring提供了包括：Spring MVC、Spring Core、Spring Security、Spring Transaction、Spring Boost、以及Spring ORM在内的许多模块，以方便企业应用根据实际情况灵活选用。如果您想深入了解其具体的使用场景和用法的话，可以参见《Spring框架注释指南(A Guide to Spring Framework Annotations)》。

优点

它提供了一个轻量级的容器，用户无需使用Web服务器、或应用服务器软件，即可启动之。

由于支持JDBC，因此可提高实际应用的生产率，并减少错误率。

Spring能够同时支持XML，以及基于注释的配置。

它提供了代码的向后兼容性，和可测试性。

2. JSF(Java Server Faces)

由Oracle开发的Java Server Faces(JSF)，可用于创建企业级的应用程序、各种原生应用、以及Web应用的开发。它往往也被用于为基于Java的应用开发用户界面。

作为一款稳定的、且基于组件的MVC框架，JSF具有一种清晰的体系结构，用户可以用它来明确地区分出目标应用的逻辑和表示。

JSF只需通过拖放UI组件，即可帮助开发人员创建用户界面。开发者无需掌握诸如：HTML、CSS、JavaSript之类的高级客户端技术知识，便可用它来简化应用程序的表示层，并进行开发。

优点

JSF是Java EE的组成部分。

它提供了出色的工具和丰富的库。

由于允许用户使用Web界面，来扩展现有的后端Java代码，因此用户不必通过引入新的框架，来更改基本的应用程序。

3. Google Web Toolkit

Google Web Toolkit(GWT)是一个完全免费的，流行且开源的Web框架。它可以帮助开发人员针对Java Ajax应用进行开发和调试。

借助GWT，您可以编写出各种复杂的、基于浏览器的应用程序，而无需具备JavaScript等前端技术方面的专业知识。

当然，GWT也有一些独特的功能，其中包括：跨浏览器的可移植性、历史记录的管理、国际化、以及书签。许多Google产品，包括：AdSense、Google Wallet、以及Blogger都是使用GWT编写的。

优点

开源且完全免费。

对开发人员十分友好。

支持常见的Web开发任务重用。

Google API可以在GWT应用程序中被使用。

提供国际化、跨浏览器的可移植性、UI抽象、书签、以及历史记录管理。

4. Vaadin

Vaadin是一种用于简化Java开发的Web应用框架。它能够方便开发人员构建出自定义的Web开发服务。

该框架的主要优势在于客户端与服务器端之间可以流畅地通信。Vaadin可以从Java虚拟机处直接访问DOM。作为一个轻量级的框架，Vaadin Flow可被用于处理服务器端和客户端之间的路由通信。Vaadin允许开发者将Vaadin组件集成到他们正在使用的任何一款IDE中。由于Vaadin是跨平台类型的框架，因此用户无需将代码迁移到其他的平台上。

在使用Vaadin的过程中，开发人员不需要具有丰富的HTML、CSS、以及JavaScript经验。Vaadin会自动将Java转换为标记。

优点

通过支持拖放、以及其他出色的功能，它简化了Java应用单页UI的创建。

具有WebSocket支持的自动化“服务器端-客户端”通信方式。

使用MVC(Model-View-Controller)或MVP(Model-View-Presenter)，来进行数据绑定。

带有嵌套路由和参数支持的路由器。

支持包括Kotlin和Scala在内的JVM语言。

内置了对于Spring的支持。

5. Hibernate

Hibernate是一个对象关系映射(Object-Relational Mapping，ORM)型数据库，可被用于开发出稳定的Java框架。对象关系映射往往被用于横跨两个不兼容的系统，以连接数据。Hibernate在关系数据库管理系统(relational database management systems，RDBMS)和Java应用程序之间，提供了良好的通信。它非常适合工作在复杂的生态系统中，并对数据流实现无缝化。

在使用诸如Java之类的面向对象的语言时，开发人员往往会遇到被称为“对象关系阻抗不匹配”或“范例不匹配”的问题。Hibernate为开发人员提供了一个可以克服此类问题的框架。

Hibernate的查询与SQL类似，称为HQL(Hibernate查询语言)。Hibernate可以直接将Java类映射到相应的数据库表上，反之亦然。Hibernate在其主文件--hibernate.cfg.xml中，提供了使用数据库配置映射的各种Java类信息。

优点

一种强大的跨数据库解决方案。

可扩展。

数据可以轻松地实现转换。

可配置。

总结

希望上面介绍到的各种最受欢迎的、使用最广泛的Web应用开发Java框架，能够帮助您从易用性、配套文档、以及技术支持等需求维度，选出适合自己实际项目的框架。当然如果您是一名新手，那么我建议从《Java信息图(Java Infographic)》一文，快速熟悉并上手Java。

Q3: flutter dio 网络请求问题

最近在做公司工业互联网的一个项目 之前做了一个ipad 版本的 在使用dio网络请求框架的时候发现请求登录的时候后台一直报签名错误问题  检查了几遍写的签名方法没有发现错误 后面仔细查了下 是服务器不能识别我传的数据。。。

如果content-type是form-data 我们需要通过FormData类来构建数据，否则服务器将无法识别

同时需要传入一个Option指明content-type，而form-data的content-type完整类型表述为：multipart/form-data

主要我是个新手啊 

查看源码 

headers里面并有multipart/form-data 这个类型啊    讲道理这个是常用的contentType啊 应该要列出来才对啊 

 咋整？

自己设置。。。。

后台就可以正常接收表单参数了

Q4: flutter 使用Getx提示错误

新手最近在使用Getx做状态管理, 在使用中遇到问题, 随手记录下,

提示错误:

GET the improper use of a getx has been detected you should only use getx or obx for the specific widget that will be updated. if you are seeing this error, you probabaly did not insert any observable variables into GetX/Obx...

其实提示很明显, 就是Obx()中组件没用到controller内容, 比如Obx(()=Text("123")), 这里面Obx没有用到GetxController的对象, 就会报这个错误,如果改成Obx(()=Text(controller.content)), 就可以了