前端

1. iframe作用

完全引入另外一个网址。

<iframe src="http://www.runoob.com">
  <p>您的浏览器不支持  iframe 标签。</p>
</iframe>

2.prop(),同attr()类似。不同的是，返回值可能会不同。

<input id="check1" type="checkbox" checked="checked">
<label for="check1">Check me</label>

 $("input").attr('checked')；总是返回checked

 $("input").prop('checked'))；返回为true或者false

$('#infoIframe').prop('src',root()+'/record/page?id='+data.id);

3.写js代码时，一定要用分号结尾。

4.写代码时，谨慎替换数据，不要为了什么原因乱改数据，即使后续测试发现没什么问题，也不允许这样做。

5.一般数据库常用的字段值或者作为判断的值，一定不要用中文。应该定义常量。

6.var index = $('li.active').index(); li索引

7.layui的导航

<ul class="layui-nav layui-nav-tree layui-bg-cyan layui-inline" lay-filter="demo">
  <li class="layui-nav-item layui-nav-itemed">
    <a href="javascript:;">默认展开</a>
    <dl class="layui-nav-child">
      <dd><a href="javascript:;">选项一</a></dd>
      <dd><a href="javascript:;">选项二</a></dd>
      <dd><a href="javascript:;">选项三</a></dd>
      <dd><a href="">跳转项</a></dd>
    </dl>
  </li>
  <li class="layui-nav-item">
    <a href="javascript:;">解决方案</a>
    <dl class="layui-nav-child">
      <dd><a href="">移动模块</a></dd>
      <dd><a href="">后台模版</a></dd>
      <dd><a href="">电商平台</a></dd>
    </dl>
  </li>
  <li class="layui-nav-item"><a href="">云市场</a></li>
  <li class="layui-nav-item"><a href="">社区</a></li>
</ul>

<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
layui.use('element', function(){
  var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
  
  //监听导航点击
  element.on('nav(demo)', function(elem){
    //console.log(elem)
    layer.msg(elem.text());
  });
});
</script>

8.注意别人的写法

var param = {id:$('#id').val(),oldPwd:oldPwd,newPwd:newPwd};
	        $.ajax({
	        	url:'${ctx}/updatePwd',
	        	data:param,
	        	type:'post',
	        	dataType:'json',
	        	success:function(e){
	        		var index = layer.msg(e.message);
	    			layer.style(index,{top:'200px'});
	        	},
	        	error:function(e){
	        		console.log(e,e.message);
	        		layer.msg('请看后台Java控制台，是否报错。',new Function());
	        	}
	        });

9.$('#newPwd').select();选择文本框

 $('#confirmPwd').focus();得到焦点

10.网页不能写项目名称，一定要规范。${ctx},root()

11.传一个list作为查询条件时，这样做好点。

 var json = [];
					 json.push({'field':''),operator:'',value:''});
map:JSON.stringify(json)
//后台：
String str = StringEscapeUtils.unescapeHtml(map);
			List<Conditon> list = JSON.parseArray(str, Conditon.class);

12 用索引号 $('.valueInput').eq(num).val('');

13.删除提示

parent.layer.confirm('您确定删除选中的记录？', {
			btn:['确定','取消'] //按钮
		},function(){
		 	$.ajax({
	        	url:root()+'/el',
	        	data:{ids:$('#id').val()},
	        	type:'post',
	        	dataType:'json',
	        	success:function(result){
		    		if(result.status == true){
		    			
		    		}
	        	},
	        	error:function(e){
	        		
	        	}
	        });
		});

14.img标签

<img src="${ctx}/common/style/images/gallery/aver.png" id="target"/>