其他 - 随笔分类 - 【艾伦】

开发node桌面级应用工具：apk转化epub

摘要：随着苹果ibooks对国内的开放，最近接了个麻烦的需求：把现有的APK转化支持苹果ibooks电子书的epub格式 apk，基本都知道就是安卓的应用程序 epub，是ibooks支持的电子书格式 (xhtml组成的静态多页面) 这apk与epub两个完全不是一个世界的东西，怎么能关联并转化？因为我司产出的APK应用是通过phonegap打包的SPA应用，这也是... 阅读全文

posted @ 2015-10-27 08:58 【艾伦】阅读(6974) 评论(29) 推荐(23) 编辑

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

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

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

git did not exit cleanly

摘要：exit code 11、鼠标右键 -> TortoiseGit -> Settings -> Network2、SSH client was pointing to C:\Program Files\TortoiseGit\bin\TortoisePlink.exe3、Changed path t... 阅读全文

posted @ 2015-09-03 22:35 【艾伦】阅读(24269) 评论(0) 推荐(0) 编辑

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

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

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

JavaScript版拼图小游戏

摘要：慕课网上准备开个新的jQuery教程，花了3天空闲时间写了一个Javascript版的拼图小游戏，作为新教程配套的分析案例拼图游戏网上有不少的实现案例了，但是此源码是我自己的实现，所以不做太多的比较在线预览(Chrome)：http://sandbox.runjs.cn/show/pcwfu7i5拼... 阅读全文

posted @ 2015-06-18 14:15 【艾伦】阅读(3935) 评论(6) 推荐(5) 编辑

谈谈UI架构设计的演化

摘要：转自：http://weibo.com/p/1001603808855434892996了解整个由来，受益匪浅在1979年，经典MVC模式被提出。在当时，人们一直试图将纯粹描述思维中的对象与跟计算机环境打交道的代码隔离开来，而Trygve Reenskaug在跟一些人的讨论中，逐渐剥离出一系列的概念... 阅读全文

posted @ 2015-02-11 11:16 【艾伦】阅读(1199) 评论(0) 推荐(1) 编辑

jQuery动画的实现

摘要：没有引入deferred机制，其余流程都有了//////////////创建动画缓动对象 //////////////function Tween(value, prop, animation) { this.elem = animation.elem; this.prop ... 阅读全文

posted @ 2015-02-11 10:27 【艾伦】阅读(5164) 评论(2) 推荐(5) 编辑

动画requestAnimationFrame

摘要：前言在研究canvas的2D pixi.js库的时候，其动画的刷新都用requestAnimationFrame替代了setTimeout 或 setInterval但是jQuery中还是采用了setInterval，我这章就研究下顺便改造下jQuery的动画定时器jQuery动画的实现考虑到兼容与... 阅读全文

posted @ 2015-02-10 11:25 【艾伦】阅读(12801) 评论(5) 推荐(12) 编辑

