前端新手遇到的问题---含“ Sass学习、全屏模式理解 ”

问题源自知乎—浪子神剑老师的前端面试每日 3+1，我仅在此为大家提供解题方案以及思路，在此感谢浪子神剑老师。

1. [html] 怎样去除iOS和Android中的输入URL地址的控件条呢？

2. [css] 你所理解的css高级技巧有哪些？

3. [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编译器】

后期再补充下，有清楚的大佬可以留言下