没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
年前端面试题汇总
一, 与
,页面导入样式,使用 与 有什么区别?
从属关系: 是 标签, 是 提供的
加载差异:页面加载时, 会同时加载,而 引入的 会在页面加载完
成后加载
兼容性, 不兼容 以下浏览器
可以通过 操作 插入 标签改变样式, 不能
,描述块级元素与行内元素的区别?行内元素与块级元素有哪些? 是什么元素?如何
制定元素以块级元素展示
区别:
行内元素会在一条直线上排列,水平方向排列;块级元素各占据一行,垂直
方向排列;
块级元素可以包含行内元素和块级元素,行内元素不能包含块级元素,只能
包含文字或其它行内元素
行内元素设置 , 无效,! 上下无效,! 上下无效
列举
行内元素:!"!""""#"
块级元素:$,#,,,%&,
和 # 属于行内替换元素,' '!'! 均可用。效果等同
于块级元素
(!)*+
,, 有哪些新特性?
语义化标签:!"-"."!$"!"!.
增强型表单:# 新增了多个 )
新增表单元素:!!,),##
新增表单属性:!,/#,"!0
音频,视频:$,!#
& 1!$!,地理定位,拖拽
2 本地存储,!3!%没有时间限制的数据存储,3!%%%针对一个
的数据存储,当用户关闭浏览器窗口后,数据会被删除
4 新事件:5,""!)"!#"!"#
6 +3*单个 链接上的全双工协议
, 选择器有哪些?优先级
通配符选择器(7):
元素选择器
选择器
1! 选择器
后代选择器
& 子元素选择器
2 相邻选择器
优先级:!8内联8( 选择器8! 选择器8标签选择器
,什么叫 盒模型?有几种盒模型?9! 与 ! 的区别
1 盒模型是 技术的一种思维模式。每个盒模型有内容( ),填充
(!),边框(+),外边距(!)组成
1 盒 模 型 又 两 种 , : 盒 模 型 和 标 准 盒 模 型 , 其 中 : 模 型
;<!<+,而标准盒模型 ;
9! 是自身容器边框到另一个容器边框的距离,就是容器的外边距
=! 是自身容器边框到自身内容之间的距离,是为内边距
&,说说你对语义化的理解
根据内容的结构化使用合适的语义化标签,让浏览器的爬虫和机器更好的解析,
同时增加代码的可读性及可维护性
2,, 与 0 的区别
> 必须被正确地嵌套
> 标签必须小写
> 空标签必须关闭
> 文档必须有根元素?8?'8
4,$< 布局的好处
代码精简,且结构与样式分离,易于维护
代码量减少了,页面加载速度更快,用户体验提升
对 搜索引擎更加友好,且 又新增了许多语义化标签更是如此
允许更多炫酷的页面效果,丰富了页面
符合 标准,保证网站不会因为网络应用的升级而淘汰
6,盒模型及如何转换
@0%5*%+0 盒模型,标准盒模型
@0%5:+%+0(: 盒模型,又名怪异盒模型)
,实现水平垂直居中的几种方式
A0
(!):B0;#.-)%*C!%*C
定位
D+0E
.*!.$C
*0C
*0C
+!#%*C
F
D+0%E
.*!+#C
G*C
*C
+H*C
*C
!*!#C
*0C
*0C
+!#%*) C
F
或者
D+0E
.*!.$C
+!#%*C
F
D+0%E
.*!+#C
G*IC
*IC
!-:!!%I"%I
!*!#C
*0C
*0C
+!#%*) C
F
,B0 兼容性问题
:6(包括 :6)以下不支持,:% 部分支持,但是需要%%前缀
其他主流浏览器包括安卓 基本支持
,- 样式的便捷写法
A:-%)-%$!!-% -%5'%-%-!)
,边界塌陷
块元素的 跟 +H 外边距有时会合并(塌陷)为单个外边距(合并后最大的
外边距),这样的现象称之为外边距塌陷
,负值作用:负 ! 会改变浮动元素的显示位置,即使我的元素写在 (J9 的后面,
我也能让它显示在最前面
,常见的浏览器内核有哪些
K 内核:: 内核,&
L 内核:!& 以上版本
= 内核:!2 及以上版本
M+ 内核:!-, 等
&,前端性能优化方式
减少 (J9 操作
部署前,图片压缩,代码压缩
优化 代码结构,减少冗余代码
减少 H 请求,合理设置 H 缓存
使用内容分发 加速
& 静态资源缓存
2 图片延迟加载
2,对前端工程化的理解
开发规范
模块化开发
组件化开发
剩余12页未读,继续阅读
资源评论
胡不说
- 粉丝: 80
- 资源: 2
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功