我在那里找到了很多HTML5 UI框架,例如:
我有点不知所措的那么多资源.看了一些,但几乎所有看起来都太慢和重量级.
我对将要学习哪一个感到困惑.他们的每个网站都在谈论他们的产品,就好像他们是市场上最好的产品一样.(明显的营销策略).
作为Web应用程序开发和客户端JS UI框架的初学者; 你们,根据你的经验考虑速度,小部件集合,复杂性,外观,支持等,你推荐哪些快速桌面Web应用程序开发？
你建议我开始学习哪一个？
我知道可能有很多答案,每个人都喜欢不同的答案,但这可能有助于指导我一些,并对一些最流行的框架有一些批评.
user-interface html5 frameworks web-applications javascript-framework
我正在使用的其中一个webapp由许多部分HTML文件组成.如果partial需要一个JavaScript库,例如YUI,则YUI库包含在partial中.
当部分在运行时组合时,生成的HTML通常会多次包含YUI库.
<html>
...
<script type="text/javascript" src="/js/yahoo/yahoo-min.js"></script>
...
<script type="text/javascript" src="/js/yahoo/yahoo-min.js"></script>
...
<script type="text/javascript" src="/js/yahoo/yahoo-min.js"></script>
...
</html>
我已经看过几次包含jQuery的奇怪行为,特别是在使用AJAX时.具体来说,为什么不止一次将同一个JavaScript库包含在一个坏主意中呢？为什么它有时只会引起问题？
我有字符串数组
"美国","加拿大","阿根廷","亚美尼亚","阿鲁巴","澳大利亚","奥地利","阿塞拜疆","巴哈马","孟加拉国","白俄罗斯","比利时"**,......等
我想从字符串数组创建一个动态列表,如下所示: -
<ul class="mylist" style="z-index: 1; top: 474px; left: 228px; display: none; width: 324px;" >
<li class="ui-menu-item" role="menuitem">
<a class="ui-all" tabindex="-1">
United States
</a>
</li>
<li class="ui-menu-item" role="menuitem">
<a class="ui-all" tabindex="-1">
Canada
</a>
</li>
<li> .... </li>
.....
</ul>
如何使用jQuery？
似乎有很多方法来设置JavaScript应用程序,因此对于哪一个是正确的还是最好的而言令人困惑.以下技术或更好的方法有什么不同吗？
MyNamespace.MyClass = {
someProperty: 5,
anotherProperty: false,
init: function () {
//do initialization
},
someFunction: function () {
//do something
}
};
$(function () {
MyNamespace.MyClass.init();
});
其他方式:
MyNamespace.MyClass = (function () {
var someProperty = 5;
var anotherProperty = false;
var init = function () {
//do something
};
var someFunction = function () {
//do something
};
return {
someProperty: someProperty
anotherProperty: anotherProperty
init: init
someFunction: someFunction
};
}());
MyNamespace.MyClass.init();
第一种技术感觉更像是一门课.如果这有所不同,我来自服务器端背景.第二种技术似乎更冗余,有点尴尬,但我看到这也使用了很多.有人可以帮助解决一些问题并建议前进的最佳方式吗？我想创建一个有很多类相互交流的应用程序.
javascript oop javascript-framework javascript-objects javascript-namespaces
我对backbone.js很感兴趣.但是当我在学习时,在创建结构时会有很多困惑.有人能给我看一个简单的教程吗？
这对所有新学员都非常有用.
来自asp.net MVC 3.在MVC4中,他们介绍了WebAPI.能够在javascript中完成所有视图/路由代码并且只依赖于MVC for API会很高兴.非常酷,webapi可以独立于IIS运行!
话虽如此:
是否有任何页面框架可以利用KnockoutJS,它类似于我的模型如下:
Framework.RegisterRoutes(..,mainViewModel);//sets the CurrentViewModel?
每个路由都是viewModel的单独文件,以及要注入主视图的视图
var mainviewModel= function(){
var self = this;
self.CurrentViewModel = ko.observable();
...
return self;
}
<div id="mainPageContent" data-bind:'html:CurrentViewModel.Render'>
</div>
我知道很多这可以通过self实现,但不知道如何实现寄存器路由/加载单独的文件
我觉得knockoutjs的主要优点是能够不干涉你编码js的方式(即只要交互对象可观察就构建一个对象/框架你想要的方式)
我在我的firefox附加组件中使用Jasmine(用于JavaScript的BDD测试框架)来测试我的代码的功能.
问题是茉莉正在将测试结果输出到HTML文件,我需要的是Firebug Console或其他输出结果的解决方案.
重要提示:许多教程都是旧的,不应该遵循.当前版本的jQuery Mobile是1.0!查看链接时请小心
我已经更新了我的答案,为最终版本指出了正确的资源
我想知道是否有一个经验丰富的jQuery教程 - 了解新jQuery mobile的一些约定,因为它将很快发布.我特别喜欢那些展示如何制作示例应用程序的应用程序,但请发布您认为最合适的内容.唯一需要的是它显示了JS和jQueryMobile引入的新事件的一些用法.所以这不是关于基础教程的问题.
旧基础教程:
我显然已经用谷歌搜索了它并得到了这些:http ://blogfreakz.com/mobile-development/jquery-mobile-tutorials/ [< - 这链接到一个链接到5个教程的页面]这些都显示了这个想法,但不是对于jQuery开发人员来说真的很有趣.
This here has some actual jQuery code in it, but not much: http://thoughtsunlimited.net/intro-to-jquery-mobile/
So this question is mostly to people that have already tried out some tutorials and know what they'd recommend. I think this question might be useful to people in the future.
Bounty will be awarded to an answer that links to tutorials covering the …
我有一个Backbone.js模型,当用户点击模型视图中的链接时,我试图销毁它.视图是这样的(伪代码,因为它是在CoffeeScript中实现的,可以在问题的底部找到).
var window.ListingSaveView = Backbone.View.extend({
events: {
'click a.delete': 'onDestroy'
},
onDestroy: function(event){
event.preventDefault();
this.model.destroy({
success: function(model, response){
console.log "Success";
},
error: function(model, response){
console.log "Error";
}
});
}
});
当我单击delete浏览器中的链接时,Error即使我的服务器记录成功销毁关联的数据库记录并返回200响应,我也总是登录到控制台.当我刷新页面(导致集合从数据库重新渲染)时,我删除的模型将消失.
有趣的是,当我登录response错误回调时,它具有200表示成功的状态代码,但它也报告了statusText: "parseerror"这意味着什么.我的服务器日志中没有错误.
我究竟做错了什么？
这是来自服务器的响应:
Object
abort: function ( statusText ) {
always: function () {
complete: function () {
done: function () {
error: function () {
fail: function () {
getAllResponseHeaders: function () { …javascript ruby-on-rails javascript-framework backbone.js ruby-on-rails-3
我总是被告知这是一个很好的做法(ala'不引人注目的javascript')将JavaScript与HTML标记分开.但是,我已经看到了与一些新的和流行的框架相反的趋势,如Bootstrap,Angular.js和Ember.js.有人能告诉我为什么这不被认为是不好的做法？
javascript javascript-framework twitter-bootstrap ember.js angularjs
javascript ×5
backbone.js ×2
jquery ×2
angularjs ×1
ember.js ×1
frameworks ×1
html5 ×1
jasmine ×1
jquery-ui ×1
knockout.js ×1
oop ×1