实习了半个月，我究竟干了什么？_飞道的博客

实习了半个月，我究竟干了什么？

2020-05-02 20:30 305人阅读评论(0)

前言

04.13是成为前端开发实习生的第一天，那一天，天气很好
因为早上有课，所以下午去入职

开始吹水

入职第一天还行，安装环境和一些软件，熟悉一下公司的一些业务

我们的用户主要有2种一种是单独用户的，称为c端。.com
一种是工作室，就是那些开影楼那些，称之为b端。.vip

有人会带我，毕竟是实习生，刚开始我自己在玩

安装了node和vscode
安装微信和QQ
tw
cmder mini

遇到的第一个至今都没解决的难题：

码云下载失败

然后就自己去找资料

清除本地的gitee用户名和密码

git config --system --unset credential.helper

我分配到写一个项目的管理端

后端还没有给接口

所以我被建议写模拟接口

在我的认知里，就是用mock去模拟数据了。
到时候把文档给后端让他们按照文档提供我要的数据，然后直接换接口名就可以了。
我也不用去等后端接口再开发。
关于定接口，就是看要什么字段，写份文档给后端，让他们去开发接口。
一般是后端看原型定的，后端定的话，你前期就没法用mock去模拟数据了

我自己也网上找了很多推文在啃

参与项目是下个星期的事情了，所以我暂时写一些小需求

用到的一些知识点差不多是这样：

在大佬的带领下，也知道了语法增强这种东西

也了解了一些名词

PaaS 云计算
PaaS 是云中的完整开发和部署环境，其资源使组织能够提供从简单的基于云的应用到复杂的支持云的企业应用程序的所有内容。资源是按照“即用即付”的方式从云服务提供商处购买的，并通过安全的 Internet 连接进行访问。
企业资源计划（ERP）
ERP 把客户需求和企业内部的制造活动以及供应商的制造资源整合在一起，形成企业一个完整的供应链，其核心管理思想主要体现在以下三个方面：一、体现对整个供应链资源进行管理的思想；二、体现精益生产、敏捷制造和同步工程的思想；三、体现事先计划与事前控制的思想。
产品需求文档PRD
该文档是产品项目由“概念化”阶段进入到“图纸化”阶段的最主要的一个文档。当然，这个定义针对的是一个全新的产品。广义上来讲，产品需求的描述，应该包含有产品的战略和战术，战略是指：产品定位、目标市场、目标用户、竞争对手等。战术是指产品的结构、核心业务流程、具体用例描述、功能&内容描述等。
SKU=Stock Keeping Unit（库存量单位）
SKU是指一款商品，每款都有出现一个SKU，便于电商品牌识别商品。
Beta，普遍认为是“测试”的意思。
CMS是Content Management System的缩写，意为"内容管理系统"。内容管理系统是企业信息化建设和电子政务的新宠，也是一个相对较新的市场。对于内容管理，业界还没有一个统一的定义，不同的机构有不同的理解。

顺拐的，我还了解到() => import(url)
我的理解是按需加载，简单粗暴

后来有人和我说

这个是一个函数
这个函数执行了会发生什么事情
会返回import(url)
返回是一个函数调用
所以() => import(url)
这个函数调用的返回结果，就是import(url)的返回结果
你输出一下 import(url)
就知道它会是一个promise了

我自己在实习中遇到一些需要理解的
会去百度，或者写成思维导图

比如：

ajax在浏览器与 Web 服务器之间使用异步数据传输（HTTP 请求），通过get或者post方法与服务器交互。
前端和后端之所以需要对接，是因为前端页面只负责提供视图没有内容，而后端只提供内容，两者所谓的对接，就是把后端的内容放在前端页面预留出来的位置上。（虽然说是前端后端，但这一对接实际发生在服务器端）。
所以服务器端进行的交互活动如下：

接收用户请求
找到负责处理的程序
处理程序找到要传输给用户的前端页面
该前端页面留出位置
后端到数据库取数据
后端把数据放在前端留出来的位置上
结合成真正用户看到的html文件
传输给用户。

我接手项目之后，其实主要的是
写界面，和后端对接口等，根据业务和需求去书写代码

简单粗暴理解发请求需要知道请求方法，接口地址，请求参数等

你拿到后台数据后，你要考虑是不是能给客户看的，比如删除，拿到后台返回的，客户要的是什么，无非就是知道我删除是不是成功了

业务就是站在客户角度去看系统的

系统是为客户开发的，面向客户，那就以客户的角度去理解，我怎么做，他们要什么数据，我就给他们看什么数据，仅此而已

我在做通告APP的时候，这些知晓了一些，虽然说在公司实习接触的项目比在校的复杂，但是告诉自己，慢慢来

类似这段代码，最多变化的是后台返回的操作那里，但是都一样的做法，先判断code,然后进行下一步操作

本来项目开启之后打算用guns这个框架的

但是并不顺手，分分钟就发现了好几个bug

bug1：
控制台报错找不到模块
目前解决方法：路由不动态加载，换成静态引入
bug2：
菜单改了没反应…不像elementUI-admin
bug3：
在本地登录之后，退出系统显示的不是本地地址
可能是没连我们公司后端人员自己的后台的原因

后来折腾了一天，项目负责人觉得换框架，用iview-admin

iview真的很友好，我很快就上手了

其中也遇到一些问题，不过大佬给了我很多帮助

比如：
我本来是这样写的

 edit (row) {
      this.modal1 = true
      this.formRight = row
    },

但是这里就写出bug了，js 对象引用问题

我的row在下面需要继续使用，如果不用浅拷贝，就会造成两个对象引用到了同一个内存

在大佬的建议下：

修改后：

  edit (row) {
      this.modal1 = true
      // this.formRight = row  //会造成对象被引用到同一块内存
      this.formRight = JSON.parse(JSON.stringify(row))// 浅拷贝
    },