随笔分类 -  移动端

面向对象 | 周月切换日历
摘要：最近在完成一个项目，其中需要用到日历组件，但是这个日历组件不同于点击按钮选日期，而是在一个月内选择自己想要的日期，只是单月内，其中还可以折叠，在一周内选择日期，切换周的时候也只能在一个月内，由于这个类似一个组件，想用js面向对象的思维去开发这个功能。 虽然说用的是zepto，相对于高大上的vue和r 阅读全文
posted @ 2018-12-24 22:03 dirk_jian 阅读(1067) 评论(0) 推荐(1)
vue | vue实现列表同时展开与单独展开
摘要：需求：每个li标签在点击的时候，都同时展开。 但是碰见几个问题： 1、如果点第一个li 所有li都会展开； 2、点击第一个li，第一个li展开，点击第二个li，第一个li闭合，第二个li展开 这两种情况都与预期不符，我们要求，点击第一个li展开，点击第二个li第一个li不闭合，第二个li展开，依次类 阅读全文
posted @ 2018-08-16 23:42 dirk_jian 阅读(8151) 评论(0) 推荐(0)
学习 | css3实现进度条加载
摘要：进度条加载是页面加载时的一种交互效果，这样做的目的是提高用户体验。 进度条的的实现分为3大部分：1、页面布局，2、进度条动效，3、何时进度条增加。 index.less是样式文件 zepto是引入的库 less.js是编译less的 rem.js是移动端屏幕自适应 页面布局采用position布局， 阅读全文
posted @ 2018-07-21 00:18 dirk_jian 阅读(6060) 评论(0) 推荐(0)
学习 | css3基本动画之demo篇
摘要：移动端使用的框架是zepto，但是zepto的内置对象没有传统的animate这个方法，效果都是需要css3来实现的，zepto也不支持fadeIn和fadeOut等一些基本的动画，基于这一现状，我自己整理总结了css3的动画，方便以后工作和学习去使用。 基本的animate的知识我就不讲了，网上有 阅读全文
posted @ 2018-07-20 14:34 dirk_jian 阅读(655) 评论(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 阅读(444) 评论(0) 推荐(0)
学习 | canvas实现图片懒加载 && 下滑底部加载
摘要：用canvas实现图片的懒加载并且下滑到据底部60px的时候再次加载数据，模仿UC浏览器的新闻加载。 完整代码：https://github.com/dirkhe1051931999/writeBlog/tree/master/canvasloadimg 注意：$(document).height( 阅读全文
posted @ 2018-07-07 23:37 dirk_jian 阅读(933) 评论(0) 推荐(1)
zepto | 用事件委托去解决无法给新增添的DOM添加事件的问题
摘要：前段时间在做一个任务的时候，碰见了一个问题：zepto无法用on事件去监听新增加的dom事件。这个问题用live可解决， 但是live在ios下失效，为了解决这个问题，我采用了暴力的方法去解决，每次添加dom都绑定一次事件，这样是可以解决问题的，但是这样的方式肯定消耗很多资源，不是一个好的方式，今天 阅读全文
posted @ 2018-04-16 15:39 dirk_jian 阅读(1044) 评论(0) 推荐(1)