Fork me on GitHub
  置顶随笔
摘要: 前言 简单的聊一聊我开发了4年之久的Hybrid App(混合模式移动应用)平台开发,目前一直在持续开发与维护,支持无编程快速开发! 其本意也不是要吹捧前端有多么强大,只是用自己的实际项目阐述下对于前端开发一个更深层次的见解 PS:这不是单一的APP应用,这是一个可以快速批量制作app的一套跨平台解阅读全文
posted @ 2015-01-28 10:53 【Aaron】 阅读(22104) 评论(41) 编辑
摘要: 开发 开发node桌面级应用工具:apk转化epub 移动端HTML5音频与视频问题及解决方案 Hybrid App应用制作与跨平台解决方案 移动端事件对象touches的误区 CSS3技术-雪碧图自适应缩放与精灵动画方案 web app开发利器 - iscroll4 解决方案 移动web app开发必备 - zepto事件问题 运用webkit绘制渲染页面原理解决iscroll4...阅读全文
posted @ 2015-01-07 10:44 【Aaron】 阅读(2962) 评论(6) 编辑
摘要: 数据结构与算法是大多前端程序员的短板,传统的前端开发都是在跟浏览器兼容作斗争很少会涉及到复杂的结构设计 本系列参考了数据结构与算法JavaScript描述、大话数据结构、数据结构与算法分析,网上的资料等等 通过分析总结其它语言的实现从而转化成javascript版,主要是为了学习 附上每一章的源码注阅读全文
posted @ 2014-03-25 17:29 【Aaron】 阅读(4809) 评论(4) 编辑
摘要: 最近抽出点时间想弄个dom模块化的模板引擎,不过现在这种都是MVVM自带的,索性就想自己造轮子写一个简单的MVVM框架了借鉴的自然还是从正美的Avalon开始了,我2013年写过一个关于MVCMVVM源码分析系列,其实MVVM并不难为了便于大家更深刻理解前二版会先简单的模仿avalon的实现最基本的...阅读全文
posted @ 2013-10-26 21:58 【Aaron】 阅读(4648) 评论(7) 编辑
摘要: 声明:本文为原创文章,如需转载,请注明来源并保留原文链接Aaron,谢谢!版本截止到2013.8.24 jQuery官方发布最新的的2.0.3为准附上每一章的源码注释分析 :https://github.com/JsAaron/jQuery正在编写的书 -jQuery架构设计与实现本人在慕课网的教程...阅读全文
posted @ 2013-08-24 14:52 【Aaron】 阅读(129608) 评论(29) 编辑
摘要: Backbone Backbone.js 是一个在JavaScript环境下的 模型-视图-控制器 (MVC) 框架。任何接触较大规模项目的开发人员一定会苦恼于各种琐碎的事件回调逻辑、以及金字塔般的代码。而且,在传统的Web应用程序代码中,不可避免的都有在应用逻辑中加入显示数据的代码的情况。当项目...阅读全文
posted @ 2013-06-16 12:20 【Aaron】 阅读(9020) 评论(0) 编辑
  2016年3月22日
摘要: 昨天晚上在群里交流各种脑动大开的题目,我顺手也提了一个问题: JS如何做“字符分页“ 原意是源于我4年前公司项目,我负责开发1年的样子,后来各种原因就没有然后了… http://reader.appcarrier.com/ 以上图片是手机上的截图,Metro风格当前可是风靡一时,软件本身是类似现在的阅读全文
posted @ 2016-03-22 09:54 【Aaron】 阅读(2326) 评论(6) 编辑
  2016年2月29日
摘要: 分析pixi源码,刚搭建环境gulp+webpack,目前正在看。。。 https://github.com/JsAaron/webgl-demo  阅读全文
posted @ 2016-02-29 21:18 【Aaron】 阅读(351) 评论(1) 编辑
  2016年1月27日
摘要: 1. 安卓、苹果移动浏览器上都不支持html5的视频与音频自动播放 2. 安卓、苹果移动浏览器要支持播放,前提是必须是用户触发的事件 3. 针对这个特殊的问题,代码需要在用户进来第一次屏幕触发中,去创建一个的隐藏的video.audio的对象,后续播放视频音频必须用这个用户触发的对象替换 4. 这里就带来几个问题 A. 进入应用,用户没有操作,视频音频无法播放 B. 用户...阅读全文
posted @ 2016-01-27 15:56 【Aaron】 阅读(316) 评论(0) 编辑
  2015年12月28日
摘要: 继七夕之后,我又出了一个圣诞主题的课程。圣诞主题是基于HTML5+CSS+JS编写与实现的,同时也是七夕主题的故事延续。圣诞主题依旧延续着七夕主题设计的思路,引入了3个经典的场景页面,在每个场景中表述着不同的行为。实现上总结了之前七夕主题的一些经验与反馈,并在此之上加以优化与扩展。这个案例不算很难,但是把前端做动画的一些精髓已经讲透了。运用的技术基本就是H5+JS+CSS3,但是每个部分的实现都会...阅读全文
posted @ 2015-12-28 10:02 【Aaron】 阅读(866) 评论(1) 编辑
  2015年11月11日
