为了账号安全,请及时绑定邮箱和手机立即绑定
为什么前段开发的图片是妹子而后台开发是大叔?

最新回答 / 许云峰
跨域了,配置一下浏览器支持file协议
除了笔记其他都差不多做了:https://github.com/Cuiying/Handlebars
note.png是什么样的?
好像大部分都是没有笔记。。。。。。hasnote=0
添加
$.ajaxSetup({
error: funcion(){
console.log("error ajaxSetup");
alert('调用接口失败');
return false;
}
});
之后会报错,why?
data.data害了我好苦啊 重看好几遍才发现这个错误
卡片部分样式四
.classes .subtitle {
font-size: 14px;
margin-top: 10px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.classes .short {
color: #D64BD3;
}
.classes .long {
color: #D6984D;
}
纯手打,如有错请自行修改。发言有字数限制所以分开发了。
卡片部分样式三
.classes .titlediv {
font-size: 20px;
margin-top: 10px;
}
.classes .title {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 70%;
display: inline-block;
}
.classes .note {
font-size: 14px;
vertical-align: text-top;
}
卡片部分样式二
.classes li {
float: left;
width: 29%;
text-align: left;
margin-left: 2%;
margin-right: 2%;
margin-top: 20px;
}
.classes li:hover {
cursor: pointer;
box-shadow: 10px 10px 20px gray;
}
.classes .innerbox {
width: 90%;
margin: 20px auto;
}
.classes img {
width: 100%;
}
卡片部分样式一
.classes, .pag {
min-width: 1000px;
margin: 0px auto;
width: 100%;
}
.classes {
float: left;
}
.pag {
clear: both;
}
.classes ul {
margin-top: 20px;
margin-bottom: 20px;
width: 100%;
float: left;
}
*{padding: 0px;margin: 0px;}
li{list-style-type: none;}
.banner{
width: 100%;
height: 200px;
background-color: #EEE;
display: inline-block;
}
.banner h1{font-size: 60px;margin-top: 40px;margin-left: 20px;}
.banner h3{
font-size: 20px;
margin-top: 20px;
color: #6A6A6A;
margin-left: 20px;
}
课程:http://imoocnote.calfnote.com/inter/getClasses.php?curPage=1
课程大纲:http://imoocnote.calfnote.com/inter/getClassChapter.php?cid=1
笔记内容:http://imoocnote.calfnote.com/inter/getClassNote.php?cid=1
哇,这个handlebars跟react,vue比起来真的是很难受啊,JS不是JS,HTML不是HTML,怎么看都丑。。。
课程须知
学习本课程之前,您需要掌握HTML、CSS、JavaScript,jQuery以及ajax和jSon等知识,并且能够熟练运用。
老师告诉你能学到什么?
通过使用模板Handlebars.js来实现页面的渲染,比起以前使用ajax和json来渲染页面要快很多,性能也提高了许多。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消