刷前端面经笔记(一)

栏目: 数据库 · 发布时间: 6年前

1.CSS的盒子模型

包含元素内容 content 、内边距 padding 、边框 border 、外边距 margin

box-sizing : border-box ; content-box ; inherit ;

1) content-box :总宽度= margin+border+padding+width ,即为标准模型;

2) border-box :总宽度= margin+width ,即为IE模型;

3) inherit :继承父元素的 border-sizing 属性。

2.AJAX的readyState几种状态

0 ——初始化

1 ——载入

2 ——载入完成

3 ——解析

4 ——完成

3.常见的post提交数据方式对应的content-type取值

4

1) application/x-www-form-urlencoded :数据被编码为名称/值对,这是标准的编码格式。

2) multipart/form-data :数据被编码为一条消息,页上的每个控件对应消息中的一个部分。

3) application/json :告诉服务端消息主体是序列化后的 JSON 字符串.

4) text/xml

4.清除浮动的几种方法

1)父级 div 定义伪类: afterzoom

`.clearfloat::after {display:block; clear:both; content:" "; visibility:hidden; height:0;}

.clearfloat {zoom:1}`

2)在结尾处添加空 div 标签 clear:both
3)父级 div 定义 height
4)父级 div 定义 display:table

5)父级 div 也一起浮动

6)父级 div 定义 overflow:auto/hidden (必须定义 widthzoom:1 ,同时不能定义 height ,浏览器会自动检查浮动区域的高度)

5.Webpack解析ES6用的插件

babel-loader

6.移动端上click事件在某些浏览器有没有遇到延迟的问题

1)静止缩放

<meta name="viewport" content="width=device-width user-scalable='no' ">

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

2)引入`fastclick.js

window.addEventListen er(function(){

FastClick.attach(document.body);

1},false)`

7.HTTP的缓存机制

1)强制缓存:当所请求的数据在缓存数据库中尚未过期时,不与服务器进行交互,直接使用缓存数据库中的数据。

Expire / Cache-Control

2)协商缓存:从缓存数据库中取出缓存的标识,然后向浏览器发送请求验证请求的数据是否已经更新,如果已更新则返回新的数据,若未更新则使用缓存数据库中的缓存数据。

etag / last-modifind

刷前端面经笔记(一)


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

黑客大曝光

黑客大曝光

Joel Scambray、Vincent Liu、Caleb Sima / 姚军 / 机械工业出版社华章公司 / 2011-10 / 65.00元

在网络技术和电子商务飞速发展的今天,Web应用安全面临着前所未有的挑战。所有安全技术人员有必要掌握当今黑客们的武器和思维过程,保护Web应用免遭恶意攻击。本书由美国公认的安全专家和精神领袖打造,对上一版做了完全的更新,覆盖新的网络渗透方法和对策,介绍如何增强验证和授权、弥补Firefox和IE中的漏洞、加强对注入攻击的防御以及加固Web 2.0安全,还介绍了如何将安全技术整合在Web开发以及更广泛......一起来看看 《黑客大曝光》 这本书的介绍吧!

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

随机密码生成器
随机密码生成器

多种字符组合密码

MD5 加密
MD5 加密

MD5 加密工具