摘要: 在SVG中,通过svg标记的 width和height可以规定这段SVG代码所表达的数据在绘制时所占用的空间大小 如下代码svg设置了宽度与高度,rect同样,所以结果自然是全屏 考虑下,是不是这段SVG代码中所表达的数据全部均可被绘制出来达到可见呢? svg出现了一个新的概念:viewBox SVG就像是我们的显示器屏幕,viewBox就是截屏工具选...阅读全文
posted @ 2015-11-11 15:46 【Aaron】 阅读(352) 评论(0) 编辑
  2015年10月27日
摘要: 随着苹果ibooks对国内的开放,最近接了个麻烦的需求: 把现有的APK转化支持苹果ibooks电子书的epub格式 apk,基本都知道就是安卓的应用程序 epub,是ibooks支持的电子书格式 (xhtml组成的静态多页面) 这apk与epub两个完全不是一个世界的东西,怎么能关联并转化? 因为我司产出的APK应用是通过phonegap打包的SPA应用,这也是...阅读全文
posted @ 2015-10-27 08:58 【Aaron】 阅读(4339) 评论(29) 编辑
  2015年9月16日
摘要: 最近在研究用视频代替动画,用视频代替精灵动画,我们称这种视频叫做交互视频。传统的精灵动画:磁盘空间大,下载慢,尤其是在线播放,会更慢文件太多,在线播放的时候,太多http请求,会导致响应慢,或者行为失常因此,急需开发了一套技术,用视频代替精灵动画。我们称这种视频叫做交互视频传统视频的问题:传统视频,...阅读全文
posted @ 2015-09-16 09:24 【Aaron】 阅读(17810) 评论(6) 编辑
  2015年9月3日
摘要: 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 【Aaron】 阅读(843) 评论(0) 编辑
  2015年9月2日
摘要: 不想长篇大论,也是自己遗留下的一个错误的理解在移动端触屏事件有四个// 手势事件touchstart //当手指接触屏幕时触发touchmove //当已经接触屏幕的手指开始移动后触发touchend //当手指离开屏幕时触发当然还有个touchcancel事件,但是我测试后,并没发现有...阅读全文
posted @ 2015-09-02 11:40 【Aaron】 阅读(3148) 评论(4) 编辑
  2015年8月20日
摘要: 花了一个礼拜完成了慕课网定制的七夕主题效果,其中有一个没实现好的功能,就是雪碧图的自适应缩放 ps: 以下实现都是基于移动端的处理 原图如下: 人物是采用的是雪碧图,通过坐标绝对数据取值 问题很明显,在缩放的屏幕上人物还是按照原尺寸大小显示 后来临时留了一节预备的方案:CSS3的scale处理直接可阅读全文
posted @ 2015-08-20 09:16 【Aaron】 阅读(7554) 评论(9) 编辑
  2015年8月5日
摘要: 慕课网新教程H5+JS+CSS3 实现的七夕言情主题效果已经出炉了从设计到实现到录制与编写用了快1个月的时间,说真的这个案例是慕课定制的,我之前也没有系统的做过这样的一个效果,在实现的时候自己也重新复习了下CSS3动画的知识点下面是一个简单的预览这个是一个比较综合的效果了,这个案例把前端做动画的一些...阅读全文
posted @ 2015-08-05 10:20 【Aaron】 阅读(6530) 评论(1) 编辑
  2015年7月13日
摘要: CSS3我在5年之前就有用了,包括公司项目都一直在很前沿的技术。最近在写慕课网的七夕主题,用了大量的CSS3动画,但是真的沉淀下来仔细的去深入CSS3动画的各个属性发现还是很深的,这里就写下关于帧动画steps属性的理解我们知道CSS3的Animation有八个属性animation-nameani...阅读全文
posted @ 2015-07-13 08:55 【Aaron】 阅读(34948) 评论(8) 编辑
  2015年6月18日
摘要: 慕课网上准备开个新的jQuery教程,花了3天空闲时间写了一个Javascript版的拼图小游戏,作为新教程配套的分析案例拼图游戏网上有不少的实现案例了,但是此源码是我自己的实现,所以不做太多的比较在线预览(Chrome):http://sandbox.runjs.cn/show/pcwfu7i5拼...阅读全文
posted @ 2015-06-18 14:15 【Aaron】 阅读(1685) 评论(6) 编辑
  2015年5月9日
摘要: Mongoose库简而言之就是在node环境中操作MongoDB数据库的一种便捷的封装,一种对象模型工具,类似ORM,Mongoose将数据库中的数据转换为JavaScript对象以供你在应用中使用。当然要使用的话,必须要先安装好环境Node.js与MongoDB =》 MongoDB安装Mongo...阅读全文
posted @ 2015-05-09 16:36 【Aaron】 阅读(16163) 评论(4) 编辑
  2015年4月21日
摘要: 下载完毕后 bin为官方代码 data为自行创建的文件夹 db存在数据 log存在日志 启动MongoDB 通过cmd到db的文件目录 通过mongod.exe代码执行data下的log文件与data下的db路径,数据就存放到db文件夹下面 测试下成功启动 但是这样很麻烦,每次都要通过命名,我们可以做成一个服务器启动即可...阅读全文
posted @ 2015-04-21 21:22 【Aaron】 阅读(2433) 评论(0) 编辑