- 博客(9)
- 资源 (1)
- 收藏
- 关注
原创 better-scroll插件初使用
模仿了一个饿了吗页面先上图,看一看better-scroll的效果 如果用overflow:auto或scroll属性,这样的页面就会出现两个滚动条,用户体验会有折扣,所以给介绍一款插件better-scroll,附上github资源链接。这款插件是基于iscroll插件做的重新封装,改善了一些bug,增加了一些拓展功能(插件作者并不是本人,望周知),有兴趣的小伙伴们可以自行下载体验体验。那么今天
2017-02-03 19:14:38 39387 8
原创 HTML5存储方式介绍
HTML5存储方式介绍及小案例给大家介绍三种HTML5的浏览器端存储方式,以及每种方式具体的实现原理,操作规范以及它们各自的优缺点和适用场景,同时也介绍了一些非主流的存储方式。以便我们可以更好的在今后的业务中灵活运用html5的存储,从而优化业务。 H5之前如何实现存储html5之前使用两种存储方式,分别是cookies和userdata。 cookies1.http请求头会带着 2.
2017-02-03 19:13:21 352
原创 自己构建一个domReady.js
用过jQuery的人们想必对这句话都不陌生“$(document).ready(function(){ func(xxx)//执行函数}); “,还有两种表现形式就不一一列举了,这个其实就是jQuery的domReady函数,在进行dom操作的时候保证所有的dom元素完全被加载! 举个例子我们执行下面一段代码,让h1内的元素变红,按照下面的执行顺序显然是不可能的,简单的理解就是js在选择h1标
2017-02-03 19:10:43 416
原创 简单的canvas加载图片与视频
用canvas加载图片与视频简单介绍一下用canvas加载图片与视频的方法,并且对图片与视频做一些简单的渲染效果,并不难实现.canvas加载图片需要的一些参数介绍图像绘制: 方法 描述 drawImage() 向画布上绘制图像,画布或视频用法:直接加载图片:可以填写5个参数,this是指向当前要加载的图片,从画布0,0点开始.需要加载的宽度就是画布的宽高.ctx.drawImag
2016-06-05 10:05:02 1632
原创 fullpage的简单操作
fullpage简单说明fullpage是一款基于jQuery的一款全屏插件,使用方便,操作简单! 首先需要引用jquery-1.12.3.js文件,jquery.fullPage.min.css件,jquery.fullPage.min.js文件,如果要增加页面滚动等效果还要引jquery.slimscroll.min.js文件.在下边代码中并没有将文件下载下来使用,而是用cdn网络请求引入js
2016-05-29 13:22:12 544
原创 canvas仿知乎首页
知乎首页此文为仿造的知乎首页,并不完善! 思路分析: 1.创造一块画布, 2.在画布内随机产生一些小球,小球位置,半径,颜射,大小,速度等都可以随机产生, 3.定义画小球函数与小球移动函数, 4.将每一个小球圆心都与其它小球链接, 5判断每一个小球间的距离,大于一个值的时候断开连线,创建一块画布<body><canvas id="canvas" width="1500" height=
2016-05-22 15:35:54 1781
原创 瀑布流
瀑布流写法(一)概述:在4个ul内通过循环添加li,每次循环可以添加20个li.每次新产生的li都会被添加到最短的ul中去.(外加两个其它的小功能,当滚轮向下滑动时可以重新添加20个li,点击红色原点可以返回顶部)
2016-05-06 21:17:11 285
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人