美文网首页前端开发
打印项目总结

打印项目总结

作者: AlanV | 来源:发表于2017-08-29 10:38 被阅读2次

    打印机总结

    pt等于px乘以四分之三,以下打印部分采用黑体以及字体的单位采用pt,再加上css3的抗锯齿的属性smoothing,才能很好的打印出来不会造成字体的问题

    利用了table标签后出现了tr和td的格式问题,又需要保证标签的语义化,在此,给了广博重新用div+css布局,因此,我需要在此学习他这种div+css表格布局;

    在此次中,出现了在数据请求拿到后,但是在data中定义的是空的一个对象,导致第一个渲染的时候就开始报未定义的错误,百度后可以先给item中设置默认的值,来达到不报错的效果

    在过滤器的使用上,也了解到了过滤器的强大之处,但是有一点第一个值是默认为管道符前面的数值,第二个为我们定义的字符

    在使用v-for的时候,遇到的一个问题就是需要控制v-for需要渲染的数据的数量,然后查找资料后得知,需要用到computed计算属性,然后将v-for原本的值在计算属性中处理,最后返回出来,再去渲染循环这些数据;

    在语法上,我自己一直使用的是es5中的函数语法,但是在es6中有更新的类似Java的方法,因此可以更好的给利用起来,offLine(){}这种可以省略掉function这个关键词

    一些比较基础的,拿到后台数据直接扔进data作为假数据就行,没必要再写个文件去引入

    在此次发送请求中,我使用的是axios,这个其实跟之前使用的resource没有多大的区别,因为我又没用到拦截器

    打印的方法是window.print(),一个点击事件就可以做到打印;

    在钩子函数created中,this指向的是Vue,但是在里面的函数中,则指向的是window对象,导致了我们需要再自己将Vue再次传进去,才能更好的使用,不然是用不到我们在methods写的函数的

    v-for 中我们的参数都是自己定义名字的,不是说index跟key就一定要这个两个英文名字;可以是类似
    SizeItem,SizeIndex,SizeKey

    v-if与v-else这个的使用还没使用的很6,需要研究下,这样子一些判断就可以不需要用到过滤器或者计算属性就可以进行一些判断

    此次总结发现flex布局需要再了解深入,才能更好的快速布局,避免使用浮动或则是定位这两个布局;

    总结,数据渲染成功,然后报了第一个数据渲染的时候未定义,这个错,解决方法,判断是否有里面的这个对象,或者是否有这个数据例如v-if="item.hasOwnProperty('transaction_detail')",在模板的第一个div中定义;

    在此次项目中,有一个比较难的点就是假如数组是有四条,然后需要再添加同样的而且是这种的格式0,1,2,3变成0,0,1,1,2,2,3,3,则开始想的是用splice的方法,但是不行,会报错,最后我是用了push的方法,在循环里面写了两个push,而不是push包含push,这样子就达到了这种效果,然后在志勇小童学的演示下,我学习到了...扩展运算符的好处,可以直接的不用for循环就可以直接的复制数组,但是还是原来的顺序;

    此外,还有就是在相同的v-for循环中,用到了index,然后再书写v-if从而达到了数据之间的切换,和类名切换有些类似;

    在此次中,退出登录,由于该项目是用了sessionStroage做的保存数据,因此,在点退出按钮的时候,则是清楚了sessionStroage中的所有,则用了sessionStroage.clear()的这个方法,然后再运用路由跳转到登录的页面,从而达到退出登录的效果;

    切换到原来的分支,git reset --hard 版本号

    字体未解决

    字体问题已经解决,原因还是在font-family上面,需要设置微软雅黑,以及不加粗,不需要设置其他的字体样式,如果,需要的话,也注意吧微软雅黑放前面

    相关文章

      网友评论

        本文标题:打印项目总结

        本文链接:https://www.haomeiwen.com/subject/ercodxtx.html