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

TongQiHang

于 2019-12-16 11:18:24 发布

阅读量162

点赞数

分类专栏： css C3 HTML1

本文链接：https://blog.csdn.net/kukuhang/article/details/103559357

版权

css 同时被 3 个专栏收录

4 篇文章 0 订阅

订阅专栏

4 篇文章 0 订阅

订阅专栏

HTML1

4 篇文章 0 订阅

订阅专栏

移动端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函数中