美文网首页早读Web前端之路让前端飞
知行社的前端早读课 第4期

知行社的前端早读课 第4期

作者: 知行社 | 来源:发表于2017-08-08 09:17 被阅读131次

    除错就像是推理剧,你担任侦探,同时也是凶手

    《Python,2017第一语言》

    背景

    人生苦短,我用Python。

    Python 的语法很像自然语言,很适合做第一门入门语言(个人认为Python 比 C 更适合,虽然国内都是学 C)。Python 写起来感觉也很好。Python 上有很多很好用的第三方库,如:

    • wxpy 微信个人号机器人。 Node.js 版的感觉差很多。
    • scrapy 爬虫库。Node.js 找不到有这么强大的爬虫库。
    • Tensor Flow Google 出的深度学习框架。

    概要

    介绍了IEEE 2017年 Top 编程语言排行榜排名前 10 的语言。Python 将成为大数据、AI 和机器学习时代的第一编程语言。

    阅读地址:http://www.python88.com/topic/2963

    《手机上如何让页面强制横屏》

    概要

    让手机页面强制横屏的方法。摘抄一些核心代码
    判断是否是横屏

    const width = document.documentElement.clientWidth;
    const height = document.documentElement.clientHeight;
    if (width < height) { // 宽度小于高度,则为竖屏
    }
    

    如果是竖屏,将内容旋转90度

    const contentDOM = document.getElementById('content');
    contentDOM.style.width = height + 'px';
    contentDOM.style.height = width + 'px';
    contentDOM.style.top = (height - width) / 2 + 'px';
    contentDOM.style.left = 0 - (height - width) / 2 + 'px';
    contentDOM.style.transform = 'rotate(90deg)';
    

    监听屏幕变化,如果用户自己把屏幕横过来,就把之前的旋转去掉。

    const evt = "onorientationchange" in window ? "orientationchange" : "resize";
    window.addEventListener(evt, function () {
      if(如果是横屏) {
        // 去除旋转
      } else {
        // 旋转 90度
      }
    })
    

    阅读地址:https://magicly.me/h5-orientation-on-ios/

    相关文章

      网友评论

        本文标题:知行社的前端早读课 第4期

        本文链接:https://www.haomeiwen.com/subject/yvozlxtx.html