哓番茄 - 博客园

前端通过将json转成excel文件下载

摘要：方法一：将table标签，包括tr、td等对json数据进行拼接，将table输出到表格上实现，这种方法的弊端在于输出的是伪excel，虽说生成xls为后缀的文件，但文件形式上还是html，代码如下方法二：通过将json遍历进行字符串拼接，将字符串输出到csv文件，输出的文件不会再是html类阅读全文

posted @ 2018-09-11 16:22 哓番茄阅读(675) 评论(0) 推荐(0)

vue+element-ui动态生成多级表头，并且将有相同字段下不同子元素合并为同一个

摘要： element表头要多层生成，下一级表头数据源必须是当前表头的子一级，这样一层一层嵌套可以生成多层表头：要把数据处理成这种类型的数据在vue的页面上对于循环的处理也是要多层循环：  对于用别人的ui框架，最好就是改下数据源，阅读全文

posted @ 2018-09-07 13:49 哓番茄阅读(3510) 评论(0) 推荐(0)

vue A对象赋值给B对象，修改B属性会影响到A问题

摘要：实际在vue中 this.A = this.B,没有进行深层赋值，只是把this.A的地址指向了与this.B相同的地址，所有对于A的修改会影响到B。解决相互影响的思路是在this.A必须是新建的一个对象，这样才能保证不被指向同一地址，属性修改不会相互影响。解决方式: 将对象转成字符串剔除对象属阅读全文

posted @ 2018-09-07 13:37 哓番茄阅读(297) 评论(0) 推荐(0)

vue+element-ui 实现table单元格点击编辑，并且按上下左右键单元格之间切换

摘要：通过我的测试我发现两个两种方法来编辑单元格的内容第一种点击编辑：我是给td里添加一个input，将值赋值给input，当失去焦点的时候将input的值付给td原来的内容，然后将input删除，代码如下： let oldel = cell.children[0] 第二种方法：通过content 阅读全文

posted @ 2018-08-30 11:24 哓番茄阅读(4650) 评论(0) 推荐(0)

vue-cli开发-搭建项目(一)

摘要：前言 vue-cli是Vue官方提供的命令行工具，可用于快速搭建大型单页应用。集成了webpack环境及主要依赖，对于项目的搭建、打包、维护管理等都非常方便快捷。建议先熟悉 Vue 本身之后再研究 CLI。使用之前需要对 Node.js 和相关构建工具有一定程度的了解。安装先决条件：Node.j 阅读全文

posted @ 2018-08-28 10:20 哓番茄阅读(379) 评论(0) 推荐(0)

Vue.js与React的全面对比

摘要： Vue与React的对比 Vue.js与React.js从某些反面来说很相似，通过两个框架的学习，有时候对一些用法会有一点思考，为加深学习的思索，特翻阅了两个文档，从以下各方面进行了对比，加深了对这两个框架的认知。 1.数据绑定 1.1 Vue中有关数据绑定的部分 vue是双向绑定， Vue.js 阅读全文

posted @ 2018-08-21 15:36 哓番茄阅读(1558) 评论(0) 推荐(1)

HTML 5 全局 contenteditable 属性

摘要： contenteditable 可以将标签设置为可输入的input，textarea，但是在ios上，点击或者点击很久input输入框才出来，兼容ios的方法是加一个 -webkit-user-select:text 样式；然后加一个样式needsclick；阅读全文

posted @ 2018-08-16 15:17 哓番茄阅读(173) 评论(0) 推荐(0)

CSS完美兼容IE6/IE7/IE8/IE9/IE10的通用方法

摘要： 300px!important;width /**/:340px;margin:0 10px 0 10px} ，关于这个/**/是什么我也不太明白，只知道IE5和firefox都支持但IE6不支持，如果有人理解的话，请告诉我一声，谢了！：） 3、ul标签在Mozilla中默认是有padding值的, 阅读全文

posted @ 2018-08-07 22:26 哓番茄阅读(196) 评论(0) 推荐(0)

层叠轮播图的简易制作

摘要：之前做过很多不同样式的轮播图，不是通过改变left值使图片左右移动的，就是改变透明度实现轮播图的，偶然在网易云上看到了层叠轮播图，它转换图片的方式和其他轮播图有些不同，我从来没做过这种轮播图，思考了很久该用什么方法做，终于做出来了一个简陋的成品。由于轮播图的图片是网上找来的，所以我做了模糊处理，用清阅读全文

posted @ 2018-08-06 14:00 哓番茄阅读(828) 评论(0) 推荐(0)

文本向上滚动

摘要： CSS: js：阅读全文

posted @ 2018-08-06 11:45 哓番茄阅读(185) 评论(0) 推荐(0)

导航

2018年9月11日

2018年9月7日

2018年8月30日

2018年8月28日

2018年8月21日

2018年8月16日

2018年8月7日

2018年8月6日