会员
周边
众包
新闻
博问
闪存
赞助商
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
艾伦 Aaron
以大多数人的努力程度之低,根本轮不到拼天赋...
博客园
首页
新随笔
联系
订阅
管理
[置顶]
详细解剖大型H5单页面应用的核心技术点
摘要: 阐述下项目 Xut.js 开发中一个比较核心的优化技术点,这是一套平台代码,并非某一个插件功能或者框架可以直接拿来使用,核心代码大概是6万行左右(不包含任何插件) 。这也并非一个开源项目,不能商业使用,只是为了作者开发方便同步修改代码而上传的源码 描述下,项目提出的概念“无需程序员编程”可批量制作a
阅读全文
posted @ 2017-05-04 08:57 【艾伦】
阅读(14029)
评论(12)
推荐(36)
编辑
[置顶]
Hybrid App技术批量制作APP应用与跨平台解决方案
摘要: 前言 简单的聊一聊我开发了4年之久的Hybrid App(混合模式移动应用)平台开发,目前一直在持续开发与维护,支持无编程快速开发! 其本意也不是要吹捧前端有多么强大,只是用自己的实际项目阐述下对于前端开发一个更深层次的见解 PS:这不是单一的APP应用,这是一个可以快速批量制作app的一套跨平台解
阅读全文
posted @ 2015-01-28 10:53 【艾伦】
阅读(28854)
评论(41)
推荐(110)
编辑
[置顶]
原创文章目录
摘要: 开发 开发node桌面级应用工具:apk转化epub 移动端HTML5音频与视频问题及解决方案 Hybrid App应用制作与跨平台解决方案 移动端事件对象touches的误区 CSS3技术-雪碧图自适应缩放与精灵动画方案 web app开发利器 - iscroll4 解决方案 移动web app开发必备 - zepto事件问题 运用webkit绘制渲染页面原理解决iscroll4...
阅读全文
posted @ 2015-01-07 10:44 【艾伦】
阅读(4163)
评论(6)
推荐(6)
编辑
[置顶]
前端数据结构与算法系列
摘要: 数据结构与算法是大多前端程序员的短板,传统的前端开发都是在跟浏览器兼容作斗争很少会涉及到复杂的结构设计 本系列参考了数据结构与算法JavaScript描述、大话数据结构、数据结构与算法分析,网上的资料等等 通过分析总结其它语言的实现从而转化成javascript版,主要是为了学习 附上每一章的源码注
阅读全文
posted @ 2014-03-25 17:29 【艾伦】
阅读(8813)
评论(4)
推荐(15)
编辑
[置顶]
前端MVVM框架设计及实现
摘要: 最近抽出点时间想弄个dom模块化的模板引擎,不过现在这种都是MVVM自带的,索性就想自己造轮子写一个简单的MVVM框架了借鉴的自然还是从正美的Avalon开始了,我2013年写过一个关于MVCMVVM源码分析系列,其实MVVM并不难为了便于大家更深刻理解前二版会先简单的模仿avalon的实现最基本的...
阅读全文
posted @ 2013-10-26 21:58 【艾伦】
阅读(7087)
评论(7)
推荐(14)
编辑
[置顶]
jQuery源码分析系列
摘要: 声明:本文为原创文章,如需转载,请注明来源并保留原文链接Aaron,谢谢!版本截止到2013.8.24 jQuery官方发布最新的的2.0.3为准附上每一章的源码注释分析 :https://github.com/JsAaron/jQuery正在编写的书 -jQuery架构设计与实现本人在慕课网的教程...
阅读全文
posted @ 2013-08-24 14:52 【艾伦】
阅读(197377)
评论(33)
推荐(254)
编辑
[置顶]
前端框架MVC/MVVM分析系列
摘要: Backbone Backbone.js 是一个在JavaScript环境下的 模型-视图-控制器 (MVC) 框架。任何接触较大规模项目的开发人员一定会苦恼于各种琐碎的事件回调逻辑、以及金字塔般的代码。而且,在传统的Web应用程序代码中,不可避免的都有在应用逻辑中加入显示数据的代码的情况。当项目...
阅读全文
posted @ 2013-06-16 12:20 【艾伦】
阅读(11399)
评论(0)
推荐(20)
编辑
2018年11月19日
微信小程序-自定义下拉刷新
摘要: 最近给别个公司做技术支持,要实现微信小程序上拉刷新与下拉加载更多 微信给出的接口不怎么友好,最终想实现效果类似QQ手机版 ,一共3种下拉刷新状态变化,文字+图片+背景颜色 最终实现后的效果(这里提示有个不同点就是,自定义了导航条,并且下拉的时候,自定义导航条必须固定) 小程序实现下拉加载2种方式:
阅读全文
posted @ 2018-11-19 14:52 【艾伦】
阅读(24900)
评论(3)
推荐(5)
编辑
2017年8月3日
Vue2源码分析-逻辑梳理
摘要: 很久之前就看完vue1,但是太懒就一直没写博客,这次看Vue2打算抽下懒筋先把自己看过了记录下来,否则等全部看完,估计又没下文了 看源码总需要抱着一个目的,否则就很难坚持下去,我并没做过vue的项目,我几乎很少会依赖大型的框架,一个是跟平台有关系,另一方面因为我觉得是对自己能力的束缚,而我更渴望的就
阅读全文
posted @ 2017-08-03 14:53 【艾伦】
阅读(20457)
评论(15)
推荐(32)
编辑
2016年3月22日
前端实现网络小说阅读器
摘要: 昨天晚上在群里交流各种脑动大开的题目,我顺手也提了一个问题: JS如何做“字符分页“ 原意是源于我4年前公司项目,我负责开发1年的样子,后来各种原因就没有然后了… http://reader.appcarrier.com/ 以上图片是手机上的截图,Metro风格当前可是风靡一时,软件本身是类似现在的
阅读全文
posted @ 2016-03-22 09:54 【艾伦】
阅读(17572)
评论(8)
推荐(12)
编辑
2016年2月29日
pixi.js webgl库
摘要: 分析pixi源码,刚搭建环境gulp+webpack,目前正在看。。。 https://github.com/JsAaron/webgl-demo
阅读全文
posted @ 2016-02-29 21:18 【艾伦】
阅读(1540)
评论(1)
推荐(1)
编辑
2016年1月27日
安卓与IOS移动段浏览器视频与音频的问题与总结
摘要: 1. 安卓、苹果移动浏览器上都不支持html5的视频与音频自动播放 2. 安卓、苹果移动浏览器要支持播放,前提是必须是用户触发的事件 3. 针对这个特殊的问题,代码需要在用户进来第一次屏幕触发中,去创建一个的隐藏的video.audio的对象,后续播放视频音频必须用这个用户触发的对象替换 4. 这里就带来几个问题 A. 进入应用,用户没有操作,视频音频无法播放 B. 用户...
阅读全文
posted @ 2016-01-27 15:56 【艾伦】
阅读(1392)
评论(0)
推荐(0)
编辑
2015年12月28日
慕课网H5圣诞主题
摘要: 继七夕之后,我又出了一个圣诞主题的课程。圣诞主题是基于HTML5+CSS+JS编写与实现的,同时也是七夕主题的故事延续。圣诞主题依旧延续着七夕主题设计的思路,引入了3个经典的场景页面,在每个场景中表述着不同的行为。实现上总结了之前七夕主题的一些经验与反馈,并在此之上加以优化与扩展。这个案例不算很难,但是把前端做动画的一些精髓已经讲透了。运用的技术基本就是H5+JS+CSS3,但是每个部分的实现都会...
阅读全文
posted @ 2015-12-28 10:02 【艾伦】
阅读(1908)
评论(1)
推荐(0)
编辑
2015年11月11日
关于SVG的viewBox
摘要: 在SVG中,通过svg标记的 width和height可以规定这段SVG代码所表达的数据在绘制时所占用的空间大小 如下代码svg设置了宽度与高度,rect同样,所以结果自然是全屏 考虑下,是不是这段SVG代码中所表达的数据全部均可被绘制出来达到可见呢? svg出现了一个新的概念:viewBox SVG就像是我们的显示器屏幕,viewBox就是截屏工具选...
阅读全文
posted @ 2015-11-11 15:46 【艾伦】
阅读(12941)
评论(0)
推荐(1)
编辑
2015年10月27日
开发node桌面级应用工具:apk转化epub
摘要: 随着苹果ibooks对国内的开放,最近接了个麻烦的需求: 把现有的APK转化支持苹果ibooks电子书的epub格式 apk,基本都知道就是安卓的应用程序 epub,是ibooks支持的电子书格式 (xhtml组成的静态多页面) 这apk与epub两个完全不是一个世界的东西,怎么能关联并转化? 因为我司产出的APK应用是通过phonegap打包的SPA应用,这也是...
阅读全文
posted @ 2015-10-27 08:58 【艾伦】
阅读(7003)
评论(29)
推荐(23)
编辑
2015年9月16日
移动端HTML5音频与视频问题及解决方案
摘要: 最近在研究用视频代替动画,用视频代替精灵动画,我们称这种视频叫做交互视频。传统的精灵动画:磁盘空间大,下载慢,尤其是在线播放,会更慢文件太多,在线播放的时候,太多http请求,会导致响应慢,或者行为失常因此,急需开发了一套技术,用视频代替精灵动画。我们称这种视频叫做交互视频传统视频的问题:传统视频,...
阅读全文
posted @ 2015-09-16 09:24 【艾伦】
阅读(58982)
评论(9)
推荐(21)
编辑
2015年9月3日
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 【艾伦】
阅读(24312)
评论(0)
推荐(0)
编辑
2015年9月2日
移动端事件对象touches的误区
摘要: 不想长篇大论,也是自己遗留下的一个错误的理解在移动端触屏事件有四个// 手势事件touchstart //当手指接触屏幕时触发touchmove //当已经接触屏幕的手指开始移动后触发touchend //当手指离开屏幕时触发当然还有个touchcancel事件,但是我测试后,并没发现有...
阅读全文
posted @ 2015-09-02 11:40 【艾伦】
阅读(11106)
评论(4)
推荐(4)
编辑
2015年8月20日
原创:CSS3技术-雪碧图自适应缩放与精灵动画方案
摘要: 花了一个礼拜完成了慕课网定制的七夕主题效果,其中有一个没实现好的功能,就是雪碧图的自适应缩放 ps: 以下实现都是基于移动端的处理 原图如下: 人物是采用的是雪碧图,通过坐标绝对数据取值 问题很明显,在缩放的屏幕上人物还是按照原尺寸大小显示 后来临时留了一节预备的方案:CSS3的scale处理直接可
阅读全文
posted @ 2015-08-20 09:16 【艾伦】
阅读(17928)
评论(9)
推荐(22)
编辑
2015年8月5日
H5+JS+CSS3 综合应用
摘要: 慕课网新教程H5+JS+CSS3 实现的七夕言情主题效果已经出炉了从设计到实现到录制与编写用了快1个月的时间,说真的这个案例是慕课定制的,我之前也没有系统的做过这样的一个效果,在实现的时候自己也重新复习了下CSS3动画的知识点下面是一个简单的预览这个是一个比较综合的效果了,这个案例把前端做动画的一些...
阅读全文
posted @ 2015-08-05 10:20 【艾伦】
阅读(10806)
评论(1)
推荐(4)
编辑
2015年7月13日
深入理解CSS3 Animation 帧动画
摘要: CSS3我在5年之前就有用了,包括公司项目都一直在很前沿的技术。最近在写慕课网的七夕主题,用了大量的CSS3动画,但是真的沉淀下来仔细的去深入CSS3动画的各个属性发现还是很深的,这里就写下关于帧动画steps属性的理解我们知道CSS3的Animation有八个属性animation-nameani...
阅读全文
posted @ 2015-07-13 08:55 【艾伦】
阅读(84641)
评论(10)
推荐(47)
编辑
下一页