我来了……

所有文章 第12页

认真学习快乐工作

Web前端安全之XSS攻击

1

chalecao 发布于 2015-10-30

XSS又称CSS,全称Cross SiteScript,跨站脚本攻击,是Web程序中常见的漏洞,XSS属于被动式且用于客户端的攻击方式,所以容易被忽略其危害性。其原理是攻击者向有XSS漏洞的网站中输入(传入)恶意的HTML代码,当其它用户浏览该网站时,这段HTML代码会自动执行,从而达到攻击的目的。如,盗取用户Cookie、破坏页面结构、重定向到其它网站等。

阅读(2461)

WebAR|深度学习

运动的场景

6

chalecao 发布于 2015-08-30

官方文档中其实给了很多的实例效果,可惜时间过得飞快,都没来得及仔细分析,学习。这一次让我们静下心,仔细的研究Three.js的每一个细节,终将成为这个领域的高手。不仅是成为three.js的高手,更重要的是理解图形学的概念,轻易掌握其他3D图形库。不是吹牛,大家阅读完这套课程,能够轻易的实现艳丽的粒子系统、模拟多种物理现象(如衣服在风中飘动),让浏览器中2D和3D混合等令人大饱眼福的效果。

阅读(594)

WebAR|深度学习

WebGL中的相机

11

chalecao 发布于 2015-08-28

在第一课里,我们提到后续课程会详细讲解相机,那么今天就是我履行诺言的时刻了。嘿,这一刻,有点激动,想到相机,大学时,一直想买一个单反,但是要1万多。工作后,当一个月的工资就能买一个单反时,内心充满了骄傲和自豪。所以,各位大大们,技术还是有用的,至少技术可以用来挣钱。

阅读(679)

WebAR|深度学习

点线面基本作图

3

chalecao 发布于 2015-08-28

在计算机世界里,3D世界是由点组成,两个点能够组成一条直线,三个不在一条直线上的点就能够组成一个三角形面,无数三角形面就能够组成各种形状的物体,如下图:

阅读(2112)

WebAR|深度学习

初始WebGL和ThreeJS

2

chalecao 发布于 2015-08-27

简而言之,WebGL是一种3D绘图标准,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的一个JavaScript绑定,WebGL可以为HTML5 Canvas提供硬件3D加速渲染,这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了,还能创建复杂的导航和数据视觉化。显然,WebGL技术标准免去了开发网页专用渲染插件的麻烦,可被用于创建具有复杂3D结构的网站页面,甚至可以用来设计3D网页游戏等等。 而ThreeJS是一个Javascript类库,用于方便再浏览器中使用js完成WebGL中3d场景的绘制,模型的渲染。

阅读(1316)

认真学习快乐工作

安装黑苹果常识

1

chalecao 发布于 2015-08-21

自从前年接触黑苹果到现在,以前的acer 4738g安装过黑苹果,自己的超极本acer W7安装过黑苹果,后来自己的thinkpad t520安装过黑苹果,到目前又要装联想G460, 大大小小安装黑苹果几十回了。这次总结一下基本常识,备忘或者分享。首先你要有一颗备受折腾的心态,忍受各种挫折。然后是坚持不懈的爬各个论坛,温baidu和google。最后就是动手实践,至少有两台电脑。

阅读(1941)

Ionic2|PWA

Hybrid_APP说一说

1

chalecao 发布于 2015-03-31

今年似乎正刮一阵Hybrid开发风,这里说说三款不同的Hybrid开发框架, Native.js , AppCan , Intel XDK,各自有不同的思路和实现,给Web开发者们提供了不同的App开发平台和能力,那就一个个分别说说。 教程索引:(持续更新) ionic中文教程

阅读(3001)

Ionic2|PWA

自动化测试之karma和jasmine

5

chalecao 发布于 2015-03-10

相信大家都知道测试的必要性,测试先行的概念。不过,写了这么多年的代码,除了之前用java的时候写过一些测试用例,还真的很少写过前端的测试用例,或者做一些自动化测试。感觉做单元测试还是很有必须的,它能帮助你整理思路,换个角度思考问题,发现bug。最近正好研究一下,之前了解到jasmine是做js单元测试的利器,karma是用来自动化运行分析统计单元测试的,结合karma-coverage还能统计代码覆盖率,这么牛的神器,一定要试一试。另外最后会介绍另外一个端到端的测试神器protractor,不过目前只能测试angular的应用。

