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

打印项目总结

作者: 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上面,需要设置微软雅黑,以及不加粗,不需要设置其他的字体样式,如果,需要的话,也注意吧微软雅黑放前面

相关文章

  • 打印项目总结

    打印机总结 pt等于px乘以四分之三,以下打印部分采用黑体以及字体的单位采用pt,再加上css3的抗锯齿的属性sm...

  • 打印小项目的总结(一)

    前言:作为一个练习的小项目,自我感觉几番波折。现在做到不到两周时间,对我这个只接触编程行业几个月的菜鸡,也颇有收获...

  • 打印小项目的总结(二)

    继上次信函打印之后,这个小项目需要完全移植到vue+webpack的项目中,中间经历很多波折,找了很多打印的小窍门...

  • tableView 屏幕截图并使用AirPrint打印

    项目中要求tableView的截图,转为Data,并用AirPrint 打印出来,特地总结一下 tableView...

  • vue html页面打印功能vue-print

    vue项目中,HTML页面打印功能.在项目中,有时需要打印页面的表格, 在网上找了一个打印组件vue-print-...

  • AndroidStudio打印不出Log

    现象 AndroidStudio打印不出项目中的Log 原因 没有正确设置需要打印log的项目包名

  • 浪费无所谓?

    上面通知说项目申请书可以打印了,之前申请的项目都是无纸化的,好久没有打印过这些东西,而且要求连附件都要打印,包括什...

  • Print.js 学习 Day5 2018-11-23

    今天合并了项目发布,调试时发现部署项目后用点击打印出现打印空白的bug,但不部署直接访问页面能正常打印。研究了好久...

  • 医废项目-关于条形码的打印

    医废项目-关于条形码的打印 wangbin非常致臻2019-06-13 医废项目涉及条形码的打印,因项目部署在li...

  • 关于合同

    周末加班做的那个项目,昨天要求去打印,其中有一个项目的文本打印错了,说是今天打印之后再送过去,后来领导跟我说,让我...

网友评论

    本文标题:打印项目总结

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