jQuery
var jq = document.createElement('script'); jq.src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"; document.getElementsByTagName('head')[0].appendChild(jq); // ... give time for script to load, then type (or see below for non wait option) jQuery.noConflict();
jQuery Mobile会通过Ajax加载链接页面,这令页面切换很流畅,也不会出现404的空白页。但是这种技巧带来很多JS和CSS加载的问题。简单来说,jQuery Mobile只会加载新页面的body部分。更具体的描述见下面文章:
http://www.gajotres.net/how-jquery-mobile-page-handling-affects-javascript-executions/
http://demos.jquerymobile.com/1.3.2/faq/scripts-and-styles-not-loading.html
很久没有看到让我这么兴奋的东西(尽管jQuery Mobile不是新东西)
http://w3school.com.cn/jquerymobile/index.asp
自助配色网站:https://themeroller.jquerymobile.com/
绿色主题:https://github.com/ququplay/jquery-mobile-flat-ui-theme
Flat-UI有个Bootstrap版本的彩色主题:http://designmodo.github.io/Flat-UI/
下面是一篇关于Bootstrap和jQuery Mobile的比较:
http://www.gajotres.net/bootstrap-or-jquery-mobile-pros-and-cons/
总结里面一些观点:
- Bootstrap做出来的更像桌面网站,而jQuery Mobile更像手机网站。
- Bootstrap更多地使用CSS实现其功能,而jQuery Mobile是JS。JS会比较慢。
- 两者可以同时使用。
- Google的时候,Bootstrap更容易找到答案,而jQuery Mobile会有版本和关键字不清晰的问题
http://www.nowcoder.com/intelligentTest,注册账号,勾选JavaScript
function css(a) {
var sheets = document.styleSheets, o = {};
for (var i in sheets) {
var rules = sheets[i].rules || sheets[i].cssRules;
for (var r in rules) {
if (a.is(rules[r].selectorText)) {
o = $.extend(o, css2json(rules[r].style), css2json(a.attr('style')));
}
}
热门内容
最新内容
- 1 day 15 hours ago
- 1 day 17 hours ago
- 4 days 16 hours ago
- 4 days 16 hours ago
- 4 days 16 hours ago
- 4 days 16 hours ago
- 5 days 17 hours ago
- 3 weeks 1 day ago
- 1 month ago
- 1 month ago
最新评论