公告:携程招聘java、前端、测试、产品等,请发简历至374947554@qq.com,帮内推!

RN0.54以上安卓中display: none 和 position: absolute不能同时使用

前言

只是记录一下,说不上是什么分享吧,也是最近reactNative项目遇到的问题。场景是这样的。我用react-native0.51的时候,display:none可以正常使用,升级到0.58之后,不能用了。查阅了一下资料,RN0.54以上,安卓手机爆出的问题,在display: none 和 position: absolute同时使用的时候,display:none无效。

解决方案一:

解决方案很简单,就是在display:none的时候把position:absolute变成position:relative就可以了。

if (haorooms_hidden) {
setState({display: none, position: relative})
} else {
setState({display: flex, position: absolute } )
}

纯js版本房贷计算器开源

前言

这个代码是蛮久之前写的,当时还是在易居,纯js版本的房贷计算器,界面精美【界面版权归易居房友,请勿抄袭】。后来我基于此代码转换过一个react版本的,其实核心代码都一样,就是我这个纯js里面的代码。假如有需要,可以借鉴,但是不能原封不动的抄袭。

界面

react-native支持transform-origin探索

前言

最近我在项目中用到了react-native,当使用view根据屏幕自适应缩放功能的时候,我用到了自己熟悉的css transform,当想指定中线点缩放的时候,发现react-native不支持transform-origin,可能官方后面会支持吧,目前用下来还是不支持的。 报了如下错误:

模块化cmd,amd中动态加载资源问题

前言

今天主要讨论一下cmd和amd中运用loadjs等方式动态加载资源遇到的问题。当然,amd和cmd是比较老的前端模块化技术了。类似我之前文章提到的requirejs,这种方式下运用loadjs中遇到的问题。

前端动态加载资源

我这里列举一下我平时用的比较多的loadjs和css等的函数吧