对比学习方法

工作以来先后从事过 Android，Web（Vue，React）的开发工作，私下也捣鼓过微信小程序，Flutter 等前端开发技术。不断的工作学习中，也为自己总结了一套属于自己的学习套路-对比学习。

对比学习方法是借助自己现有的技术栈通过对比快速掌握其他技术栈的方法。

1. 语言基础

我第一门掌握的语言是 Java，后来学习 js 的时候，Java 的编程经验给了我极大的帮助，使得我并不是从 0 去掌握一门新语言。

在学习 js 的时候，我一直在思考这两门语言的差异和共性，比如 Java 是强类型，js 是弱类型。Java 中如何声明一个对象，那么在 js 中又是如何去声明。 Java 中声明一个方法，js 中又是如何声明的。。。这一切的对比学习都在潜移默化进行，正是对比学习的过程中，使得快速掌握一门新语言成为了可能。

有了语言基础，就可以继续把自己的计划推进到下一步。

2. 视图绘制

前端学习中，我喜欢分为两部分去整理学习：

布局，它们负责界面的排版，用户无法直接看到它们。
视图，它们负责页面的细节元素的展示，用户可以直观看到。
在进入到这一步学习的时候，尽量不先去想交互的东西，只需要动手去跟着官方文档尝试一遍每一种前端技术是如何绘制一个页面的，找找感觉。

当然少不了对比的过程：

1. Android 中通过各种 View 和 Layout
2. Web 中通过 HTML 标签 + CSS 属性

当视图绘制掌握的差不多的时候，我们就可以进行下一步了。

3. 视图交互

前端是直接面向用户的，一个前端产品如何和用户进行交互必不可少。这个部分，我们也可以通过对比学习，

1. Android 中可以通过 findViewById 方法拿到一个 View 对象
2. Web 中也可以通过 js 拿到一个 DOM 元素

拿到了视图之后，就可以为其赋予交互能力了，比如绑定各种监听：点击，长按，拖拽。。。

这个在 Android 和 Web 开发中也是相通的，只要对比着先前 Android 开发中如何做的，同理找到 Web 中相同的操作即可，多试几次不难摸清它们的共性。

4. 网络请求

前端离不开后端，网络请求作为前后端交互的途径，必然需要好好掌握，庆幸的是，网络请求大体都是一样的，用的最多的也就 GET，POST 这些。这部分每个前端技术栈里都有自己成熟的轮子，我们只要去找到主流的那个好好学习一下即可，而且主流的轮子都有完善的文档和技术博客，前辈们已经给我们总结了太多，比如：

1. Android 的 OkHttp
2. Web 的 Fetch

5. 数据持久化

前端虽然离不开后端，但是每种前端技术也离不开自己的本地数据持久化策略，登录状态的保持，图片的缓存优化，更好的离线体验这些都离不开它。这一块看官方文档会比较多而杂，可以有针对性的看一些技术博客，会事半功倍。

1. Android 的 SharedPreferences，Sqlite，File
2. Web 中的 Cookie，LocalStorage

最后我想总结的是，前端技术其实是有自己的套路可循，技术更新换代迅速的今天，我们更要利用好这个套路，借力快速迭代自己的技能包，当然要广度也要深度！

---