xs

import concurrent import requests; from concurrent.futures import ThreadPoolExecutor import os; import parsel; def send_request(url): header = { "user-agent":'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36' } requests.packages.urllib3.disable_warnings() response = requests.get(url,headers=header) return response def pare_data(data): selector = parsel.Selector(data) result_list = selector.xpath('//a[@class="col-xs-6 col-sm-3"]') for result in result_list: title = result.xpath('./img/@alt').get() src_url = result.xpath('.

表单                             如果需要更多资料点击下方图片加好友领取⬇（注明来意）                     ​ 表单主要功能是用来与用户做交流的一个网页控件，良好的表单设计能够让网页与用户更好的沟通。表单中常见的元素主要包括：文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。 表单控件 ​ .form-control .input-lg（较大） .input-sm（较小） 输入框 text ​ .form-control <div class="col-sm-3"> <input type="text" name="" id="" class="form-control" /> <input type="text" name="" id="" class="form-control input-lg" /> <input type="text" name="" id="" class="form-control input-sm" /> </div> 下拉选择框 select ​ 多行选择设置：multiple="multiple" <div class="col-sm-3"> <select class="form-control"> <option>北京</option> <option>上海</option>

import requests; import re; import os; import parsel; 1.请求网页 header = { "user-agent":'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36' } response = requests.get(' https://www.doutula.com/photo/list/',headers=header ) html = response.text 2.解析网页 selector = parsel.Selector(html) print(selector) dir_name = 'doutu_list' if not os.path.exists(dir_name): os.mkdir(dir_name) result_list = selector.xpath('//a[@class="col-xs-6 col-sm-3"]') for result in result_list: title = result.xpath('./img/ @alt ').get() img_url = result.xpath

LayUI 主要内容                             如果需要更多资料点击下方图片加好友领取⬇（注明来意                     LayUI 的安装及使用 LayUI 的介绍 ​ layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。 ​ 由国人开发，16年出厂的框架，其主要提供了很多好看、方便的样式，并且基本拿来即用，和Bootstrap有些相似，但该框架有个极大的好处就是定义了很多前后端交互的样式接口，如分页表格，只需在前端配置好接口，后端则按照定义好的接口规则返回数据，即可完成页面的展示，极大减少了后端人员的开发成本。 ​ 官网： https://www.layui.com ​ 官方文档：< https://www.layui.com/doc/> ; LayUI 的特点 （1）layui属于轻量级框架，简单美观。适用于开发后端模式，它在服务端页面上有非常好的效果。 （2）layui是提供给后端开发人员的ui框架，基于DOM驱动。 下载与使用 在 官网首页 下载到 layui 的最新版。目录结构如下： ├─css // css目录 │ │─modules // 模块css目录（一般如果模块相对较大，我们会单独提取，比如下面三个：） │ │ ├

本文由上海交通大学教授宋利在LiveVideoStackCon2020线上峰会的演讲内容整理而成，从分析视频传输系统延迟入手，分析视频编码延迟的产生机制，总结优化编码延迟的技术手段和业界典型的低延迟编码方案，讨论不同场景的延迟要求，并对后续技术演进发展方向进行展望。 文 / 宋利 整理 / LiveVideoStack 本次分享的主题是互动场景下的低延迟编码技术，内容分为四个方面：一是互动媒体服务；二是低延迟视频编码技术；三是低延迟编码方案；四是应用场景和发展趋势。 互动媒体服务 1.1 视频媒体形态 如图所示，我们将现有典型的视频相关服务按照高通量、强交互两个维度进行划分，其中横坐标表示高通量，纵坐标表示强交互，一些典型的视频映射到图中分布于不同的位置。 左下角部分可以称为基本视频，它涵盖了当前的一些主流应用，包括TV、视频监控、视频会议以及多人视频游戏等，其特点是以二维视频为主，同时交互形式包括单项、双项和多人交互。 如果从这个区域往外扩展，外面一层是可以称之为增强视频，沿高通量维度由高清向超高清、自由视、点云、光场过渡，交互维度包括仿真训练、电竞，两者都演进的方向是VR、AR，最后演进到全触感，也就是视频媒体形态正在由基本视频向增强视频演进，这两个维度某种程度和现在5G中两个维度很契合，高通量对应大带宽，强交互对应低延迟。 这张图显示了流媒体视频的典型服务场景

移动端适配我们需要做哪些事情? 一个最佳实践除了设置 viewport 和 rem 基准值，随着iPhone手机的不断升级，我们不得不正视以下2个问题： 安全区域适配 识别刘海屏 关于viewpoint-fit 在切入正题之前，我们先展开介绍一下 viewpoint-fit ，它的作用是用于设置可视区域的尺寸，属性如下： PropName Description Name viewport-fit For @viewpoint Value auto | contaion | cover Initial auto Percentages N/A Computed value as specified 最初的布局视窗是通过物理设备的屏幕进行计算，如下图所示： 圆形的屏幕上上显示的页面的一部分，目前是圆的但视窗是长方形的。因此,根据窗口的大小，页面的某些部分可以省略。 viewport-fit 可以通过设置可视区域的大小来控制被省略的区域。 auto ：当设置成 auto 时，不会影响初始布局视口，并且整个网页都是可见的。 UA在视口外部绘制的内容未定义。 它可能是画布的背景颜色，也可能是UA认为合适的任何其他颜色。 contain ：当设置成 contain 时，初始布局视口和可视视口设置为最大矩形，该矩形内接在设备的显示中。 UA在视口外部绘制的内容未定义。 它可能是画布的背景颜色

<div class="form-group"> <label class="col-xs-2 control-label col-xs-offset-1" ><span class="red">*</span>证件号码</label> <div class="col-xs-7"> <input class="form-control" type="text" value="" id="modifyEmployeeCartNum" name="modifyEmployeeCartNum" value="`CartNum`" ng-model="CartNum" ng-pattern="/^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/" ng-minlength="18" ng-maxlength="18" minlength="18" maxlength="18"> <span style="color:red;font-size=12px;font-family="微软雅黑";" ng-show="myForm4.modifyEmployeeCartNum.$dirty &&

该闯关内容与JS闯关衔接. 每一题的答案均在注释处, 第一关:把所有的HTML内容放在一个包含有container-fluid的class名称的div下( 注意,是所有的HTML内容,style标签属于CSS,为了代码可读性尽量不要把style标签内容放在div内,需要添加代码的地方已经用注释标注出来了) 1 < link href ="//fonts.googleapis.com/css?family=Lobster" rel ="stylesheet" type ="text/css" > 2 < style > 3 .red-text { 4 color : red ; 5 } 6 7 h2 { 8 font-family : Lobster, Monospace ; 9 } 10 11 p { 12 font-size : 16px ; 13 font-family : Monospace ; 14 } 15 16 .thick-green-border { 17 border-color : green ; 18 border-width : 10px ; 19 border-style : solid ; 20 border-radius : 50% ; 21 } 22 23 .smaller-image { 24 width : 100px ; 25 } 26 </

该闯关内容与JS闯关衔接. 每一题的答案均在注释处, 第一关:把所有的HTML内容放在一个包含有container-fluid的class名称的div下( 注意,是所有的HTML内容,style标签属于CSS,为了代码可读性尽量不要把style标签内容放在div内,需要添加代码的地方已经用注释标注出来了) 1 < link href ="//fonts.googleapis.com/css?family=Lobster" rel ="stylesheet" type ="text/css" > 2 < style > 3 .red-text { 4 color : red ; 5 } 6 7 h2 { 8 font-family : Lobster, Monospace ; 9 } 10 11 p { 12 font-size : 16px ; 13 font-family : Monospace ; 14 } 15 16 .thick-green-border { 17 border-color : green ; 18 border-width : 10px ; 19 border-style : solid ; 20 border-radius : 50% ; 21 } 22 23 .smaller-image { 24 width : 100px ; 25 } 26 </

该闯关内容与JS闯关衔接. 每一题的答案均在注释处, 第一关:把所有的HTML内容放在一个包含有container-fluid的class名称的div下( 注意,是所有的HTML内容,style标签属于CSS,为了代码可读性尽量不要把style标签内容放在div内,需要添加代码的地方已经用注释标注出来了) 1 < link href ="//fonts.googleapis.com/css?family=Lobster" rel ="stylesheet" type ="text/css" > 2 < style > 3 .red-text { 4 color : red ; 5 } 6 7 h2 { 8 font-family : Lobster, Monospace ; 9 } 10 11 p { 12 font-size : 16px ; 13 font-family : Monospace ; 14 } 15 16 .thick-green-border { 17 border-color : green ; 18 border-width : 10px ; 19 border-style : solid ; 20 border-radius : 50% ; 21 } 22 23 .smaller-image { 24 width : 100px ; 25 } 26 </