前端技巧与实践-优快云博客

本文介绍了前端开发中的实用技巧，包括使用equals与==的区别、通过Ajax提交表单避免页面跳转、响应式与自适应布局的区别、display:inline-block的用法、不同内边距设置的方法、MySQL中联合查询的应用。

2019独角兽企业重金招聘Python工程师标准>>>

1.equals比较的是两个内容是否相同 ==比较的是两个地址是否相同

2.提交form表单会发生相应的跳转,此处可以用ajax提交form表单

$("#submitButton").click(function(){
				
				$.ajax({
					url : 'createArticle',
					type : 'post',
					dataType : 'json',
					data : $('#submitForm').serialize(),
				    traditional: true,
				    success: function(data) {
				    	if(data.msg == true){
				    		layer.msg("Create Article Success!",{icon : 1});
				    	}else{
				    		layer.msg("Create Article Fail!",{icon : 5});
				    	}
				    },
				    error: function(data) {  
				    	layer.msg("NetWork Fail!",{icon : 5});
				    }
				 });
			});
3.HTML布局有响应式布局(浏览器缩小,内容自动换行)和自适应布局(浏览器缩小,内容被掩盖)

4.display:inline-block(inline代表排在一行,block可以设置高度和宽度)

5.padding:15px;代表每个边拥有相等的内边距 padding:10px 15px;代表上下内边距为10px,左右内边距为25px;

6.padding-left:2em;代表每行缩进2个字符

7.text-indent:2em;代表首行缩进2个字符

8.MySQL左右外内链接的是2个表,union all可以链接2个结果集(结果集的字段需要一致)

转载于:https://my.oschina.net/Tsher2015/blog/1082929