阅读(2434)

脚本语言|必杀技

loopback中文教程

1

chalecao 发布于 2015-02-06

你还在为做服务端API烦恼吗?你想快速搭建一套高性能、可伸缩的、提供REST接口的后台服务API吗?那么,赶紧的,看看本篇教程吧,大家一块来学习LoopBack。本系列LoopBack中文教程参考loopback官网手册:http://docs.strongloop.com/display/public/LB/LoopBack ,结合作者个人经验锤炼而成,欢迎拍砖。

阅读(2566)

Ionic2|PWA

ionic文件选择与上传

2

chalecao 发布于 2015-01-07

采用ionic开发hybrid app混合应用,自然少不了使用文件选择和上传操作,经过皓眸哥左看看,右瞅瞅,有两种可以实现的方法: 1.采用cordova插件,需要使用js绑定事件操作,无法使用angular 2.使用ngCordova插件,这个是结合cordova与angular封装的,更多介绍参考ionic开发插件之ngCordova配置安装 本文给出一个使用ionic和ngCordova插件制作图片文件选择与上传的综合实例工程,并放在github上,你可以down下载作为种子项目开发,本人已经在android 4.4和ios 7.1上测试过,完美运行。

阅读(3194)

Ionic2|PWA

phoneGap之Android环境搭建

chalecao 发布于 2015-01-05

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

阅读(2403)

Ionic2|PWA

ionic中文javascript API(2)

3

chalecao 发布于 2014-10-20

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

阅读(1655)

Ionic2|PWA

ionic中文详解CSS组件(2)

13

chalecao 发布于 2014-10-09

接着上一篇ionic中文详解CSS组件(1),我这里将一些相关组件的介绍合在一起,给出综合例子和显示效果,方便自己查阅。另外官网的JS API介绍文档有问题,国内访问不能跳转,请参考我的另一篇ionic中文javascript API.

阅读(2412)

Ionic2|PWA

ionic中文教程

1

chalecao 发布于 2014-10-06

做前端的同学有福了,学完比较热火的angular,你就可以开始动手做静态的WebApp了,这是多么幸福的一件事啊。静态的WebApp,你可以做任何的Demo,甚至可以做一些通关小游戏这个先不谈。做完了WebApp之后,神器IonicFramework来了,只要你的App没有涉及像多媒体处理,特殊传感器的处理,你都可以通过ionic打包成apk或ios应用,不用改写或者改写小部分代码。这是多么神奇哈!

阅读(6679)

Javascript|Nodejs

正确使用“use strict”

1

chalecao 发布于 2014-09-19

看一些开源项目的时候,觉得别人的代码确实写得好,一些细节都做得很到位。这里介绍一下如何合理使用“use strict”,自己写一些js类库的时候,不放严格要就自己。从多角度考虑,避免细节出错。

阅读(3034)

脚本语言|必杀技

Bearer Token

1

chalecao 发布于 2014-08-13

上一篇博客中我详细说明了如何在web客户端和REST服务端建立token通信机制,详见使用json web token。本篇文章中,我主要介绍Bearer Token的相关定义与使用方法。以及安全性问题的一些处理对策。 转载请注明出处:http://www.haomou.net/2014/08/13/2014_bare_token/

阅读(9297)

脚本语言|必杀技

使用json web token

1

chalecao 发布于 2014-08-13

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

阅读(10799)

Ionic2|PWA

ionic中文javascript API(1)

4

chalecao 发布于 2014-08-11

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

阅读(2655)

Ionic2|PWA

ionic中文详解CSS组件(1)

34

chalecao 发布于 2014-08-09

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

阅读(6593)

脚本语言|必杀技

关于SESSION的理解

5

chalecao 发布于 2014-08-07

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

阅读(3180)

Ionic2|PWA

ionic框架配置

2

chalecao 发布于 2014-08-07

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

阅读(2321)

< Blog