箭头函数是在 es6 中添加的一种规范

x => x * x 相当于 function(x){return x*x}

箭头函数相当于 匿名函数，简化了函数的定义。语言的发展都是倾向于简洁对人类友好的，减轻工作量的。 就相当于我最钟情的python，有很多类似之处，在关于 promise 文章中我会和 Python 框架中的 tornado 中的异步进行对比的，很相似。

箭头函数有两种格式：一种只包含一个表达式，没有 { } 和 return ；一种包含多条语句，这个时候 { } return 就不能省略。

含 0条评论

px：像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。
pt：是一个物理长度单位，指的是72分之一英寸。9pt=12px，可以依次换算。
em：相对长度单位，相对于当前对象内文本的字体尺寸。任意浏览器的默认字体高都是16px，所以未经调整的浏览器都符合: 1em=16px。
rem：是CSS3新增的一个相对单位，可以理解为"root em"，相对于根节点html的字体大小来计算的，chrome/firefox/IE9+支持。任意浏览器的默认字体高都是16px，所以未经调整的浏览器都符合: 1rem=16px。

含 0条评论

也是在写博客程序的时候，用iPhone真机预览前端页面效果，发现横屏时，页面上某些标签的字体比竖屏时明显大好多，布局都有点乱了。

思考了一下，不对啊，我字体设置的是em单位，放大的话，应该所有元素都是等比例放大，偏偏正文特别大（p标签）。

不懂就要问，去搜索引擎上找答案。

最终在CSS里添加代码，问题得以解决：

html {
    -webkit-text-size-adjust: 100%;
}

iPhone和Android的浏览器纵向和橫向模式皆有自动调整字体大小的功能，用CSS属性-webkit-text-size-adjust可以控制。

含 2条评论

我写这套博客程序的时候，在iPhone手机safari上预览，快速双击页面任意位置，页面会被放大。被放大的程度，是刚好抵消主div框架设置的左右两边的margin。而我，不想要这样的功能！

在网上搜索，iPhone禁止页面双击放大，得到的答案大多是设置meta标签viewport：

<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />

早几年前，上面这行代码还挺好用。而现在，随着iOS系统的更新升级，此方法已经不管用了。

继续在网上搜索，找到了新的解决方案，是用JS屏蔽touch事件，代码如下（本站JS文件就包含此代码）：

var lastTouchEnd = 0;
document.documentElement.addEventListener('touchend', function (event) {
    var now = Date.now();
    if (now - lastTouchEnd <= 300) {
        event.preventDefault();
    }
    lastTouchEnd = now;
}, false);

原理是，判断两次touch事件的时间间隔，如果间隔在300毫秒以内，则阻止第二个touch事件。

这段JS代码来源参考：https://www.cnblogs.com/xielisen/p/9488532.html

touch间隔300毫秒的扩展阅读：https://www.jianshu.com/p/6e2b68a93c88

 

含 0条评论