html css 面试总结@酷酷的小航航

移动端1px问题，为什么会有？如何解决？

在移动端，屏幕分辨率的不同，一px渲染成二个像素点或者三个像素点。1px 可能被渲染为2px或者3px。
1.解决方法可以用媒体查询 transform：scale 来适配不同的分辨率
2.使用border-image来代替border
3.使用viewport+rem 通过js判断当前是几倍屏 来动态设置meta标签的内容

typeof和instanceof相同点与不同点

相同点 他俩都是用来判断一个变量是否为空，或者是什么类型
不同点
typeof 返回值是一个字符串，用来说明变量数据类型
typeof一般只能返回如下几个结果：number，boolean，string，function，object，undefined。
instanceof
返回值为布尔值
instanceof用于判断一个变量是否属于某个对象的实例

IOS和Android常见兼容问题

1.Android下滑动不流畅，这个滑动不流畅局限于局部的滚动，在css样式中加上 overflow-scrolling:touch；
2.ios下拉上滑 会出现出界情况 浏览器自带黑色背景色
使用scrollfix.js组件 进行设置。引入后加入 所要滑动的id模块
var scrollable1 = document.getElementById(“talklist”);

new ScrollFix(scrollable1);
3.在开发微信号时候 Android和ios下点击返回键，会直接关闭页面，对用户交互效果不好 所以要用js 控制返回键，返回到自己要去的页面

前端优化

页面优化http请求 代码级别的优化包含DOM操作优化，css选择符优化以及图片优化
优化 是让页面加载更快，对用户操作响应及时，为用户带来更好的体验。

减少http请求
DOM 操作 用classname 多元素设置，尽量使用css动画，适当使用canvas减少css表达式使用，使用时间代理
通过对图片的压缩来起到优化前端性能的作用
css样式

session+cookie 和 token有什么区别？

sessionStorage 关闭浏览器就会情况数据，储存大小约5M
locakStorage 永久生效，存储大小20M，多窗口下都可以使用只能出成字符串
cookie 会话机制 浏览器关闭就会失效

浏览器是如何记录用户登陆状态的？

第一种：将用户id和密码加密之后放在用户浏览器cookie里，设置一个很长的过期时间，每次登陆先解码，然后通过用户名密码验证用户

详述后台管理系统权限如何实现的？

一般分为俩种
1.接口访问权限控制
2.页面的权限控制
二 接口访问权限的控制
接口权限就是对用户的校验，在用户登录时服务器需要给前台返回一个token，然后前台每次调用低啊上token
服务端获取到这个token 进行比对
创建路由表 有些部分页面不需要访问权限 所以将需要登录 404 维护页面默认到路由中， 其他权限写到一个文件中
请求后台拿到数据 匹配到路由表
数据操作权限 每个路由增加meta字段，权限字段复制到routerMatch函数中

在JavaScript中什么是伪数组？如何将伪数组转化为标准数组

伪数组：无法直接调用数组方法length 属性有什么特殊的行为，扔可以对真正的数组遍历他们
如何转化 from 和 call

JavaScript中callee和caller的作用

callee是函数arguments对象内的指针，它指向当前的函数，使的在函数内部递归调用当前函数时，不需要调用函数名称，减少函数内部对于函数名的依赖
caller是函数的一个属性，它指向调用当前函数的函数，如果当前函数在其他函数内被调用，则返回调用它的函数，如果是在全局环境下调用返回null