home

ionic框架配置

ionic概述这段时间在做手机应用开发,由于目前部分缺少Android开发人员,所以想做个WebApp的形式,然后用phoneGap打包,先做第一个样品试用。研究了比较多的开发框架,后来自己用AngularJS和Ratchet搭建了一个小框架,做的差不多了,然后感觉有些限制,用cordova编译之后,在Android平台上的运行效果并是不太好。所以又看了一下其他的框架,比如:Lungo和QuoJS等,突然发现了一个目前比较先进的框架ionic,所以就拿来用用。目前文档比较少,有的也仅是翻译官网的,所以我把自己的配置过程记录一下,分享给喜欢的同学。教程索引:(持续更新)ionic中文教程

phoneGap之Android环境搭建

PhoneGap说明PhoneGap,一早就听说有这么一个神奇的应用,它可以把WEB项目打包成各种移动平台的应用程序。这里我就研究一下,把之前开发的WebRTC项目打包成Android平台的apk文件试一下。正好公司现在比较缺少Android应用开发人员,看来web应用还是很有前景的。不过在网上看过不少评论说PhoneGap打包的程序运行比较慢,用户体验差,和native应用没的一比,这里也算是是做个小实验,自己看看到底怎么样。 教程索引:(持续更新)ionic中文教程

Canvas图像处理和滤镜特效

简介这段时间做了一个手机WebRTC拍照加特效的应用,主要用到canvas标签获取图像矩阵(这个在上一篇博客中已经详细介绍过:),然后做图像处理,例如滤镜特效(马赛克,浮雕,衬底,反色等),这里我们详细介绍相关的知识。其实从原理上讲,大部分的图像处理都是对图像像素矩阵和某个特效矩阵做卷积,得到新的像素矩阵,就是处理后的效果。关于这个大学课程《数字信息处理》里面有详细介绍。

图像处理的数学理论

简介本篇主要介绍图像处理中一些常用的数学理论,比如卷积,拉普拉斯变换,傅里叶变换等等。通过列举很多有趣的生活实例,增加对理论的理解。想起当时大学学的课程,突然感觉一位好老师是那么的重要,当然也不是随随便便就可以成为好老师的。这里大部分例子也是从网上搜集的,主要是分享知识。

JS常用函数

前言这里主要介绍一些常用的javascript函数,这里并不会介绍jQuery,因为在手机WEB项目中可能不会使用jQuery,主要尽量使用javascript控制,减少开销,提供响应速度。渐渐的发现,写博客真的是需要耐心的,我会坚持的。此帖会一直更新所用到的js函数。

WebRTC相关的canvas与video

简介这两天公司有个项目,我打算用HTML5做个演示版本,只要是音视频方面的,所以打算采用HTML5协议规范中的WebRTC来研究,考虑到目前国产浏览器大部分‘高速模式’都是用的webkit核心的浏览器引擎,所以除了Chrome和Firefox浏览器之外,国产的浏览器像是sougou支持的都还不错。这里主要是通过WebRTC获取音频和视频流,然后通过video元素转换,经过canvas绘制成图片或者视频录制。这里主要介绍一下关于拍摄照片和美化处理的一些相关知识。其他部分,关于音频和视频的录制,后期在追加。

AngularJS笔记-概述

前言最近在寻找一些前端开发框架,特别是需要开发webApp的框架。之前找到了一个开源框架the m project,估计您不一定听过,这是一个集成好的mobile app开发框架,这个项目已经接近半年没有维护了,当时看到了这个项目集成了如backboneJS,jquery,Font Awesome等项目,感觉很酷,研究了一下,做了个demo。运行起来浏览器还可以接受。手机端太慢了。所以决定放弃,而且这个框架太过厚重,很复杂,本来作者的出发点是想做简化,可是我个人觉得,越做越复杂,不灵活。所以开始研究其他的框架。其实一早就看过AngularJS,只是没有细致的学过。正好,这次就定下用Angular+Ratchet+FastClick来做开发框架,自己构建项目了。首先这里我记录一下学习Angular的整个笔记。分享给喜欢学习的同学,其他两个框架,稍后系列教程中给出。

NodeJS Express运行实例

前言最近在学NodeJS,其实以前学过,好长时间没有用,就忘记了。想想还是比较可惜的。最近学习也是从看资料开始,偶尔看到一些博客写的真的很不错。但是都是零零碎碎的。而且很多都是老版本的,按照博客的写法一步一步走过来,很多地方要么报错,要么都不能用。自己也是找了很多资料,所以打算把这些更改的地方写一下,正确的写法记录一下,分享给想学的同学,让大家都少走弯路,节省学习成本。