《用Gin框架构建分布式应用》学习第11天，p208-p211总结，总计4页。
# 一、技术总结
## 1.JavaScript
前端永远离不开HTML，CSS，JavaScript这三个概念。但是书中作者基本没有进行介绍。此时要求我们自己具备一定的前端基础。关于Javascript的tutorial, 个人觉得React文档中提到的《The Modern JavaScript Tutorial》(https://javascript.info/)还不错。如果你在阅读本书的时候对JavaScript不熟悉，不妨看一下。
## 2.遇到不懂的技术怎么办？
第5章涉及到React，本人之前并未学过React，书上也没有详细介绍每一步为什么这么写，此时怎么办呢？
此时正是锻炼我们解决问题的能力的时候？虽然这里是React，是前端框架，但其它时候有可能是“编程语言(如：Java)”，有可能“数据库(如：MySQL)”，也有可能是“AI(如：机器学习)”。进而可以抽象为“遇到不懂的技术怎么办？”，下面是本人的做法：
### (1)查看tutorial，对一门技术有一个整体的认知。
这里的tutorial，可以是官方文档、书、视频，选择哪种形式看个人喜好。重点是精简，同时又能涵盖所有的知识点。以本人为例，本人倾向于按官方文档、书、视频的优先级去了解。因为官方文档始终是“与时俱进”的，是经受了使用这门技术的人检验过的；书，相对来说有可能会过时；视频，看起来较慢。
在这里，我选择React官方文档的“Learn(https://react.dev/learn)”作为切入点。阅读下来我们对React就有了一个大致的了解：component，jsx，event, hooks，state等——当然，React所涉及的内容远远不止这些，这些知识我阅读tutorial后的一个直观感受。
### (2)回到代码
```
import React from 'react';
import logo from './logo.svg';
import './App.css';
import Recipe from './Recipe';
class App extends React.Component {
constructor(props) {
super();
this.state = {
recipes: [
{
"name": "Oregano Marinated Chicken",
"tags": [
"main",
"chicken"
],
"ingredients": [],
"instructions": []
},
{
"name": "Green pea soup with cheddar scallion panini",
"tags": [
"soup",
"main",
"panini"
],
"ingredients": [],
"instructions": []
}
]
}
}
}
```
假设我们对下面的这两行代码不懂：
```
import React from 'react';
import './App.css';
```
经过查资料，我们会发现这是JavaScript的语法——随着应用越来越大，就会出现多个js文件，js文件和js文件之间又会出现变量互相引用。那么就引申处理一个问题：这些js文件，js文件之间和js文件之间的变量引用怎么管理？为了解决这个问题，JavaScript在2015年引入了"module"这一概念，export和import用于js模块之间的变量引用。
以上只是一个例子，其它代码问题也用同样的方式解决。
# 二、英语总结
无。
# 三、其它
今天的进度全部卡在前端了——如果把阅读一本书当做项目开发来看，这是不合格的。如何在遇到不懂的问题，但同时又要保持进度？这是我下一阶段要解决的问题。
# 四、参考资料
## 1. 编程
(1) Mohamed Labouardy，《Building Distributed Applications in Gin》：
https://book.douban.com/subject/35610349
## 2. 英语
(1) Etymology Dictionary：[https://www.etymonline.com](https://www.etymonline.com/)
(2) Cambridge Dictionary：[https://dictionary.cambridge.org](https://dictionary.cambridge.org/)
欢迎搜索及关注：编程人(a_codists)