(前端面试题大全,持续更新)https://www.cnblogs.com/zzcyeah/p/11070480.html
- 常用的块级元素和行内元素有哪些?说说他们的特点?
- 浮动产生的原因?清除浮动?
- 说说一下盒模型
- float和position一起用是什么效果
- rem用过吗?做不同手机的适配怎么做?
- script的async有什么用?defer?
- 给页面注入50万个li怎么做提升性能?
- 你一般用的MIME类型有哪些?
- BFC/margin塌陷
- 说一下伪类?伪元素?
- fileReader用过吗?base64编码原理?
- canvas和svg的区别
- 布局(盒子模型布局,position的布局,flex布局,grid布局)
- .position包含哪几个值?
- 画一个圆形,正方形,三角形
- 屏幕任意显示【2,8】个圆形或正方形,颜色各不相同(拼接)
- 三列布局,左右两边固定,中间自适应。
- 浮动布局有哪些特性,BFC具体是什么,渲染有啥区别,IFC?
- 为啥加了cleat:both 就可以清除浮动,为啥呢(不是问你有啥效果,是原理是啥)
- 垂直居中(css实现div垂直居中,高是宽的50%,然后左右margin25px/一个矩形,水平垂直居中,且宽高比为 2:1)
- svg canvas的区别
- 对h5的语义化的理解
- 整个页面只有div会有什么问题???整个页面只用p有什么问题???
- html里面的meta标签有哪些?
- 重排和重绘是什么
- css 动画怎么实现,有哪几种方法
- css实现进度条
- 一个模态窗口,要从窗口下面向上弹的动画
- .H5的新特性,语义化
- input属性相关,以及怎样做的文件上传
- transform transition与animation
- 实现一个单行容器内:左边一行文字,右边一个btn,文字边长过程中,不会把btn挤下去,而是文字超出省略(单行文本溢出,多行文本溢出把代码实现写出来)
- 页面卡顿
- 浏览器的渲染过程,Virtual DOM,直接操作DOM的弊端
- 你有canvas的经验,你可以大概说一下如何实现一个普通canvas的过程吗?可以写一下吗?
- h5兼容问题
- list的无限滚动---节流
- 如何实现在图片被加载之前的占位符一个image,宽高比16:9
- H5中边框为1px的设置
- css单位
- 两种盒模型分别适用于什么情况?
- 替换元素
- 虚拟dom的作用
- 懒加载怎么实现
- socket.io的原理,也就是websocket(这里讲了一下比较websocket和http的区别)(我觉得可以从跨域,还有服务端主动发起消息,长连接等说)
- docopte 作用,html5和html的区别
- display:none能拿到宽度么, 用jquery呢?