本节：工作中经常会从别的项目复制一样的功能来使用。以下，是在此过程中，一不小心就会踩到的坑。
1.前端写好了，但是调取接口有问题，还有可能是没有更新后端的代码，更新一下代码及就可以了。
2.复制代码，替换关键参数的时候，要注意区分大小写；创建文件的时候，链接的路径的文件名字也要注意区分大小写，否则可能报错。
3.复制了代码，但是功能没有用，可能是功能函数没有复制过来，一般是忘记引入j对应s文件了。
4.找不到页面对应的提示。找不到对应的代码，一种情况是没有引入，第二种情况是，对应的代码，或者提示是变成变量组合来的内容。
5.如果原来代码可以用的话，但是自己复制过来遇到了问题，重新复制一份新的代码，是比找错误更快的方法。
6.遇到页面上乱码的问题，就是把对应文件的编码语言，改成utf-8,页面可以正常显示中文之后，然后把对应错误的代码，改成正确的中文就可以了。
7.遇到没有任何报错的情况，但是就是有问题的情况，认真的把全部每一行代码都仔仔细细的看。
8. 做每一个小选择都要谨慎，避免浪费时间，多花时间思考，而不是盲目的改代码。
9.给后端传数组格式的信息，遇到了问题，应该传的是 . 的,但是我传过去的是有 [ ]，后面发现是因为后端加密了，前端也加密就可以了。
vue后台传参的流程： 引入vue.
send() {var that=this;
var params = {'inquiry.corporationname':encodeURIComponent($("#u912").val()),}; $.post('../inquiry/add.action', params, function(res){if (res.result.indexOf("保存成功")>-1) {alert("发送成功！");}
else{
alert(res.result);} });},
10.使用myesclipse，没法提交内容的时候，可能是因为之前的需要更新的内容，更新一下就好了。
11.有时候div 找不到内容的时候，查看网页源代码，是按顺序排的页面
12.从别的地方复制过来的，路径地址记得改。
13.如果后端接口是一样，但是前端写接口代码是不一样版本，这是就的对参数传参是不是一样的，打开源代码框架，然后看浏览器
14.如果遇到两个按钮冲突没法实现功能，就写两个方法就好了。判断一下子不写太多判断条件，可以分来两个方法写。
//日期，升序，降序changeData(){if(vm.res.order=="asc"){ $("#dataID").attr("href","productpublish-main.html?page=1&idtype="+vm.res.idtype+"&typeid="+vm.res.typeid+"&orderby="+vm.res.orderby+"&order=desc");$("#dataIDjiantou").html("↑");}else { if(vm.res.order=="desc" ){$("#dataID").attr("href","productpublish-main.html?page=1&idtype="+vm.res.idtype+"&typeid="+vm.res.typeid+"&orderby="+vm.res.orderby+"&order=asc");//$("#dataIDjiantou").html("↓");document.getElementById("dataIDjiantou").innerHTML = "↓";}}},最近经常用到的代码：
（1）.JS
改对应id的值： document.getElementById('u557_text').innerHTML ="xxx没喵喵喵"；
修改对应id值： $("#areaid").val("1");
清空对应id值：$("#areaid").val("");
改对应id的样式：document.getElementById("u2_img22").style.display="none";
改对应id的样式： $("#u3_img").css("background-color","black")；
改对应class的图片路径： $(".img_6").attr("src","../"+img1[0].photopath);
赋值：document.getElementById("zhengc_3").value = vm.datas.minquantity;
$('#s1').text(product[0].name);//文本
$('#s1').attr('src',product[0].name);//视频/路径/图片
$('#s1').html(product[0].name);//标签<p></p >
$('#s1').val(product[0].name);//表单
（2） 样式
overflow: hidden; /*自动隐藏文字*/
text-overflow: ellipsis;/*文字隐藏后添加省略号*/
white-space: nowrap;/*强制不换行*/
强制置顶：display：flex; postion:relation;
超过自动换行：disflex:flex;flex-warp:warp;
