摘要: 前几天总结了IScroll的一些用法,总觉得IScroll有时候还是太庞大了些,有时候用它仅仅是为了自定义一个滚动条样式……,于是我决定自己动手,丰衣足食。 这是我封装的第一个插件,当然是先做一下总结啦!我认为这个插件有主要两个难点: 一、滑动处理动画(目前还没有做出来) 二、自定义时间的处理。 第 阅读全文
posted @ 2017-12-18 18:02 菲菲菲菲翔 阅读(191) 评论(0) 推荐(0) 编辑
摘要: 最近做一个H5项目,数据交互量比较大,很多页面都是从后台拿过来数据做一个列表显示,这自然就遇到了滚动。 刚开始我直接使用css做法,直接添加overflow: scroll;但在微信端用户滑动会直接将整个页面拖动,露出顶部的域名和底部的黑色背景。用户反映体验不好,要改……好吧,自己动手。但这并不是好 阅读全文
posted @ 2017-12-07 16:00 菲菲菲菲翔 阅读(16367) 评论(1) 推荐(2) 编辑
摘要: 前面我们一起学习了CSS3中的渐变、圆角、阴影等几个属性的使用,今天开始我们一起来学习有关于CSS3制作动画的几个属性:变形(transform)、转换(transition)和动画(animation)等更高级的CSS3技术。本文主要介绍的是这三个属性之中的第一个──变形transform。 前面 阅读全文
posted @ 2017-08-31 16:46 菲菲菲菲翔 阅读(155) 评论(0) 推荐(0) 编辑
摘要: 1.首先登陆coding网站注册账号https://coding.net/ 1.首先登陆coding网站注册账号https://coding.net/ 1.首先登陆coding网站注册账号https://coding.net/ (注册完后需登陆邮箱激活邮件) 2.登陆刚注册的coding账号 ,添加 阅读全文
posted @ 2017-08-24 09:57 菲菲菲菲翔 阅读(407) 评论(0) 推荐(0) 编辑
摘要: 前言 技术资料 react + dva + redux + react-router + redux-sage + antd + antd动画 总的来说dva是一个很简单的项目 一步步跟大家来说一下把 效果图 初始化环境配置 因为项目中使用了antd的关系 所以 这边需要做一下设置 才可以正常使用 阅读全文
posted @ 2017-08-24 09:54 菲菲菲菲翔 阅读(12475) 评论(0) 推荐(0) 编辑
摘要: 在慕课网上看到一位老师的电子钟,效果蛮酷,就自己模仿写了下来。这个程序有两个难点,第一是数字的坐标确定,第二个是彩色圆点的动画控制。 总结一下思路,确定点的坐标是利用一个三维数组,根据小圆点的半径计算出来的,要想每个彩色小球有不同的速度方向和颜色,我们需要每个小球都是一个对象,为此我们写一个类来生成 阅读全文
posted @ 2017-07-06 16:46 菲菲菲菲翔 阅读(326) 评论(0) 推荐(0) 编辑
摘要: 全局滚动: body自身的滚动就是全局滚动,在ios下这样的滚动很流畅。 局部滚动:body下的dom滚动就是局部滚动,在ios下这样的滚动感觉比较干涩。 解决方法: 在滚动的dom上加上以下代码: selector { -webkit-overflow-scrolling: touch; } 建议 阅读全文
posted @ 2017-07-04 17:05 菲菲菲菲翔 阅读(493) 评论(0) 推荐(0) 编辑
摘要: 这个游戏实现主要依靠canvas的isPointInPath()。这个API可以让canvas实现很强的交互体验。 首先通过随机数随机生成圆的颜色、大小和位置,并且用循环绘画出来。利用addEventListener给canvas绑定事件,通过getBoudingClientReact算出鼠标在ca 阅读全文
posted @ 2017-06-27 16:01 菲菲菲菲翔 阅读(577) 评论(1) 推荐(0) 编辑
摘要: 有个一需求,需要利用canvas在页面做出几个齿轮滚动的动画。具体实现思想如下: 1、由于页面有多个齿轮,必须一次画出多个齿轮,不能分开画图。 2、齿轮每转一次,对于canvas来说就是一次重绘。 代码如下 阅读全文
posted @ 2017-06-26 14:37 菲菲菲菲翔 阅读(342) 评论(0) 推荐(0) 编辑
摘要: Document 阅读全文
posted @ 2017-06-22 17:14 菲菲菲菲翔 阅读(683) 评论(0) 推荐(0) 编辑