我刚刚被告知,我必须使用的一些项目使用Ember.js框架.它看起来很有趣,我想获得更多的知识.我也看过官方网站,但我认为初学者仍缺乏适当的教程.而且,我只是掌握了Javascript的基本知识.我应该先从哪里开始?Javascript还是直奔Ember.js?
编辑:我很乐意看到所有Javascript开发人员和初学者如何开始学习Javascript的建议.
我打算做的是,阅读Eloquent Javascript并直接进入Ember.js.如果我被困在任何东西上,我可以参考SO.
我实际上是想在Handlebar.js上找到一些教程,我发现了这个http://javascriptplayground.com/blog/2012/05/javascript-templating-handlebars-tutorial
但它实际上并没有按预期工作.
我正在做的是我有一个index.html文件,
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="http://cloud.github.com/downloads/wycats/handlebars.js/handlebars-1.0.0.beta.6.js" type="text/javascript" charset="utf-8"></script>
<script src="app.js" type="text/javascript" charset="utf-8"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Messing with Handlebars</title>
</head>
<body>
<script id="ajax-comment" type="text/x-handlebars-template">
<li>
<span class="meta">{{name}} on {{date}}</span>
<p>{{comment}}</p>
</li>
</script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
以及包含代码的app.js.
var source = $("#ajax-comment").html();
var template = Handlebars.compile(source);
var data = {
name : "Jack",
date : "12/04/12",
comment : "This is a really awesome tutorial. Thanks."
};
$("ul").append(template(data));
Run Code Online (Sandbox Code Playgroud)
但我得到的只是一个空白页面.我在这里犯的任何错误?详细解释会有所帮助.
我第一次遇到Amazon SQS和Amazon SNS.我将在Java工作地点使用这些工具.
我有几个关于这些的问题,
我没有那么多的Java知识,我不能说我已经走了那么先进,但是我可以说我有中级知识.那么我可以触摸这些区域吗?
这些服务究竟是什么以及它们如何有用?一个真实世界的例子会很有用.
任何建议或评论都会有用.
我想要做的是,每当用户停止在'projectname'字段中输入内容时进行ajax调用并对数据库进行检查并显示一条错误消息,说"它存在".但是按键事件没有按预期工作,首先它省略了输入的第一个字母,因此字不会完全发送到数据库.
这是我的Controller:
App.ProjectController = Ember.ArrayController.extend({
actions : {
createNew : function() {
data = {
projectname : this.get('projectname'),
projectdesc : this.get('projectdesc'),
projectbudget : this.get('projectbudget'),
};
console.log(JSON.stringify(data));
//console.log(id);
$.ajax({
type : "POST",
url : "http://ankur.local/users/createNewProject",
data : data,
dataType : "json",
success : function(data) {
console.log('success');
//alert('');
}
});
alertify.success("Project Created");
this.set('projectname', "");
this.set('projectdesc', "");
this.set('projectbudget', "")
return false;
},
checkName: function(){
data = {
projectname : this.get('projectname'),
};
var checkedName = $.ajax({
type : "POST",
url : "http://ankur.local/users/checkProjectName", …Run Code Online (Sandbox Code Playgroud) 我正在尝试使用Zurb的Foundation 3.他们的一个特点是称为轨道滑块,我试图用它.但我收到此错误,还有一个错误,
未捕获的ReferenceError:未定义jQuery
未捕获类型错误:对象[对象对象]没有方法'轨道'
这是我的代码:
html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Mama's Kitchen</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="stylesheets/app.css" />
<link rel="stylesheet" type="text/css" href="stylesheets/foundation.css" />
<link rel="stylesheet" type="text/css" href="stylesheets/foundation.min.css" />
<script type="text/javascript" src="javascripts/modernizr.foundation.js"></script>
<script type="text/javascript" src="javascripts/app.js"></script>
<script type="text/javascript" src="javascripts/foundation.min.js"></script>
<script type="text/javascript" src="javascripts/jquery.foundation.accordion.js"></script>
<script type="text/javascript" src="javascripts/jquery.foundation.alerts.js"></script>
<script type="text/javascript" src="javascripts/jquery.foundation.buttons.js"></script>
<script type="text/javascript" src="javascripts/jquery.foundation.forms.js"></script>
<script type="text/javascript" src="javascripts/jquery.foundation.mediaQueryToggle.js"></script>
<script type="text/javascript" src="javascripts/jquery.foundation.navigation.js"></script>
<script type="text/javascript" src="javascripts/jquery.foundation.orbit.js"></script>
<script type="text/javascript" src="javascripts/jquery.foundation.reveal.js"></script>
<script type="text/javascript" src="javascripts/jquery.foundation.tabs.js"></script>
<script type="text/javascript" src="javascripts/jquery.foundation.tooltips.js"></script>
<script type="text/javascript" src="javascripts/jquery.js"></script>
<script type="text/javascript" src="javascripts/jquery.placeholder.js"></script>
<script …Run Code Online (Sandbox Code Playgroud) javascript ×3
ember.js ×2
ajax ×1
amazon-s3 ×1
amazon-sns ×1
amazon-sqs ×1
css ×1
java ×1
jquery ×1