主页

使用json web token

由来做了这么长时间的web开发,从JAVA EE中的jsf,spring,hibernate框架,到spring web MVC,到用php框架thinkPHP,到现在的nodejs,我自己的看法是越来越喜欢干净整洁的web层,之前用jsf开发做view层的时候,用的primefaces做的界面显示,虽然primefaces的确提供了很大的便利,可以让开发人员专注于业务逻辑开发,这样其实就省去了前端开发的工作。而后来发现有些客户需要的展现形式很难实现,或者通过拼凑的方法实现的结果效率不高。使用不灵活,后来自己渐渐的转向了做前端工程师。spring WEB MVC可以做到干净整洁的web层,可以做到web层分离,通过ajax和服务端通信。现在在学习AngularJS框架,后台数据服务端打算用REST风格的接口来做,这个在前后台交互上就要考虑数据通信的安全问题,关于这个在关于SESSION的理解一文中其实有提到的。

ionic中文javascript API(1)

简介ionic除了提供css框架以外,参看ionic中文详解CSS组件,还是提供了javascript UI库。许多组件都是需要通过javascript来产生比较炫的效果。ionic遵循了mvc的设计模式,这一点可以通过通过创建tab栏的官方例子项目来体会view之间的控制与切换。下面就是关于ionic的中文javascript API介绍。其实官方已经写的比较详细了,只是国内访问网速不好的地方,那个js菜单栏一直展不开,加载慢,所以自己做一个中文的,方便以后查找。内容很长,参看:ionic中文javascript API(1)ionic中文javascript API(2)教程索引:(持续更新)ionic中文教程

ionic中文详解CSS组件(1)

ionic组件本来不想写这个的,因为毕竟官网已经列的很详细了css component,国内的网络由于种种原因,有时候右边并不会显示一个手机框用于展示效果。我这里将一些相关组件的介绍合在一起,给出综合例子和显示效果,方便自己查阅。另外官网的JS API介绍文档有问题,国内访问不能跳转,请参考我的另一篇ionic中文javascript API. 教程索引:(持续更新)ionic中文教程

关于SESSION的理解

SESSION简介积土成山,积水成渊。今天和同事讨论了一下这个,突然感觉概念有点模糊,特地记录一下。这个SESSION是WEB开发中常用的东东,一定要概念清晰。本文大部分内容来自网络结合自己的理解,如有雷同,不是巧合。

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绘制成图片或者视频录制。这里主要介绍一下关于拍摄照片和美化处理的一些相关知识。其他部分,关于音频和视频的录制,后期在追加。