- 博客(5)
- 资源 (5)
- 收藏
- 关注
原创 better-scroll实现下拉刷新、上拉加载更多(巨简单...)
1、废话少说,先看看移动端的列表页面(1)正常浏览(2)下拉刷新中(3)下拉刷新结束(4) 上拉加载(5)上拉 加载中2、上述基本上就是一整套移动端列表的刷新过程,采用better-scroll实现,其github地址可参考 https://github.com/ustbhuangyi/better-scroll3、网上也有一些基本使用教程,这里就不
2017-04-29 16:27:44 50267 5
原创 vue2中子组件修改父组件传入的prop,并向父组件$emit一个广播事件
1、在vue中: prop 是单向绑定的:当父组件的属性变化时,将传导给子组件,但是不会反过来。这是为了防止子组件无意修改了父组件的状态——这会让应用的数据流难以理解。 另外,每次父组件更新时,子组件的所有 prop 都会更新为最新值。这意味着你不应该在子组件内部改变 prop 。如果你这么做了,Vue 会在控制台给出警告。 更多可参考:https://cn.
2017-04-26 10:51:52 8195
原创 抛开table布局,我们也能实现单线边框
1、前端项目中,“单线边框”列表已是屡见不鲜:采用table布局,实现起来难度不大,如果抛开table布局呢?下面我们就来尝试一下2、先上图,看最终效果:3、html代码: 1 2 3 4 5 6 7 8 9 10 4、css代码,margin-right的妙用*{ margin: 0;
2017-04-18 10:11:36 576
原创 js实现图片转base64(兼容IE8+)
最近做电商项目,遇到如下一个需求:商品评价页面:用户上传图片,点击“”确定“”前,图片由前端实现base64转码(ps:由于商品评价页面可能存在多个产品,每个产品评价又可上传多张图片,所有前端img 转码可以有效的优化http请求,减小服务器的压力)下面我们一步一步来看看demo代码:(1)定义一个隐藏的input[type = 'file'],通过按钮触发其change事件
2017-04-13 09:25:02 16352 7
原创 vue2实现简单的商品加入购物车和结算功能(前端数据保存方向)
1、最近做电商项目,遇到类似的商品“加入购物车”和“结算功能”,页面大致如下(:下面是demo版):主要功能如下:(1)、用户可以任意修改购买的商品数量,点击“加入购物车”后前端保存 (2)点击“结算”时向后台发送用户已经“”加入购物车“”的商品2、下面我们来看看具体实现步骤:(1)首先,我们需要商品goods,ps:在此项目中,默认的商品数量和加入购物车的数量由后台传入,为1
2017-04-10 09:53:36 25304
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人