《用 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

(2) Cambridge Dictionary：https://dictionary.cambridge.org

欢迎搜索及关注：编程人(a_codists)