移动端 - 随笔分类 - 【艾伦】

前端实现网络小说阅读器

摘要：昨天晚上在群里交流各种脑动大开的题目，我顺手也提了一个问题： JS如何做“字符分页“ 原意是源于我4年前公司项目，我负责开发1年的样子，后来各种原因就没有然后了… http://reader.appcarrier.com/ 以上图片是手机上的截图，Metro风格当前可是风靡一时，软件本身是类似现在的阅读全文

posted @ 2016-03-22 09:54 【艾伦】阅读(17655) 评论(8) 推荐(12) 编辑

移动端HTML5音频与视频问题及解决方案

摘要：最近在研究用视频代替动画，用视频代替精灵动画，我们称这种视频叫做交互视频。传统的精灵动画：磁盘空间大，下载慢，尤其是在线播放，会更慢文件太多，在线播放的时候，太多http请求，会导致响应慢，或者行为失常因此，急需开发了一套技术，用视频代替精灵动画。我们称这种视频叫做交互视频传统视频的问题：传统视频，... 阅读全文

posted @ 2015-09-16 09:24 【艾伦】阅读(59000) 评论(9) 推荐(21) 编辑

移动端事件对象touches的误区

摘要：不想长篇大论，也是自己遗留下的一个错误的理解在移动端触屏事件有四个// 手势事件touchstart //当手指接触屏幕时触发touchmove //当已经接触屏幕的手指开始移动后触发touchend //当手指离开屏幕时触发当然还有个touchcancel事件，但是我测试后，并没发现有... 阅读全文

posted @ 2015-09-02 11:40 【艾伦】阅读(11123) 评论(4) 推荐(4) 编辑

原创：CSS3技术-雪碧图自适应缩放与精灵动画方案

摘要：花了一个礼拜完成了慕课网定制的七夕主题效果，其中有一个没实现好的功能，就是雪碧图的自适应缩放 ps: 以下实现都是基于移动端的处理原图如下：人物是采用的是雪碧图，通过坐标绝对数据取值问题很明显，在缩放的屏幕上人物还是按照原尺寸大小显示后来临时留了一节预备的方案：CSS3的scale处理直接可阅读全文

posted @ 2015-08-20 09:16 【艾伦】阅读(17951) 评论(9) 推荐(22) 编辑

Hybrid App技术批量制作APP应用与跨平台解决方案

摘要：前言简单的聊一聊我开发了4年之久的Hybrid App(混合模式移动应用)平台开发，目前一直在持续开发与维护，支持无编程快速开发！其本意也不是要吹捧前端有多么强大，只是用自己的实际项目阐述下对于前端开发一个更深层次的见解 PS：这不是单一的APP应用，这是一个可以快速批量制作app的一套跨平台解阅读全文

posted @ 2015-01-28 10:53 【艾伦】阅读(28889) 评论(41) 推荐(110) 编辑

移动混合应用HTML5数据查询优化

摘要：项目介绍pheongap混合应用，跨平台，做应用加工厂提供应用模板编辑器~本地应用，完全是模拟IOS，安卓原生应用的实现，所以支持14种手势，所有PPT动画，视觉差效果，等等功能组合。。。这是IDE的功能设置HTML5本地数据库就是用SQLite，这是我们应用的数据库通过数据动态生成页面这个应用有30页，有些应用上千页，所以页面全是动态生成的，只会维持在2-3页，这里用到了模拟多线程任务 - - ，用于实现无缓冲翻页，效果还是不错一个页面涉及N多数据的的查询，可能关联很多表，几十上百条记录，如何优化？数据查询方式1：sql数据拼sql语句是不行的，你可以试试一条SQL语句耗费的时间是多少？基阅读全文

posted @ 2014-03-12 12:45 【艾伦】阅读(4001) 评论(8) 推荐(7) 编辑

实战Hybird app：内存溢出与优化

摘要：pheongap项目：http://www.nduoa.com/apk/detail/646816主要的问题：heap过大，内存低性能差的机子上引起奔溃，直接退出关于web app的优化，不仅仅只是js方面，包括HTML布局嵌套，CSS的属性使用，数据的读取，还有浏览器的重排与回流之类的这里就不讨论了，本章涉及的是脚本代码引发的性能问题，更进一步说就是闭包带来的内存泄露关于性能：首先我不得不承认一个事实，移动端的性能跟PC端，那完全不是一回事比如用innerHTML绘制大段的HTML结构，之后同步获取生成HTML中的ID节点，结果不存在这种问题在单页面模拟多页面，动态创建DOM的时候，尤为明显阅读全文

posted @ 2013-11-04 06:26 【艾伦】阅读(4472) 评论(14) 推荐(20) 编辑

移动web app开发必备 - zepto事件问题

摘要：问题描述:项目在祖先元素上绑定了 touchstart,touchmove,touchend事件,用来处理全局性的事件,比如滑动翻页正常状态下：用户在子元素上有交互动作时,默认状态下都是会冒泡到祖先元素响应特定情况下：子元素单独绑定了事件特性情况下需要阻止全局事件常规的做法就是stopPropagation阻止即可但如果子元素绑定的是 click,touchmove,touchend这类事件的话,问题就来了全局的touchstart事件也会被冒泡触发发一段项目图：/** * ppt事件接口 * * 允许用户自定义其行为 * 1 支持14种操作行为 * 2 默认对象都具有滑动翻页... 阅读全文

posted @ 2013-07-03 15:16 【艾伦】阅读(28403) 评论(4) 推荐(8) 编辑

移动终端开发必备知识（转载）

摘要：移动设备的用户越来越多，每天android手机的激活量都已经超过130万台，所以我们面向移动终端的WebAPP也开始跟进了。本文主要介绍webapp的开发与调试的相关知识和经验，以及给出几种可选的解决方案。一、基本概念（1） CSS pixels与device pixels CSS pixels：浏览器使用的抽象单位，主要用来在网页上绘制内容。 device pixels：显示屏幕的... 阅读全文

posted @ 2013-06-30 20:10 【艾伦】阅读(1225) 评论(0) 推荐(3) 编辑

随笔分类 - 移动端

积分与排名

随笔分类 (320)

随笔档案 (265)

阅读排行榜

评论排行榜

推荐排行榜

最新评论