- 博客(8)
- 收藏
- 关注
原创 利用jquery.fly实现仿淘宝购物车飞入特效
学习在于积累,今天利用jquery.fly实现仿淘宝购物车飞入特效,虽然实现起来简单,但实际使用时有一堆坑需要注意。结合实际项目经验,我简单的总结了一下到底有哪些坑需要去填。参考网址:github:https://github.com/amibug/fly从以上网址下载js文件即可使用。一:载入页面 <script src="../lib/jquery/dist/jquery.min.js"
2016-11-23 17:34:50 8988 3
原创 jquery-pager的基本使用及与ajax结合使用实战演示
很多前端工程师都做过分页显示,如果不使用插件,往往需要手写动态生成的页码以及对页码进行操作的js。而做分页的时候我们一般都会使用ajax请求数据生成页码。如果这样写下来,可能需要写很长的代码,并且发费大量时间,可能还有莫名其妙的bug。所以,jquery.pager.js就为我们解决了这一问题,我们只需要简单的几句代码,就能实现完美的分页显示了。参考网址:https://github.com/jon
2016-11-22 14:55:01 8574
原创 JS模板引擎-腾讯artTemplate 最全的使用介绍
在没接触artTemplate之前,我都是手写字符串拼接做模板替换。这样做往往费时费力,而当我使用了artTemplate之后,只需要两句话,就搞定了全部!通过长期的使用artTemplate,现在我为大家总结出其最全的常用方法。参考资料:https://github.com/aui/artTemplate以上是官方文档以及下载地址。一:安装使用下载artTemplate后,找到template.j
2016-11-21 15:08:14 12855 1
原创 微信小程序之数据缓存
在H5之前,缓存一般都是用cookie,但是cookie的存储空间太小。于是,H5增加了新的缓存机制,即localstorage 和 sessionstorage,具体的介绍就不在多说。在微信小程序中,数据缓存其实就和localstorage 的原理差不多,所以理解起来并不难。下面我们来一起实现一下。效果图展示: 我们在index页面存入数字11,然后在跳转到新页面,在将缓存中的11取出渲染到
2016-11-18 14:48:30 22460
原创 微信小程序之选项卡
从事前端的同学们一定不会对选项卡陌生,不管是自己原生写的,还是各个UI框架里带的,我想大家都使用过很多选项卡,对选项卡的原理也足够清楚了,下面我们来在微信小程序里实现选项卡的功能。微信小程序里没有自带选项卡组件,但是却带有swiper组件,所以,我们便利用swiper来实现选项卡的功能。先看效果图: 实现代码:页面代码:<view class="swiper-tab"> <view cla
2016-11-18 11:33:10 13937 1
原创 微信小程序之POST请求
在微信小程序里post请求和get情求,写法差不多,但是还是有一点点不同的,下面利用post请求做一个查询天气的微信小程序demo。页面代码:<view> {{title}} </view><span style="font-size:24px;"><!--index.wxml--> <view class="container"> <view style="color:{{red
2016-11-17 17:45:35 8418 2
原创 微信小程序之GET请求
学习前端的人应该都会使用ajax的get请求数据,那么在微信小程序里怎样实现get请求呢?下面我就给大家演示一下简单的get请求。先上代码://index.js//获取应用实例var app = getApp()Page({ data: { motto: 'Hello World', onLoad: function () { var that = this w
2016-11-17 15:19:11 7604
原创 微信小程序之页面跳转和参数传递
**在微信小程序里面的跳转其实和html里的超链接a差不多,我们实现跳转可以通过标签实现,也可以通过js实现,下面一一演示给大家看一下。**在展示demo前,我们需要先简单的建好项目文件夹做好准备。如下:![这里写图片描述](http://img.blog.csdn.net/20161117143225276)标签实现 小程序里面有一个类似于a标签的navigator标签,用来做跳转处理。 <
2016-11-17 14:55:37 44066 7
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人