这篇博客整理了关于JavaScript和CSS的面试题目，涵盖了vim编辑器模式切换、CSS3的animation与transition、CSS的vertical-align、定位方式、响应式网页、Linux命令、块级元素特性、em与rem的区别、绘制三角形、flex布局、数组操作、CSS选择器优先级、伪元素::after的用途、Git命令、数据类型判断、面向对象继承、函数的this指向、深拷贝实现、闭包与内存管理、盒子模型和HTTP协议报文格式等多个知识点。
1、linux中 vim有几种模式？如何进行这几种模式的切换
- 命令行模式、插入模式、底行模式
- 命令行模式->插入模式 I A O i a o
- 命令行模式->底行模式 : ?
- 插入模式->命令行模式 esc
2、css3中animation与transition表示什么意思？
- animation动画 由@keyframes来描述每一帧的样式
- transition允许css的属性值在一定的时间区间内平滑地过渡
3、css中verticle-align规则有什么作用
- 设置行内元素的垂直对齐方式。
- 默认取值为baseline，即行内元素默认按照基线来进行排列
4、相对定位、绝对定位、固定定位、粘滞定位、静态定位有什么区别？
-
4.1.静态定位：默认定位方式，无定位的意思
-
4.2.相对定位： 相对于它原来的位置进行偏移，原来在标准流中的位置继续占有
-
4.3.绝对定位：相对于它祖先元素来说。如果没有祖先元素或者祖先元素没有定位，则以浏览器为准（document文档） 如果祖先元素有定位（相对，绝对，固定），则以最近一级的有定位的祖先元素为参考点移动位置 绝对定位不再占有原先的位置（脱标）
-
4.4.固定定位：页面滚动时元素的位置不会改变，是相对于浏览器的可视窗口； 跟父元素没有任何关系，不随滚动条滚动； 固定定位不占有原先的位置。
-
4.5粘滞定位：相对定位+固定定位组合。以浏览器可视窗口为参照点 占有原先的位置 必须添加top|bottom|left|right中的一个才生效
5、什么是响应式网页？如何实现一个响应式网页
- 所谓响应式布局，就是指同一个网页，在不同的终端上的显示效果不同，但是访问的确实是同一个页面，只是因为浏览器会根据终端的不同（例如屏幕宽度、横竖屏、移动端还是pc端等）选择的渲染方式也不同。
- 先做好PC端的样式，然后使用css中的@media媒体查询来适配不同的终端。这里有一个比较好的习惯是将页面栅格化，栅格化的意思就是将页面划分成一块一块的区域，然后不同的终端适配就是将栅格重新排列
6、linux中远程登录命令、远程文件传输命令、查看Java进程命令分别是什么？举例说明
- 远程登录命令：ssh 用户名@ip地址
- 远程文件传输命令：scp
-v 和大多数linux命令中的-v意思一样,用来显示进度,可以用来查看连接,认证,或是配置错误;
-C 使能压缩选项;
-4 强行使用IPV4地址;
-6 强行使用IPV6地址;
-P 选择端口,注意-p已经被rcp使用;-r 递归查找; - 查看Java进程命令:ps
-aux 以BSD风格显示进程 常用
-efH 以System V风格显示进程
-e , -A 显示所有进程 a 显示终端上所有用户的进程 x 显示无终端进程 u 显示详细信息 f 树状显示 w 完整显示信息 l 显示长列表
7、什么是块元素，块元素有哪些特点？
- 块元素常用于 搭建页面框架，常见的块元素：div
- 特点：
1.块级元素独占一行
2.块级元素较比行内元素可以设置宽高
3.块级元素可以包含块级，行内
8、em 与rem的区别？
- em为相对长度单位，表示当前元素上的字体大小
- rem为相对长度单位，表示根（html）元素上声明的字体大小
9、如何使用css绘制一个三角形？
<!DOCTYPE html>
<html lang
最低0.47元/天 解锁文章
5201
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
