移动开发 - 随笔分类 - 赵小磊

摘要：阅读全文

posted @ 2018-09-26 16:51 赵小磊阅读(490) 评论(0) 推荐(0)

摘要：/** * 将base64转换为文件对象 * （即用文件上传输入框上传文件得到的对象） * @param {String} base64 base64字符串 */ function convertBase64UrlToBlob(base64){ var base64Arr = base64.split(','); if(base64Arr.length > 1... 阅读全文

posted @ 2017-07-12 10:15 赵小磊阅读(1207) 评论(0) 推荐(0)

js获取上传图片、视频相关信息

摘要：getFileSize(file) { var size = file.size / 1024; var aMultiples = ["KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"]; var fileSizeStrin... 阅读全文

posted @ 2017-06-15 11:59 赵小磊阅读(485) 评论(0) 推荐(0)

手机端Rem布局方案

摘要：来自：http://www.jianshu.com/p/985d26b40199 阅读全文

posted @ 2017-06-07 15:24 赵小磊阅读(193) 评论(0) 推荐(0)

JS实现移动端图片延迟加载

摘要：图片延迟加载常见的有，jquery.lazyload.js，原生JS实现的echo.js。但是都是必须给图片设置宽高。因为项目是移动端，而且无法在加载前知道图片的宽高，所以，只好自己写了一个。既然无法按照高度来计算是否在可视区内加载。那我就按照个数加载，每次加载X张图片，滚动到底部的时候再加载X张。... 阅读全文

posted @ 2016-01-20 12:01 赵小磊阅读(2425) 评论(0) 推荐(0)

Zepto滚动条动画

摘要：Zepto.scroll 0001 0002 0003 0004 0005 0006 0007 0008 0009 0010 0011 0012 0013 0014 0015 ... 阅读全文

posted @ 2016-01-05 09:53 赵小磊阅读(501) 评论(0) 推荐(0)

解决CSS移动端1px边框问题

摘要：移动项目开发中，安卓或者IOS等高分辨率屏幕会把1px的border渲染成2px来显示，网上搜了一下，解决方法如下：一、利用css中的transform的缩放属性解决，推荐这个。如下面代码。这个主要利用after伪类进行缩放。调用公共class，还是很方便的。二、JS判断是否支持0.5px边框阅读全文

posted @ 2015-12-25 14:24 赵小磊阅读(5963) 评论(0) 推荐(0)

Web移动端Fixed布局的解决方案

摘要：移动端业务开发，iOS 下经常会有 fixed 元素和输入框(input 元素)同时存在的情况。但是 fixed 元素在有软键盘唤起的情况下，会出现许多莫名其妙的问题。这篇文章里就提供一个简单的有输入框情况下的 fixed 布局方案。iOS下的 Fixed + Input BUG现象让我们先举个... 阅读全文

posted @ 2015-12-23 09:21 赵小磊阅读(224) 评论(0) 推荐(0)

HTML5 实现拍照

摘要：Camera API Camera API A demo of the Camera API, currently implemente... 阅读全文

posted @ 2015-09-19 11:50 赵小磊阅读(511) 评论(0) 推荐(0)

JS实现IOS风格对话框 jquery / zepto

摘要：Alert alert("这个是一个alert弹窗");Alert 自定义参数 alert({ content: "自定义alert弹窗", btnText: "OK", boxClass: "custom-alert" }, function ... 阅读全文

posted @ 2015-09-15 13:50 赵小磊阅读(757) 评论(1) 推荐(0)

实现页面下拉刷新的几个方法

摘要：原生JS实现：下拉刷新下拉刷新 Loading..... 111111111 222222222 333333333 44444444 555555555 js 模拟手机页面文件的下拉刷... 阅读全文

posted @ 2015-09-11 14:36 赵小磊阅读(2073) 评论(0) 推荐(0)

缓动函数速查表

摘要：保存成HTML运行：缓动函数速查表缓动函数指定动画效果在执行时的速度，使其看起来更加真实。现实物体照着一定节奏移动，并不是一开始就移动很快的。当我们打开抽屉时，首先会让它加速，然后慢下来。当某个东西往下掉时，首先是越掉越快，撞到地上后回... 阅读全文

posted @ 2015-06-12 15:45 赵小磊阅读(411) 评论(0) 推荐(0)

html5移动开发经验

摘要：高性能 CSS3 动画高性能移动Web相较PC的场景需要考虑的因素也相对更多更复杂，我们总结为以下几点：流量、功耗与流畅度。在PC时代我们更多的是考虑体验上的流畅度，而在Mobile端本身丰富的场景下，需要额外关注对用户基站网络流量使用的情况，设备耗电量的情况。关于流畅度，主要体现在前端动画中，... 阅读全文

posted @ 2015-05-11 17:45 赵小磊阅读(364) 评论(0) 推荐(0)

Zepto touch 修复bug

摘要：Zepto 官方 issues初步解决方案百度 GMU上拉滑动实例页面Fixhttps://github.com/madrobby/zepto/issues/315#issuecomment-8386027touch.js.on('touchmove MSPointerMove pointermov... 阅读全文

posted @ 2015-05-11 12:40 赵小磊阅读(200) 评论(0) 推荐(0)

jQuery 触屏下，左右滑动，点击当前菜单居中。

摘要：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1.0,use 阅读全文

posted @ 2015-05-05 19:55 赵小磊阅读(755) 评论(0) 推荐(0)

image 跨域问题

摘要：重点是：img.crossOrigin = "Anonymous"function cacheExternalImage(url){ var img = new Image, src = url, cvs = document.createElement('canvas'), ... 阅读全文

posted @ 2015-04-22 16:00 赵小磊阅读(2299) 评论(0) 推荐(0)

JS简易模拟微信摇一摇

摘要：简易模拟微信摇一摇摇晃结果摇晃结果的其他信息哈哈哈 1、获取设备信息 2、摇晃判断 3、简易模拟微信摇一摇阅读全文

posted @ 2015-03-31 11:46 赵小磊阅读(495) 评论(0) 推荐(0)

关于响应式设计(移动设计)规划的设备规格图解

摘要：作者简介：Adam Edgerton，供职于Metal Toad，高级项目经理。Adam对于web开发、移动设备/软件开发和社交媒体方面的新技术，都饱含着浓厚的兴趣。........................................................可 - 恶 - 又 -... 阅读全文

posted @ 2015-01-08 00:03 赵小磊阅读(216) 评论(0) 推荐(0)

触屏手指滑动方向计算演示

摘要：触屏手指滑动计算演示触屏手指滑动方向计算演示起始坐标结果计算阅读全文

posted @ 2015-01-07 23:47 赵小磊阅读(223) 评论(0) 推荐(0)

JS判断该网页是否在微信内置浏览器打开

摘要：var isWeixin = function() { return /MicroMessenger/i.test(window.navigator.userAgent); }; if (isWeixin()) { //alert("OK！"); ... 阅读全文

posted @ 2014-09-17 11:40 赵小磊阅读(185) 评论(0) 推荐(0)

随笔分类 - 移动开发

公告