一：Python urllib库

Python urllib 库用于操作网页 URL，并对网页的内容进行抓取处理。

Python3 的 urllib。

urllib 包 包含以下几个模块：

• urllib.request - 打开和读取 URL。

本文内容采用连载形式，每一次新的内容可能与之前的内容相关联，我通过标题中最后的数字用以区分文章的先后次序，以便于读者在阅读文章时了解整个项目的发展脉络。

两栏布局设计

上文中我们介绍了两栏设计采用了flexbox进行布局，flexbox布局在现代化的浏览器中的兼容性已经很不错了，对于之前使用的float和position进行布局两栏来说，flexbox的用法相对容易些，通过使用默认设置就可以达到对一级子元素的并排效果。下面的图1展示了使用flexbox布局后页面中各个子元素的位置情况。

在移动端浏览器中，父元素使用绝对定位占满整个屏幕时，

如果子元素的总高度不能触发滚动；收回软键盘时，被顶起的页面不会复原

index.tsx

import styles from './index.less';

export default function IndexPage() {
  return (
    <div className={styles.page}>
      <h3>标题1</h3>
      <h3>标题2</h3>
      <h3>标题3</h3>
      <h3>标题4</h3>
      <h3>标题5</h3>
      <input type="text" placeholder="请输入文本"/>
    </div>
  );
}

提示：点击上方"蓝色字体"↑ 可以订阅噢！

盒模型

content=width×height

padding

border

margin

width：<length> | <percentage> | auto | inherit

width:50%;/*父元素的50%宽度*/

美国

<:article style="BOX-SIZING: border-box; BORDER-BOTTOM: 0px; TEXT-ALIGN: left; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.9; OVERFLOW-X: hidden; OVERFLOW-Y: auto; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; DISPLAY: block; WORD-WRAP: break-word; COLOR: rgb(25,25,25); FONT-SIZE: 16px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 5px; tab-size: 4" id=mp-editor class="article">

下面的两个问题还是比较常问到的, 希望大家能够好好的记忆一下。

1. 什么是 回流(reflow)? 重绘(repaint)?

我喜爱收听播客，健身、上/下班途中，工作中，甚至是忙着做家务时。大多数情况下我会用 Marco Arment开发的Overcast（Freemium）在 iPhone 上收听，这是我目前最喜爱的 Podcast 应用之一1，我享受 Overcast「杀手级」功能 Smart Speed（智能加速）2和 Voice Boost（声音均衡器）3所带来的收听效率以及更棒的音质。

虽然 Overcast 有 Web App，可每日在浏览器中为其独立打开一个标签页总会感到厌烦，一不小心把浏览器关闭了，还得重新打开浏览器输入网址或者点击「个人收藏」上的标签重新开启。我一直渴望 Overcast 的桌面客户端能尽早登陆 OS X 平台，尤其是在 instacast 母公司Vemedio 宣布终止 Instacast 项目之后，期望更加强烈。