结尾
学习html5、css、javascript这些基础知识,学习的渠道很多,就不多说了,例如,一些其他的优秀博客。但是本人觉得看书也很必要,可以节省很多时间,常见的javascript的书,例如:javascript的高级程序设计,是每位前端工程师必不可少的一本书,边看边用,了解js的一些基本知识,基本上很全面了,如果有时间可以读一些,js性能相关的书籍,以及设计者模式,在实践中都会用的到。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
}
KaTeX parse error: Expected 'EOF', got '#' at position 3: ('#̲commentServiceV…(this).index());
});
$(“.icons_food”).on(“click”,“i”,function(e){
var index=$(this).index()+1;
var max=$(“.icons_food i:last”).index()+1;
for(var i=1;i<=index;i++){
$(“.icons_food i:nth-child(”+i+“)”).addClass(“mui-icon-star-filled”);
}
for(var i=index+1;i<=max;i++){
$(“.icons_food i:nth-child(”+i+“)”).removeClass(“mui-icon-star-filled”);
}
KaTeX parse error: Expected 'EOF', got '#' at position 3: ('#̲commentFoodValu…(this).index());
});
$(document).ready(function() {
$(“#commentImage”).change(function() {
var fileReader = new FileReader();
fileReader.onload = function(e) {
$(“#previewImage”).append(“”);
};
var imageFile = this.files[0];
fileReader.readAsDataURL(imageFile);
});
$(“#commentSubmitBtn”).click(
function() {
var xhr=new XMLHttpRequest();
xhr.open(“post”, adminUrl + “page/service/evaluateAddSubmit”);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4) {
if(xhr.status == 200){
mui.alert(“评论提交成功,谢谢您的宝贵意见”,“温馨提示”,“确认”, function(e){
if(e.index==0){
// window.location.reload();
location.href = ‘index.html’;
}
});
}else{
mui.alert(“评论提交失败,请重新设置”,“温馨提示”,“确认”, function(e){
if(e.index==0){
window.location.reload();
}
});
}
}
};
var commentImage = $(“#commentImage”)[0].files[0];
var commentImageValue = $(‘input[name=“commentImage”]’).val();
var commentEnvironmentValue=$(“#commentEnvironmentValue”).val();
var commentServiceValue=$(“#commentServiceValue”).val();
var commentFoodValue=$(“#commentFoodValue”).val();
var commentInfo=$(“#commentInfo”).val();
var commentEmail=$(“#commentEmail”).val();
var regEmail = new RegExp(“1+([._\-][a-z0-9])@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$”);
if(commentEnvironmentValue==“”){
mui.alert(“机舱环境星级值不能为空”,“温馨提示”,“确认”);
return false;
}else if(commentServiceValue==“”){
mui.alert(“服务态度星级值不能为空”,“温馨提示”,“确认”);
return false;
}else if(commentFoodValue==“”){
mui.alert(“用餐口味星级值不能为空”,“温馨提示”,“确认”);
return false;
}else if(commentInfo==“”){
mui.alert(“请填写您的意见或建议”,“温馨提示”,“确认”);
return false;
}else if(commentEmail==“”){
mui.alert(“请留下您的邮箱地址,我们会将反馈结果及时反馈给您”,“温馨提示”,“确认”);
return false;
}else if(!regEmail.test(commentEmail)){
mui.alert(“您填写的邮箱格式不正确,请重新输入”,“温馨提示”,“确认”);
return false;
}else if(commentImageValue==“”){
mui.alert(“请对您认为不好的地方留下一张图片,方便我们定位问题”,“温馨提示”,“确认”);
return false;
}else{
var commentForm = new FormData();
commentForm.append(“commentEnvironmentValue”,commentEnvironmentValue);
commentForm.append(“commentServiceValue”,commentServiceValue);
commentForm.append(“commentFoodValue”,commentFoodValue);
commentForm.append(“commentInfo”,commentInfo);
commentForm.append(“commentEmail”,commentEmail);
commentForm.append(“commentImage”, commentImage);
xhr.send(commentForm);
}
});
});
vue加原生js
评价
- 机舱环境
-
v-bind:key=“index”>
- 服务态度
-
v-bind:key=“index”>
- 用餐口味
-
v-bind:key=“index”>
<input type=“file” id=“commentImage” name=“commentImage” style=“margin-left: 15px;” accept=“image/*;”
@change=‘onUpload’>
<button type=“button” class=“mui-btn mui-btn-primary” @click=“submitBtn” style=“width: 100%; padding: 15px;”
id=“commentSubmitBtn”>提交评论