十年网站开发经验+多家企业客户+靠谱的建站团队
量身定制+运营维护+专业推广+无忧售后，网站问题一站解决
自学前端其实很辛苦，需要有强大的自制力和坚持下去的学习心，并且做好详细的学习规划严格执行；如果你想学前端，下面的学习路线或许对你有帮助。
前端完整学习路线
第一阶段:
HTMLCSS:HTML进阶、CSS进阶、divcss布局、HTMLcss整站开发。
JavaScript基础:Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。
JS基本特效:常见特效、例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。
JS高级特征:正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础。
JQuery:基础使用悬着器、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用。
第二阶段:HTML5和移动Web开发
HTML5:HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、WebSocket、Canvas。
CSS3:CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷CSS3网页制作。
Bootstrap:响应式概念、媒体查询、响应式网站制作、删格系统、删格系统原理、Bootstrap常用模板、LESS和SASS。
移动Web开发:跨终端WEB和主流设备简介、视口、流式布局、弹性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、Zepto.js、手机聚划算页面、手机滚屏。
第三阶段:HTTP服务和AJAX编程
WEB服务器基础:服务器基础知识、Apache服务器和其他WEB服务器介绍、Apache服务器搭建、HTTP介绍。
PHP基础:PHP基础语法、使用PHP处理简单的GET或者POST请求。
AJAX上篇:Ajax简介和异步的概念、Ajax框架的封装、XMLHttpRequest对象详细介绍方法、兼容性处理方法、Ajax框架的封装、Ajax中缓存问题、XML介绍和使用。
AJAX下篇:JSON和JSON解析、数据绑定和模板技术、JSONP、跨域技术、图片预读取和lazy-load技术、JQuery框架中的AjaxAPI、使用Ajax实现爆布流案例额。
第四阶段:面向对象进阶
面向对象终极篇:从内存角度到理解JS面向对象、基本类型、复杂类型、原型链、ES6中的面向对象、属性读写权限、设置器、访问器。
面向对象三大特征:继承性、多态性、封装性、接口。
设计模式:面向对象编程思维、单例模式、工厂模式、策略模式、观察者模式、模板方法模式、代理模式、装饰者模式、适配器模式、面向切面编程。
第五阶段:封装一个属于自己的框架
框架封装基础:事件流、冒泡、捕获、事件对象、事件框架、选择框架。
框架封装中级:运动原理、单物体运动框架、多物体运动框架、运动框架面向对象封装。
框架封装高级和补充:JQuery框架雏形、可扩展性、模块化、封装属于传智自己的框架。
第六阶段:模块化组件开发
面向组件编程:面向组件编程的方式、面向组件编程的实现原理、面向组件编程实战、基于组件化思想开发网站应用程序。
面向模块编程:AMD设计规范、CMD设计规范、RequireJS，LoadJS、淘宝的SeaJS。
第七阶段:主流的流行框架
Web开发工作流:GIT/SVN、Yeoman脚手架、NPMer依赖管理工具、Grunt/Gulp/Webpack。
MVC/MVVM/MVW框架:Angular.js、Backbone.js、Knockout/Ember。
常用库:React.js、Vue.js、Zepto.js。
第八阶段:HTML5原生移动应用开发
Cordova:WebApp/NativeApp/HybirdApp简介、Cordova简介、与PhoneGap之间的关系、开发环境搭建、Cordova实战(创建项目，配置，编译，调试，部署发布)。
Ionic:Ionic简介和同类对比、模板项目解析、常见组件及使用、结合Angular构建APP、常见效果(下拉刷新，上拉加载，侧滑导航，选项卡)。
ReactNative:ReactNative简介、ReactNative环境配置、创建项目，配置，编译，调试，部署发布、原生模块和UI组件、原生常用API。
HTML5:HTML5中国产业联盟、HTML5PlusRuntime环境、HBuilder开发工具、MUI框架、H5开发和部署。
第九阶段:Node.js全栈开发:
快速入门:Node.js发展、生态圈、Io.js、Linux/Windows/OSX环境配置、REPL环境和控制台程序、异步编程，非阻塞I/O、模块概念，模块管理工具、开发流程，调试，测试。
核心模块和对象:全局对象global，process，console，util、事件驱动，事件发射器、加密解密，路径操做。
祝你学有所成！
Flutter零基础入门实战视频教程#01环境搭建「14:03」
Flutter零基础入门实战视频教程#02Dart语言「17:49」
Flutter零基础入门实战视频教程#03建立Androidstudio虚拟设备「04:12」
Flutter零基础入门实战视频教程#04建立第一个项目「08:23」
Flutter零基础入门实战视频教程#05安装配置过程中可能遇到的问题（没遇到者可以跳过）「05:07」
Flutter零基础入门实战视频教程#06运行iOS模拟器「04:07」
Flutter零基础入门实战视频教程#07Flutter概述「06:15」
Flutter零基础入门实战视频教程#08ScaffoldAppBar「Pro」「06:50」
Flutter零基础入门实战视频教程#09文档和快捷键「Pro」「02:36」
Flutter零基础入门实战视频教程#10颜色Colors「Pro」「05:47」
Flutter零基础入门实战视频教程#11自定义字体fonts「Pro」「05:09」
Flutter零基础入门实战视频教程#12hotreloadStatelessWidget「Pro」「04:56」
Flutter零基础入门实战视频教程#13使用图片「Pro」「04:59」
Flutter零基础入门实战视频教程#14使用图标-Icon「Pro」「01:27」
Flutter零基础入门实战视频教程#15Button按钮使用指南「Pro」「04:35」
Flutter零基础入门实战视频教程#16Container和Padding「Pro」「04:52」
Flutter零基础入门实战视频教程#17Row「Pro」「05:24」
Flutter零基础入门实战视频教程#18Column「Pro」「05:36」
Flutter零基础入门实战视频教程#19FlutterOutlineShortcuts「Pro」「03:18」
Flutter零基础入门实战视频教程#20ExpandedWidgets「Pro」「06:06」
Flutter零基础入门实战视频教程#21实战开始「Pro」「11:42」
Flutter零基础入门实战视频教程#22换个编辑器-VisualStudioCode「Pro」「04:50」
Flutter零基础入门实战视频教程#23StatefulvsStatelessWidget「Pro」「09:45」
Flutter零基础入门实战视频教程#24列表处理「Pro」「04:54」
Flutter零基础入门实战视频教程#25自定义class「Pro」「05:37」
Flutter零基础入门实战视频教程#26cardwidget「Pro」「04:26」
Flutter零基础入门实战视频教程#27ExtractingWidgets「Pro」「06:59」
Flutter零基础入门实战视频教程#28删除-FunctionsasParameters-完结-进入实战课「Pro」「04:35」
Flutter教程全套（全网独家)百度网盘免费资源在线学习
链接:
提取码:m9z8
Flutter教程全套（全网独家)
第一套：Flutter携程17章全-整理好
第五套：Flutter高仿谷歌翻译项目课程
第四套：两小时掌握Flutter移动App开发视频
第三套：flutter入门到精通全套
第七套：Flutter小实战20个
第六套：仿直聘boss的flutter完整教程
第九套：Flutter跨平台开发
第二套：flutter移动电商实战-技术胖
第八套：Flutter基础教程（基础不好的优先看）
24Flutter的打包.mp4
23静态资源和项目图片的处理.mp4
22页面跳转并返回数据_.mp4
21导航的参数传递和接受-2_.mp4
20导航的参数传递和接受-1.mp4
这里整理了一份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的对象。
第三阶段：数据库和框架实战
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框架完成移动端开发。
5.完成大型电商项目开发。
2、react-native、开发工具、视图与渲染、api操作、Flutter环境搭建、路由、ListView组件、网络请求、打包。练掌握react-native和Flutter框架，并分别使用react-native和Flutter分别能开发移动端项目。
4、大型购物网站实战，整个项目前后端分离开发；整个项目分为四部分：PC端网页、移动端APP、小程序、后台管理。团队协作开发，使用git进行版本控制。目期间可以扩展Three.js、TypeScript。
FlutterDio源码分析(一)--Dio介绍
FlutterDio源码分析(二)--HttpClient、Http、Dio对比
FlutterDio源码分析(三)--深度剖析
FlutterDio源码分析(四)--封装
FlutterDio源码分析(一)--Dio介绍视频教程
FlutterDio源码分析(二)--HttpClient、Http、Dio对比视频教程
FlutterDio源码分析(三)--深度剖析视频教程
FlutterDio源码分析(四)--封装视频教程
github仓库地址
当组件库方法发生重要改变需要迁移的时候如果有多处地方用到，那么需要对使用到的每个文件都进行修改，非常的繁琐而且很容易出问题。
当不需要Dio库的时候，我们可以随时方便切换到别的网络请求库，当然Dio目前内置支持使用第三方库的适配器。
因为一个应用程序基本都是统一的配置方式，所以我们可以针对拦截器、转换器、缓存、统一处理错误、代理配置、证书校验等多个配置进行统一管理。
因为我们的应用程序在每个页面中都会用到网络请求，那么如果我们每次请求的时候都去实例化一个Dio，无非是增加了系统不必要的开销，而使用单例模式对象一旦创建每次访问都是同一个对象，不需要再次实例化该类的对象。
这是通过静态变量的私有构造器来创建的单例模式
因为不管是get()还是post()请求，Dio内部最终都会调用request方法，只是传入的method不一样，所以我们这里定义一个枚举类型在一个方法中进行处理
我们已经把RestfulAPI风格简化成了一个方法，通过DioMethod来标明不同的请求方式。在我们平时开发的过程中，需要在请求前、响应前、错误时对某一些接口做特殊的处理，那我们就需要用到拦截器。Dio为我们提供了自定义拦截器功能，很容易轻松的实现对请求、响应、错误时进行拦截
我们发现虽然Dio框架已经封装了一个DioError类库，但如果需要对返回的错误进行统一弹窗处理或者路由跳转等就只能自定义了
在我们发送请求的时候会碰到几种情况，比如需要对非open开头的接口自动加上一些特定的参数，获取需要在请求头增加统一的token
在我们请求接口前可以对响应数据进行一些基础的处理，比如对响应的结果进行自定义封装，还可以针对单独的url做特殊处理等。
我们看了转换器的介绍，发现和拦截器的功能差不多，那为什么还要存在转换器，有两点：
执行流程：请求拦截器请求转换器发起请求响应转换器响应拦截器最终结果。
只会被用于'PUT'、'POST'、'PATCH'方法，因为只有这些方法才可以携带请求体(requestbody)
会被用于所有请求方法的返回数据。
在开发过程中，客户端和服务器打交道的时候，往往会用一个token来做校验，因为每个公司处理刷新token的逻辑都不一样，我这里举一个简单的例子
为什么我们需要有取消请求的功能，如果当我们的页面在发送请求时，用户主动退出当前界面或者app应用程序退出的时候数据还没有响应，那我们就需要取消该网络请求，防止不必要的错误。
由服务器生成的一小段文本信息，发送给浏览器，浏览器把cookie以kv形式保存到本地某个目录下的文本文件内，下一次请求同一网站时会把该cookie发送给服务器。
cookie的使用需要用到两个第三方组件dio_cookie_manager和cookie_jar
因为在我们平时的开发过程中，会碰到一种情况，在进行网络请求时，我们希望能正常访问到上次的数据，对于用户的体验比较好，而不是展示一个空白的页面，该缓存主要是《Flutter实战》网络接口缓存提供参考。
我们在程序退出后内存缓存将会消失，所以我们用shared_preferences进行磁盘缓存数据。
在我们用flutter进行抓包的时候需要配置Dio代理。由DefaultHttpClientAdapter提供了一个onHttpClientCreate回调来设置底层HttpClient的代理。
用于验证正在访问的网站是否真实。提供安全性，因为证书和域名绑定，并且由根证书机构签名确认。