1, fixed header 在页面滚动的时候会跟随页面一起滚动,到页面滚动停止之后,重新回到fixed的位置

将fixed元素放在页面底部

2,fixed footer 中有input focus 时 位置发生变化

focus时
        $('body,html').css({
            'overflow':'hidden', 
            'position': 'relative', 
            'height': '100%'})
        $('.fixed-input').css({'position':'absolute'})

blur 时 再还原样式

3,通讯录效果中字母索引 -webkit-overflow-scrolling: touch; 在 ios中滑动字母索引时造成页面显示空白的问题

4,一些android 浏览器中 行内元素 设置 flex 无效

给父元素设置 display: inline-flex;

5, 页面初始化时无法自动调起输入法键盘, 可以通过 传说中的点透bug 来实现这个效果,但前提是input在同一位置

6,-webkit-line-clamp 出现省略号时的文字块高度和不出现省略 号时的高度不同

需要设置固定高度,但是由于在移动端字体大小适配的问题,使高度无法固定,
所以用 em 为高度单位设置 height: calc(2em * 1.5 )  行数*行高  其实可以算出以em为单位的一个基准值  

7, ios 下 给body设置padding-top 来为 fixed navbar 占位,如果body 同时设置了 -webkit-overlfow-scrolling: touch, 此时body的paddingTop 的内容会覆盖在fixed元素上面遮挡住navbar

虽然 给body 设置transform: translate3d(0, 0, 0); 可以解决这个问题,但是 如果是在复杂的页面中,
有可能会引起其它的诡异问题,所以最好的解决办法是把navbar放在页面结构的底部。

transform 下的元素 fixed 失效,所以才解决了上面的问题,操,,真你妈烦。

时隔半年之久,终于有时间从wordpress迁移到git pages了。

之前的博客已经好久没维护了,服务器也到期了,一直没续费。

新的一年,给自己定下了目标,就让新博客一起见证自己的努力吧。

为了给自己点压力,在这里再贴一下

学习react native做一个app

读完两本书(毕业之后基本没看过书)

把《JavaScript 设计模式》看完

除了篮球之外再坚持一项运动

早睡早起

来一次远行

改变从一点一滴开始

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

Quick Start

Create a new post

1
$ hexo new "My New Post"

More info: Writing

Run server

1
$ hexo server

More info: Server

Generate static files

1
$ hexo generate

More info: Generating

Deploy to remote sites

1
$ hexo deploy

More info: Deployment