实习日志（3）

2021.07.19 星期一

        不知不觉实习已经半个月了快，前半个月主要学习了JavaScript的基础内容，CSS的一些内容，还有一些算法。本周实习内容是开始学习vue。

        早上在网上找到了一些vue的教程进行学习，大概学习了vue的安装，介绍，简单输出等。下午学习了一些vue的指令：v-for:遍历一个数组。v-once:当想要改变一个输出的值时，有了这个指令便无法改变。v-html：可以输出一个html页面。v-text：与{{}}的作用一样，但不怎么用。v-pre：直接输出内容，不会被内部解析。v-bind：可以动态绑定数据，其语法糖为：，可以绑定图像的地址，网站地址，绑定class类的对象值，也可以绑定class里面的数组。

        晚上继续复习了排序算法，能够自己将冒泡选择插入归并算法都写出来。

        计划明天把其他两个算法都先看能不能够自己理解编写出来，并继续学习vue。

这是今天的demo

https://plnkr.co/edit/gD0ZUrWS64LG5ycZ?preview

2021.07.20 星期二

        今天早上根据教程学习了vue。vue还有一个计算属性computed，它比methods的好处是可以进行缓存，多次调用时可以节省很多时间。然后学习了vue里面事件监听 v-on，它的语法糖是@，里面的方法有参数时，但调用的时候没有写上去，会出现event事件。v-on里面还有一些修饰符：.stop可以组织出自己以外其他的监听事件；.prevent可以阻止其他默认的事件；.once是回调，只能触发一次；其中，click是监听鼠标点击，keyup是键盘敲完抬起。

        然后下午根据上午学的内容，写了一个简单的小案例：当用户在登录时，点击按钮可以切换用户登录的方式。接着学习了vue的条件判断，这跟其他语言都类似；然后学习了v-for遍历，它可以遍历数组和对象，遍历数组不仅可以遍历值，还能遍历下标，对象可以遍历值和键，注意：遍历对象的时候第一个是value， 第二个才是键。然后根据这些写了一个小案例：列出电影名称，第一个电影显示颜色，当点击其它电影名称时也可以显示颜色。

        晚上继续在理解算法，能够依靠自己的理解写出快速排序算法。

        明天的任务：

        1、根据这两天所学的vue，结合之前的知识，自己写一个图书管理的案例。

        2、学习vue

        3、继续理解算法，然后有时间就理解理解http协议。

这是今天的demo：

https://plnkr.co/edit/TmKNu6YSHvK9d43R?preview（沙箱不能运行vue的内容，但都可以在code上运行）

2021.07.21 星期三

        今天早上一开始准备打算把昨晚留下来的图书管理案例写好，刚写了没一会，我导师给我交代了一个任务，让我们几个实习生合作写一个小的客户管理系统，交代了需求之后，便让我们自己做了，所以我暂停了学习进度，去完成小系统。

        由于vue框架学了没有多少，所以用vue框架做东西对我来说比较麻烦，接着便在网上搜索大量内容。开始我先按照百度的步骤搭建了一个框架，然后搜到了框架的一些文件名的含义以及里面放的内容，在学习了一段时间后，渐渐的有点熟悉框架，便开始写登陆界面。在运行的时候发现出现的是helloworld界面，为什么不是登陆界面呢？然后经过搜索发现，vue框架运行是根据路由router来决定的。修改过路由便运行成功。

        接着根据导师给的登陆界面需要，又添加了一些样式，这些样式用的都不怎么熟练，所以便在网上查阅，边尝试修改，最终达到导师的需求。接着又把管理界面大概样子给写了一下，但还没有完成最终的需求。

        明天打算查阅资料，学习vue如何进行页面跳转，学习如何对数据的增删改，如果做的快的话继续学习vue框架和排序算法。

2021.07.22 星期四

        今天的任务就是把客户管理系统做好。一开始的问题是不知道该如何进行跳转，经过长时间的搜索之后，使用router.push来进行跳转，但我却没有跳转出来，检查发现使我的跳转地址写错了，改过来之后便可以正常跳转。之后便开始编写列表页面，对数据进行增删改查。在这过程学到了许多关于elementUI的知识，都一一记录下来。在写添加的时候，总是在点完添加之后，就生成了一行空数据，然后在dialog弹窗里面写什么，那行数据会同步更新内容。在检查之后找到问题了：应该把push写到 confirm（）方法里，即监听dialog弹窗里的确认按钮。之后边写登录验证，但总是点登录没有任何反应。自己检查之后，发现v-model 绑定的数据绑定错了，改过来之后便可以正常跳转。在检查基本的功能都可以实现后，便对页面进行优化。

        今天做的所有功能都是自己写死的，没有和后端进行交接，因为时间不够了，明天最后一天打算学习如何和后端进行交接，并完善自己的小项目。

2021.07.23 星期五

        今天早上打算和后端进行交接，当我install axios的时候报错了，然后根据网上的错误修改发现根本没有用，实在没有办法，喊导师来帮我调了，导师说我的环境弄乱了，结果花了挺久时间才弄好，一早上基本什么也没弄，就调环境了。

        下午便开始学习如何交互，首先先创建一个axios实例，baseURL里面写后端主机的ip地址，然后调用它，在展示页面执行请求，如在登陆界面写一个方法，里面写一个post请求，在请求里面写对应的接口和参数，若成功，则可以跳转。在对接登陆页面时，出现种种错误，比如跨域，400错误，500错误。一般来说400可能是参数有错误，500可能是地址有错误，或者后端一些东西写的有问题。在交接增删改查的时候总是会500错误，查找发现应该都是后端的一些数据有问题。 

        今天还是没能完成任务，打算下周一后端将问题解决完成最后的交接。