zoukankan      html  css  js  c++  java
  • 汇报一下这段时间的消失

      突然发现,从博客园已经消失好久了,看看上一篇文章的时间,都已经是4月初的了,两个月出头,说长不长,要说短吧,也真不短了。

      这段时间真不是失联,也没有闭关修炼,仅仅是因为忙,真的很忙,从入行到今天,四个月出头,连续忙碌最长的一段时间了吧,也是加班最多的一段时间,这很可能是因为技术比较普通吧^_^

      总算是告以段落了,简单汇报一下吧!

      主要分为两个时间段:

      一、我是刚刚入职这边,前面他们已经在开发平台的项目了,但是前端这一块,可能真的是不重视吧,走了一个,又来了一个,但是技术上可能真的差别不大,属于刚刚入行的那一类。就导致了,所有人对视觉上没什么底线,反正只要功能实现了,就OK,至于页面究竟怎么样,并不是特别重视,基本上属于只要有页面就可以了。

      当他们平台开发已经完成,自行测试的时候,我真的无法接受,所以花了大概两周时间左右,把页面全部重构了一遍,所有涉及到与用户交互的地方,都添加校验。

      庆幸的是,当初他们引用了bootstrap(虽然整体页面看不出来跟bootstrap有什么关系),重构的时候,就完全依赖了bootstrap,删除了超过一半以上的css。

      这一部分重构,还没有真正完成的时候,就上马新的项目了,(至于具体什么项目,就不透露了,类似于后台管理系统),也不知道怎么想的,一个重要原因可能在于想锻炼一下新技术的运用,于是我提出前端开发部分使用vuejs。

      这就是第二阶段,大概一个半月多一点吧,现在想想,也还是有点不可思议,可能这就是小公司的好处吧,除了前期产品的规划外,我们真正投入开发的就是两个java加上我一个前端。居然就在这么点时间内,真的把项目完成了,至于项目的质量,就留待后面的测试,以及使用,来评价吧!至少我们是完成了。

      既然抱有技术锻炼的想法,那肯定是初期规划的时候,是准备使用全家桶的,vuejs、vue-router、vuex、axios,加上element-ui。

      开发过程中,发现一个尴尬的问题,使用vuex获取的数据,页面一刷新,数据就全都丢失了,简单搜索了一下解决方案,发现确实有这么一个问题,而且有人提供了中间件,来解决刷新页面数据丢失的问题。没有全部测试各种中间件,选择了一种,不记得叫啥了,使用之后,分页就失效了。由于时间上的匆忙,就没有仔细去研究,选择直接放弃vuex。当然了,现在计划中的是回头再去研究。

      问题二、vue-router的mode:history造成的,从我个人角度而言vue-router路由的#真的是不好看,或者说稍微有点强迫症的,真的很想去掉这个#。

      mode:history在开发环境确实没问题,问题出在生产环境,打包之后,把index.html和static放到java工程内,通过java工程打开,一切都很好,刷新页面(怎么又是刷新页面),这下不是数据丢失,是页面丢失了,不管什么页面,只要刷新,页面必然丢失,看其官方文档提供的解决方案,说后台配置nginx,

      不知道是我们这边后台配置的不对(估计很大可能就是这个吧),总之无法解决刷新页面,页面会丢失的问题,所以求人不如求己,自己解决吧,不要mode:history了。

      使用vuejs实现前后端分离,说着美好,其实只能说理想很丰满,现实很骨感。在我的想法中,后台返回给我的数据,如果没有值,应该是给我一个空字符串,空对象,空数组,终归是有字段的,只是没有值而已。然而呢?现实是,如果后台某一个字段没有值的话,他们连这个字段都不给我了,导致我所有取值,为了避免报错,都必须加上条件判断,是所有数据。

      不管遇到多少困难,也不管究竟放弃了多少东西,结果就是项目总算完成了,总算可以提测了,自己关于vuejs认知更多一点了吧。

      只有在应用中,才能不断加深新知识的学习,继续努力。

  • 相关阅读:
    Hadoop Combiner的三次测试...
    加了@Accessors(chain = true),copy实体类出现问题
    zookeeper启动:Could not find or load main class org.apache.zookeeper.server.quorum.
    CentOS7 更新yum源
    SpringBoot外部静态资源的访问
    从背包问题说起——初学者角度看背包问题
    C++ 常用STL数据类型总结归纳 简单易懂 入门 教程 array vector list deque map set stack
    1.4 HTML5新增的表单属性
    1.3 HTML5新增的input类型
    1.2 HTML5新增的多媒体标签
  • 原文地址:https://www.cnblogs.com/zhuhuoxingguang/p/9185917.html
Copyright © 2011-2022 走看看