0%

前端基础Html Css Js

仅记载真实面试中出现的(阿里前端)

html

  1. 块级元素和行内元素的区别
    • 行内元素a,img,input,lable,select,span,textarea,font:  
      • 可多个并排
      • 不可设置宽高
    • 块级元素div,p,table,form,h*,dl,ol,ul,li:
      • 不可
      • 可(宽度默认父级的100% # css
  2. 块居中
    • x
      • 块内行父text-align: center
      • 块内块子margin: 0 auto
      • 多块子display: inline-block(套1) 父text-align: center
    • y
  3. position
    • absolute
      • 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。
      • 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
    • fixed
      • 生成绝对定位的元素,相对于浏览器窗口进行定位。
      • 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
    • relative
      • 生成相对定位的元素,相对于其正常位置进行定位。
      • 因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。
    • static
      • 默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, * left, right 或者 z-index 声明)。
      • inherit 规定应该从父元素继承 position 属性的值。
  4. 充满页面 div { position: absolute; top: 0; bottom: 0; } .children{ height: calc(100% - 187px); }

http

  1. 如何post图像(文件)? rfc186用以支持文件上传。所以Content-Type的类型扩充了multipart/form-data用以支持向服务器发送二进制数据。因此发送post请求时候,表单属性enctype共有二个值可选,这个属性管理的是表单的MIME编码:

①application/x-www-form-urlencoded(默认值) ②multipart/form-data 其实form表单在你不写enctype属性时,也默认为其添加了enctype属性值,默认值是enctype=“application/x- www-form-urlencoded”. 原文:https://blog.csdn.net/xiaojianpitt/article/details/6856536

表单如下:

疑问

post和get

看到这里的姐妹一看就要暴富暴美,为什么不让这一天提前一点呢ヾ(≧▽≦*)o