当前位置：首页 > article >正文

《使用Gin框架构建分布式应用》阅读笔记：p208-p211

article 2024/10/27 9:34:56

《用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模块之间的变量引用。

以上只是一个例子，其它代码问题也用同样的方式解决。