07 2018 档案

学习 | css3实现进度条加载
摘要：进度条加载是页面加载时的一种交互效果，这样做的目的是提高用户体验。 进度条的的实现分为3大部分：1、页面布局，2、进度条动效，3、何时进度条增加。 index.less是样式文件 zepto是引入的库 less.js是编译less的 rem.js是移动端屏幕自适应 页面布局采用position布局， 阅读全文
posted @ 2018-07-21 00:18 dirk_jian 阅读(6066) 评论(0) 推荐(0)
学习 | css3基本动画之demo篇
摘要：移动端使用的框架是zepto，但是zepto的内置对象没有传统的animate这个方法，效果都是需要css3来实现的，zepto也不支持fadeIn和fadeOut等一些基本的动画，基于这一现状，我自己整理总结了css3的动画，方便以后工作和学习去使用。 基本的animate的知识我就不讲了，网上有 阅读全文
posted @ 2018-07-20 14:34 dirk_jian 阅读(660) 评论(0) 推荐(0)
学习 | less入门
摘要：最近在写css的时候，发现自己写的css特别长，觉得自己写的特别low，所以为了加快自己的开发效率，又重新温习了less，下面就是我学习less的过程。 less是不能被浏览器识别的，要转换成css，有两种方式： 1、硬转换less.js：https://raw.githubusercontent. 阅读全文
posted @ 2018-07-15 21:35 dirk_jian 阅读(271) 评论(0) 推荐(0)
学习 | mockjs入门
摘要：最近工作有用到mockjs模拟数据，实现前后端分离，今天系统的把mockjs的API都过了一遍，算是入门吧。 什么是mockjs mockjs就是一个模拟数据，生成随机数据，拦截ajax请求。 为什么使用mockjs 1、后端给不了数据2、数据太长，将数据放在js文件里面，完成后挨个改url3、还原 阅读全文
posted @ 2018-07-15 21:19 dirk_jian 阅读(6217) 评论(0) 推荐(1)
学习 | 基于require.js的三级联动菜单【入门】
摘要：主要目的是学习如何使用require.js AMD就是通过延迟和按需加载来解决各个模块的依赖关系，其中require就是AMD的框架之一 它的优点是可以解决以下问题： 源代码：https://github.com/dirkhe1051931999/writeBlog/tree/master/sanj 阅读全文
posted @ 2018-07-08 19:16 dirk_jian 阅读(383) 评论(0) 推荐(0)
学习 | iscroll之上拉加载下拉刷新
摘要：1、zepto 2、iscroll.js 3、scroll-probe.js 完整代码：https://github.com/dirkhe1051931999/writeBlog/tree/master/iscroll iscroll： https://github.com/cubiq/iscrol 阅读全文
posted @ 2018-07-08 18:24 dirk_jian 阅读(446) 评论(0) 推荐(0)
学习 | canvas实现图片懒加载 && 下滑底部加载
摘要：用canvas实现图片的懒加载并且下滑到据底部60px的时候再次加载数据，模仿UC浏览器的新闻加载。 完整代码：https://github.com/dirkhe1051931999/writeBlog/tree/master/canvasloadimg 注意：$(document).height( 阅读全文
posted @ 2018-07-07 23:37 dirk_jian 阅读(942) 评论(0) 推荐(1)