web app 前端框架---使用

zmminer 2014-10-01

一、框架简介

1、angular

angular.js

mobile-angular-ui

2、require

require.js入门

模块化前端js

3、phonegap官方、中文网

phonegap

androidapp使用phonegap的入门文章

注意:与android集成时,文件名不能有中文。(汗)

4、vuejs

vuejs入门

vuejs在线入门小例子

5、zepto

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

6、jquerymobile

jquerymobile教程

①、页面跳转时加上属性data-ajax="false"。否则在不同文件间的跳转,样式加载不了。因为jqm跳转的方式是ajax无刷新的。用这个属性就是禁用它的ajaxload方式。

②、data-role="collapsible"中的内容,如果是中文可以正常响应屏幕宽度。英文就会不能很好的自适应屏幕。【不知道为啥,这是个bug???】

③、自定义主题

themecss我用的是1.4.4版本的jquerymobile。默认只有两套主题,一个灰A主题、一个黑B主题。

将主题Swatches相关的css从jquery.mobile-1.4.4.css这个文件中拷贝一份相关主题的css代码。另外新建一个css文件(jqm.custom.theme.css)

这要你就可以随意修改里面的css样式,达到你想要的主题。

这样你就可以引入你自己定义的主题了。

新手问题

二、nodejs

nodejs入门

相关推荐