问题源自知乎—浪子神剑老师的前端面试每日 3+1,我仅在此为大家提供解题方案以及思路,在此感谢浪子神剑老师。
-
[html] 怎样去除iOS和Android中的输入URL地址的控件条呢?
-
[css] 你所理解的css高级技巧有哪些?
-
[js] js如何检测当前页面是否以全屏模式显示?
问题1:[html] 怎样去除iOS和Android中的输入URL地址的控件条呢?
暂时空值,恶补知识中。
问题2:[css] 你所理解的css高级技巧有哪些?
关于这个问题,今天特地研究了下Sass。这款号称世界上最成熟、最稳定、最强大的专业级CSS扩展语言!
Sass的中文官网:Sass中文网
Sass环境-Ruby2.6.5.zip:Ruby2.6.5.zip
安装Sass和Compass:vs code 使用scss/sass
如何VScode多个文件夹共存:如何在vscode中同时打开两个文件夹
VScode如何代码同步页面:在 vscode 中使用 Live Server 进行调试
个人学习总结:个人学习Sass总结
关于VScode中Easy Sass设置项
名称 | 说明 | 默认值 |
---|---|---|
easysass.compileAfterSave | Automatically compile SASS/SCSS file after saving | true |
easysass.formats | Define format(s) for outputted css files. Use "nested", "expanded", "compact" or "compressed" as a format. | [object Object],[object Object] |
easysass.excludeRegex | Regular expression for filenames (excluding path) excluded from building. Leave empty to disable. | |
easysass.targetDir | Target directory for generated files. If relative, will be based on currently opened folder in VS Code. |
翻译版:
名称 | 说明 | 默认值 |
---|---|---|
easysass.compileAfterSave | 保存后自动编译SASS/SCSS文件 | true |
easysass.formats | 定义输出css文件的格式。使用“嵌套”、“扩展”、“紧密”或“压缩”作为格式。(扩展是指每一个样式单独一行,紧密表示每一个样式块为一行,压缩表示整个CSS代码都在一行) | [object Object],[object Object] |
easysass.excludeRegex | 从构建中排除的文件名(不包括路径)的正则表达式。留空表示禁用。 | |
easysass.targetDir | 生成文件的目标目录。如果是相对的,将基于VS代码中当前打开的文件夹。 |
问题3:[js] js如何检测当前页面是否以全屏模式显示?
刚开始参考了下文档中的JavaScript Window Screen,后来比对数值,全屏情况下总是不相等。
document.write("总宽度/高度: ");
document.write(screen.width + "*" + screen.height);
document.write("<br>");
document.write("可用宽度/高度: ");
document.write(screen.availWidth + "*" + screen.availHeight);
晚上继续查看了下MDN中全屏 API的知识,但是发现全屏模式与非全屏模式,document.fullscreenElement和document.fullscreen一样,所以依旧没能很好解决这个问题。【本次测试均在火狐浏览器进行,使用VScode编译器】
后期再补充下,有清楚的大佬可以留言下