随便写个博客吧,记录一下自己的历程,今天忽然用自己好久不用的jq还做项目,并且从零开始搭建,让自己慌乱不已啊!遇到了如下问题
1、ios端点击闪屏的问题,解决办法如下
在body上添加 -webkit-tap-highlight-color: rgba(0,0,0,0);
2、移动端300ms延迟,解决办法如下
使用zepto.js代替jquery.js,语法糖是一样的,zepto现在是按照模块加载的,你需要在你的html里引入touch模块,然后使用语法$('#id').tap(function(){})就可以解决300ms延迟的问题
3、字体居中的一种方式,解决办法如下
left:50%; // 相对于父元素向左百分之五十
transform: translateX(50%);相对于自己向左百分之五十
当然了,父元素用absolute 还是relative根据实际来看
4、偶尔会白屏
这个情况比较特殊,也就我会遇到吧,因为我使用的是rem布局,rem布局的js有问题,偶尔初始化的时候font-size:0px;导致页面大小变为零,所以显示的是空页面,导致后台不返回html文件,但是会返回接口数据(很奇怪),后来换了一种写法就好了,具体怎么写就不说了,因为我还不懂他到底是怎么写的,话说现在使用vh和vw布局很好,有空可以学学。
5、一些自己不知道的css
cursor: pointer; // 居然有这么大的作用,虽然应用上没感觉到,但是百度的说很有用,应该是给出了 button以外可点击的属性
6、页面滚动的时候,不会缓慢停止,解决方法
在body上添加
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
7、一些自己认为有趣的事情
移动端页面X关闭按钮,居然使用两个span,设置倾斜45度,来做的,没有用到图片,神奇神奇呀,有意思有意思!(理解我这种写java,然后写vue的前端小白的兴奋)
8、无力的吐槽
css预编译语言真的太好用了,比如less。
最后:无论是vue还是jq,css写的好的,写的页面都漂亮,最难写的还是css和设计的思路(没有设计的苦恼)