jQuery源码分析系列(40）: 动画设计

摘要：前言jQuery动画是通过animate这个API设置执行的，其内部也是按照每一个animate的划分封装了各自动画组的行为，包括数据过滤、缓动公式、一些动画默认参数的设置、元素状态的调整、事件的处理通知机制、执行等等换句话说，我们可以把animate看作一个对象，对象封装自己的一系列属性与方法。j... 阅读全文

posted @ 2015-02-09 09:06 【艾伦】阅读(9119) 评论(11) 推荐(25) 编辑

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

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

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

鼠标mouse事件冒泡处理

摘要：简单的鼠标移动事件：进入mouseenter：不冒泡mouseover: 冒泡不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件移出mouseleave: 不冒泡mouseout：冒泡不论鼠标指针离开被选元素还是任... 阅读全文

posted @ 2015-01-22 14:35 【艾伦】阅读(9799) 评论(2) 推荐(2) 编辑

模拟image的ajaxPrefilter与ajaxTransport处理

摘要：////////////////////////////////////////////////////////////////// // options 是请求的选项 // // ori... 阅读全文

posted @ 2015-01-21 18:38 【艾伦】阅读(1114) 评论(0) 推荐(2) 编辑

数据结构与算法JavaScript (五) 串(经典KMP算法)

摘要：KMP算法和BM算法KMP是前缀匹配和BM后缀匹配的经典算法，看得出来前缀匹配和后缀匹配的区别就仅仅在于比较的顺序不同前缀匹配是指：模式串和母串的比较从左到右，模式串的移动也是从左到右后缀匹配是指：模式串和母串的的比较从右到左，模式串的移动从左到右。通过上一章显而易见BF算法也是属于前缀的算法，不... 阅读全文

posted @ 2015-01-15 09:14 【艾伦】阅读(5549) 评论(6) 推荐(18) 编辑

数据结构与算法JavaScript (四) 串(BF)

摘要：串是由零个或多个字符组成的有限序列，又叫做字符串串的逻辑结构和线性表很相似的，不同的是串针对是是字符集，所以在操作上与线性表还是有很大区别的。线性表更关注的是单个元素的操作CURD，串则是关注查找子串的位置，替换等操作。当然不同的高级语言对串的基本操作都有不同的定义方法，但是总的来说操作的本质都是相... 阅读全文

posted @ 2015-01-13 08:42 【艾伦】阅读(2808) 评论(1) 推荐(10) 编辑

原创文章目录

摘要：开发开发node桌面级应用工具：apk转化epub 移动端HTML5音频与视频问题及解决方案 Hybrid App应用制作与跨平台解决方案移动端事件对象touches的误区 CSS3技术-雪碧图自适应缩放与精灵动画方案 web app开发利器 - iscroll4 解决方案移动web app开发必备 - zepto事件问题运用webkit绘制渲染页面原理解决iscroll4... 阅读全文

posted @ 2015-01-07 10:44 【艾伦】阅读(4157) 评论(6) 推荐(6) 编辑

数据结构与算法JavaScript (二) 队列

摘要：队列是只允许在一端进行插入操作，另一个进行删除操作的线性表，队列是一种先进先出（First-In-First-Out，FIFO）的数据结构队列在程序程序设计中用的非常的频繁，因为javascript单线程，所以导致了任何一个时间段只能执行一个任务，而且还参杂了异步的机制，那么带来的问题：1. 在异步... 阅读全文

posted @ 2015-01-06 10:47 【艾伦】阅读(4455) 评论(8) 推荐(8) 编辑

元素尺寸的获取

摘要：scrollWidth、clientWidth、offsetWidth区别 scrollWidth是对象的实际内容的宽，不包边线宽度，会随对象中内容的多少改变（内容多了可能会改变对象的实际宽度） clientWidth是对象可见的宽度，不包滚动条等边线，会随窗口的显示大小改变 offsetWidth是对象的可见宽度，包滚动条等边线，会随窗口的显示大小改变。有三种方法能够确定浏览... 阅读全文

posted @ 2014-12-10 13:29 【艾伦】阅读(815) 评论(0) 推荐(3) 编辑

属性的获取

摘要：jQuery.attr , Sizzle.attr Sizzle.attr = function(elem, name) { // Set document vars if needed if ((elem.ownerDocument || elem) !== document) { setDocument(elem); } var fn ... 阅读全文

posted @ 2014-11-21 14:14 【艾伦】阅读(441) 评论(0) 推荐(0) 编辑

让hammer完美支持Pixi.js - 2D webG库

摘要：由于项目改造，采用2D webG的pixi库，那么基于canvas的结构上，事件就是最大的一个问题了改造的原理很简单，把hammer里面的addEventListeners事件绑定给第三方库代替，事件的绑定由第三方控制即可hammer是负责接收事件消息即可。传递一个pixi引用，即每个canvas内... 阅读全文

posted @ 2014-10-29 15:23 【艾伦】阅读(4559) 评论(2) 推荐(2) 编辑

移动开发框架剖析(二) Hammer专业的手势控制

摘要：浏览器底层并没有给元素提供类似，单击，双击，滑动，拖动这些直接可以用的控制接口，一切的手势动作都只能通过模拟出来。移动端浏览器唯一给我们提供的就只是mousedown -> mousemove -> mouseup三种最基本的事件接口。那么我们只能通过这些简单的接口模拟出复杂的手势出来。常规的做法流... 阅读全文

posted @ 2014-10-20 11:32 【艾伦】阅读(4749) 评论(3) 推荐(4) 编辑

随笔分类 - 其他