成长历程

        作为初入前端的菜鸟，在这里分享一下工作中遇到的问题以及解决方法。目前项目主要用的是vue+iview。

        我通过自学后端进入了第一家创业公司，由于公司不签合同，工资还要拖一个月，所以我离职了，带着只有不到半年的经验进了当前这家公司。（关于找工作，我想说IT行业的机会真的很多，别相信什么初级岗位饱和了，主要的还是你的个人竞争力，CRUD只是最基本的要求）面试是面的java工程师，结果进来后被告知接口已经写得差不多了，前端缺人，我呢就被分配前端去边学边写。在这段时间我从一个只知道几个标签前端小白到现在基本能完成一些需求入门人员，还是挺开心的。

       以前用过Jquery,所以刚接触vue发现前端原来可以这样写，双向绑定比获取节点感觉方便了好多，很容易上手（多看几遍官方文档），当然深入研究还是要花时间的。

       1、子组件可以通过 this.$parent.xxx() 触发父组件的xxx方法。

       2、监听vuex中的状态变化

          computed: {

           getDemo() {

             return this.$store.state.xxx

             }

          },

          watch: {

           getDemo(val) {

             this.demo = val // demo : val

            }

         }

       3、vuex中的数据刷新浏览器会消失，可以采用  sessionStorage.setItem( key,'xxx')  sessionStorage.getItem(key)

       4、挂载完成时添加鼠标滚动事件 

                       mounted () {

                             window.addEventListener('scroll', this.handleScroll)

                           }

        5、纯前端导出致Excel，data需要自己配

       import XLSX from 'xlsx'
       import XLSX_SAVE from 'file-saver'

       export (data) {
       data = [
               ['aaa', 'bbb']
               ['ccc', 'ddd']
               ]
       if (this.detailedList.length != 0) {
       for (var i = 0; i < this.detailedList.length; i++) {
       data[i] = JSON.stringify(this.$refs.detailed[i].innerText)
         }
        }
       // covert json to sheet
       const ws = XLSX.utils.aoa_to_sheet(data)
       const wb = XLSX.utils.book_new()
       XLSX.utils.book_append_sheet(wb, ws, 'Sheet1')
       // save
       const wbout = XLSX.write(wb, {type: 'binary', bookType: 'xlsx'})
       XLSX_SAVE.saveAs(new Blob([s2ab(wbout)], {type: 'application/octet-stream'}), 'detailedList.xlsx')
         },