2017.7月(关于vertical-align等)

1.Jquery 可以使用$('.class',$object)的形式，$object是jQuery对象，在该对象的子元素中查找'.class'

 

2.line的问题，input和button作为inline-block的对齐问题

 

3.逗号表达式

 

4.jQuery  load方法（Ajax） 

   $("#result").load("ajax/test.html");

 

5.form 通过action提交时，如果是get请求则action的url中不能带参数，因为submit时会把表单中的数据拼接到url中，原来action中的参数会被覆盖掉，如果是post请求则可以在action的url中在问号后面带参数。

jQuery的form插件中ajaxsubmit可以隐式提交表单，method和url等如果不设定则默认与调用该方法的form元素的相同。

 

6. linebox模型和vertical-align:

line-box由一个个inline-box组成，行内替换元素(img,input及后天通过display改成inline-block的元素)的inline-box的高度就是自身内容高度(height+padding+margin模型)，line-height对其自身无效，但可以使内部的子元素继承。

对于不能改变height的行内非替换元素(span等)，可以通过line-height设置inline-box的高度。

总结：每个inline-box有且只有一种确定高度的方法，要么通过height+padding+margin，要么通过line-height

line-box的基线确定方法：其内部匿名文本内容box的基线，基线会随同个line-box内其他inline-box的大小和对齐方式而变化，上下浮动等。所以只改变一个inline-box，也会影响其他inline-box的上下位置（因为存在依赖line-box基线或顶部/底部位置的对齐方式）

参考：http://christopheraue.net/2014/03/05/vertical-align/

测试：http://www.zhangxinxu.com/study/201005/verticle-align-test-demo.html

 

7. ajax和form提交可以使用相对路径或绝对路径或站内根路径

 

8. 如何理解async和await ：

await必须出现在async中。async函数就是把会产生异步操作的代码包起来的一个包装，它在内部执行时遇到await语句就跳出async函数，去执行函数外的后面的语句。await 是会阻塞它所在的async函数内部的后面的代码的。（但是不会阻塞async函数外的后面的代码）这就是async配合await使用的意义。

await后跟的是异步操作，原来写在回调函数中的代码只要像同步一样直接写在await后面就可以了。

参考：https://segmentfault.com/a/1190000007535316