时间跨度

2020年10月13日——2020年10月17日

任务及收获

1.理解项目体系结构

任务

整个项目使用数据库+HTML+css+js搭建起来，项目负责人首先带我们串了一遍项目现有架构以及功能。让我对一个团队项目的架构有了初步认识。

收获

HTML、CSS、JS（JavaScript）共同构建了我们看到的所有网页展示和交互。

• HTML（HyperText Markup Language）是超文本标记语言。
• CSS（Cascading StyleSheets）是级联样式表。
• JavaScript 是一种脚本语言，主要用于前端页面的 DOM 处理。

本项目将js写在HTML的body里，在我的理解中类似于高级语言中的变量定义与函数调用。

在整个项目中，包含.XML .java .js .css .jsp文件，在各自的位置各司其职。
而js和jsp到底有什么区别，又各自代表什么？

jsp：只是servlet的一个变种，方便书写html内容才出现的，servlet是根本，所有jsp能做的，servlet全能做；

JSP在HTML中用<%%>里面实现。JS在html中用实现

2.加入前端过渡动画

任务

在数据加载和登录页面跳转的过程，由于地图加载量大，空白时间长，需要再这个过程加入loading动画。

• 了解、学会ajax
• css中的动画样式表
• jsp中加入遮罩层和动画显示与隐藏

收获

首先，AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术
AJAX = 异步 JavaScript 和 XML
AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。
有很多使用 AJAX 的应用程序案例：新浪微博、Google 地图、开心网等等。

其次，对于css中样式表的分类，比如：类选择器、id选择器等，有了初步认识，但是距离完全学会使用还有一定距离

最后，学会了jsp中加遮罩层的步骤。

3.加入面积测量工具

任务

调用高德地图测量距离和面积的API，完成距离和面积的测量

收获

对于一个组件全局的部署更加熟悉。

4.使用git

任务

项目通过git推送和拉取最新的代码

收获

对于项目小白来说，git是一个很陌生的项目管理工具，好在项目负责人耐心

总结

在任务初步布置下来，我觉得好难了，这完全是由于我对未知领域的恐惧。但不得不说，实践是最好的老师，通过不断学习别人的经验、学习语言的特征，简单的入门了。
但是这种学习方法同时带来一个很大的弊端，就是该不熟悉的还是不熟悉，如果现在让我自己写一个web我还是不会，接下来要从两条路并行的角度学习，一边学习基础知识，一边实践！