本文主要是介绍[ 遇坑总结 ]记一次移动端开发(2),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
上一篇文章记一次移动端开发(1),我写了这次移动端开发的两个大方面,一个是 meta
标签,一个是flex布局
和 vw、vh、rem单位,这篇文章呢,我就再说一些小的点,都是开发过程中遇到的小问题,总结一下,也希望可以帮到大家。
visibility: hidden
;
CSS中的 hidden
之后的元素,会透明,但是依旧占据空间。
要注意的是,由于冒泡的原因,可以透过 hidden
的元素对下方的元素进行DOM操作
CSS变量
页面load之后,JS无法直接通过下面代码取到值,我也查了很多,但是没有查到,如果有朋友了解,可否在下方评论区写一写,一起进步,嘿嘿
document.documentElement.style.getProperty("--val");
但这并不是不能解决,我是在页面load之后,用JS先给该CSS变量设置一个值(方法是用setProperty
),之后也就都合适了,不过真正的项目中,还是用less之类的比较方便。
变量提升
变量提升只会提升变量的声明,不会提升变量的赋值,如下面代码
console.log(val);
var val = 1;
运行后并不会报 ReferenceError
的错误,而是 undefined
,这段代码在内部会转换成下面这样
var val;
console.log(val);
val = 1;
这篇关于[ 遇坑总结 ]记一次移动端开发(2)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!