web app 前端框架---使用

一、[b]框架简介[/b]
1、[url=https://angularjs.org/]angular[/url]
[url=http://www.w3cschool.cc/angularjs/angularjs-tutorial.html]angular.js[/url]

mobile-angular-ui

2、[url=http://requirejs.org/]require[/url]

[url=http://www.w3cschool.cc/w3cnote/requirejs-tutorial-1.html]require.js 入门[/url]

[url=http://www.ruanyifeng.com/blog/2012/10/javascript_module.html]模块化前端js[/url]


3、[url=http://phonegap.com/]phonegap 官方[/url]、[url=http://www.phonegapcn.com/]中文网[/url]
phonegap

android app 使用phonegap 的[url=http://www.jb51.net/html5/80728.html]入门文章[/url]

注意：与android 集成时，文件名不能有中文。（汗）

4、[url=http://vuejs.org/]vuejs[/url]

[url=http://www.html-js.com/article/Vuejs-Chinese-entry-1-super-simple-MVVM]vuejs 入门[/url]

[url=http://jsfiddle.net/yyx990803/vjvMp/]vuejs 在线入门小例子[/url]

5、[url=http://zeptojs.com/]zepto[/url]

zepto 官网下载时，可以自己选择module 如果想用移动端设备的touch事件。将touch 这个模块的代码copy 到你下载的zepto.min.js 文件的下面。

6、[url=http://jquerymobile.com/]jquery mobile[/url]

[url=http://www.w3cschool.cc/jquerymobile/jquerymobile-tutorial.html]jquery mobile 教程[/url]

①、页面跳转时 加上属性 data-ajax="false" 。否则在不同文件间的跳转，样式加载不了。因为jqm 跳转的方式是ajax 无刷新的。用这个属性就是禁用它的ajax load 方式。
②、data-role="collapsible" 中的内容，如果是中文可以正常响应屏幕宽度。英文就会不能很好的自适应屏幕。【不知道为啥，这是个bug???】

③、[url=http://themeroller.jquerymobile.com/]自定义主题[/url]
theme css 我用的是1.4.4 版本的jquery mobile 。默认只有两套主题，一个灰A主题、一个黑B主题。
将主题Swatches 相关的css 从jquery.mobile-1.4.4.css 这个文件中拷贝一份相关主题的css 代码。另外新建一个css 文件(jqm.custom.theme.css)
这要你就可以随意修改里面的css 样式，达到你想要的主题。
这样你就可以引入你自己定义的主题了。

[url=http://www.wglong.com/main/artical!details?id=4#q10]新手问题[/url]


二、[url=http://nodejs.org/][b]nodejs[/b][/url]
[url=http://jingyan.baidu.com/article/a948d6515d4c850a2dcd2e18.html]nodejs 入门[/url]