html+css+jq随记

随便写个博客吧，记录一下自己的历程，今天忽然用自己好久不用的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和设计的思路（没有设计的苦恼）