《kpi面》专题
-
制作页面时，前端如何适应各种异形屏？
本文向大家介绍制作页面时，前端如何适应各种异形屏？相关面试题，主要包含被问及制作页面时，前端如何适应各种异形屏？时的应答技巧和注意事项，需要的朋友参考一下 主要内容区域大小固定，固定在页面中间，两边可伸缩
-
写一个布局，当页面滚动一定高时，导航始终固定在顶部，反之恢复原位
本文向大家介绍写一个布局，当页面滚动一定高时，导航始终固定在顶部，反之恢复原位相关面试题，主要包含被问及写一个布局，当页面滚动一定高时，导航始终固定在顶部，反之恢复原位时的应答技巧和注意事项，需要的朋友参考一下 使用粘性定位，position:sticky 记得使用的时候父元素不能使用overflow:hidden和overflow:auto属性，而且必须要指定top/left/bottom/ri
-
HTML5的video在手机端如何实现进来页面时就自动播放？
本文向大家介绍HTML5的video在手机端如何实现进来页面时就自动播放？相关面试题，主要包含被问及HTML5的video在手机端如何实现进来页面时就自动播放？时的应答技巧和注意事项，需要的朋友参考一下 autoplay=true 理想情况autoplay=true。但是现实是：基本所有浏览器都屏蔽了这个属性。 能实现的现在只有微信了，微信有一套自己的规则的内核，可以使用：controlslist
-
p标签里面嵌套img标签会出现向上高3像素是什么原因？如何处理？
本文向大家介绍p标签里面嵌套img标签会出现向上高3像素是什么原因？如何处理？相关面试题，主要包含被问及p标签里面嵌套img标签会出现向上高3像素是什么原因？如何处理？时的应答技巧和注意事项，需要的朋友参考一下 图片是内联元素，内联元素的对齐方式是按照文字基线对齐的，而不是文字底线对齐，所以会出现空隙。 方法一： 在 img 标签中使用 可以让图片完整填充父级容器。 方法二： 给 img 设置
-
404页面有什么作用？
本文向大家介绍404页面有什么作用？相关面试题，主要包含被问及404页面有什么作用？时的应答技巧和注意事项，需要的朋友参考一下 404页面实际上跟HTTP Status 404类似，标识资源找不到。当然实际上404页面现在的玩法就多了，比如公益页面等
-
在主框架下引入的iframe，如果检测这个iframe是否能打开，如果打不开则跳到404页面
本文向大家介绍在主框架下引入的iframe，如果检测这个iframe是否能打开，如果打不开则跳到404页面相关面试题，主要包含被问及在主框架下引入的iframe，如果检测这个iframe是否能打开，如果打不开则跳到404页面时的应答技巧和注意事项，需要的朋友参考一下 首先我们知道 iframe 只有 onload 事件，没有 onerror 事件，无论 iframe 能否正常加载都会正常触发 on
-
页面刷新时sessionStroage会变（会清空）吗？
本文向大家介绍页面刷新时sessionStroage会变（会清空）吗？相关面试题，主要包含被问及页面刷新时sessionStroage会变（会清空）吗？时的应答技巧和注意事项，需要的朋友参考一下 不会 SessionStroage 是数据页面会话级别的, 当你在打开这个页面的时候会被创建, 并且重新加载或恢复页面仍会保持原来的页面会话... 当你在关闭对应浏览器Tab的时候会被清出
-
开发静态页面时，不依赖node相关的工具，如何提取出公共部分并引入？
本文向大家介绍开发静态页面时，不依赖node相关的工具，如何提取出公共部分并引入？相关面试题，主要包含被问及开发静态页面时，不依赖node相关的工具，如何提取出公共部分并引入？时的应答技巧和注意事项，需要的朋友参考一下 比如我现在有一个index.html，如果要在其中html中引入html的话，我们假设该组件为modal.html，我们现在可以写一个最简单的html文件展示一下： 这样一段htm
-
怎样禁用页面中的右键、打印、另存为、复制等功能？
本文向大家介绍怎样禁用页面中的右键、打印、另存为、复制等功能？相关面试题，主要包含被问及怎样禁用页面中的右键、打印、另存为、复制等功能？时的应答技巧和注意事项，需要的朋友参考一下 No description provided. ？空内容？ 尖括号没有转义，导致空内容
-
能否做到禁止打印页面？如果可以那要怎么做？
本文向大家介绍能否做到禁止打印页面？如果可以那要怎么做？相关面试题，主要包含被问及能否做到禁止打印页面？如果可以那要怎么做？时的应答技巧和注意事项，需要的朋友参考一下
-
实现一个页面锁屏的功能
本文向大家介绍实现一个页面锁屏的功能相关面试题，主要包含被问及实现一个页面锁屏的功能时的应答技巧和注意事项，需要的朋友参考一下 <!DOCTYPE html> <html> <head> <title>Ctrl+l监控锁屏</title> </head> <body> <div id="message_div"></div> <script type="text/javascript" langu
-
如何判断用户正在操作页面？当页面一个小时没有操作时跳转到指定页面如何做？
本文向大家介绍如何判断用户正在操作页面？当页面一个小时没有操作时跳转到指定页面如何做？相关面试题，主要包含被问及如何判断用户正在操作页面？当页面一个小时没有操作时跳转到指定页面如何做？时的应答技巧和注意事项，需要的朋友参考一下 监听mousemove事件。当一段时间没有触发mousemove时，即认定用户没有操作页面
-
精确获取页面元素位置的方式有哪些？
本文向大家介绍精确获取页面元素位置的方式有哪些？相关面试题，主要包含被问及精确获取页面元素位置的方式有哪些？时的应答技巧和注意事项，需要的朋友参考一下 let btn = document.querySelector('#ele') let {top, left} = getComputedStyle(btn) console.log('top:', top, 'left:', left)
-
切页面时，每次都动手刷新看效果很麻烦，如果要让你写一个实时刷新预览的工具你该怎么写？
本文向大家介绍切页面时，每次都动手刷新看效果很麻烦，如果要让你写一个实时刷新预览的工具你该怎么写？相关面试题，主要包含被问及切页面时，每次都动手刷新看效果很麻烦，如果要让你写一个实时刷新预览的工具你该怎么写？时的应答技巧和注意事项，需要的朋友参考一下 node包http, scoket.io建立服务 静态页面增加webSocket，服务器推送后执行刷新页面 fs包，fs.watch 监听静态页面，
-
页面布局时你使用最多的标签是什么？div吗？在什么情况下会使用到div？
本文向大家介绍页面布局时你使用最多的标签是什么？div吗？在什么情况下会使用到div？相关面试题，主要包含被问及页面布局时你使用最多的标签是什么？div吗？在什么情况下会使用到div？时的应答技巧和注意事项，需要的朋友参考一下 页面的的整体布局使用 等。 一些细分的布局使用，并指定适当的、和属性。