上下文

那些年我们一起清除过的浮动

与世无争的帅哥 提交于 2020-03-27 05:53:43
浮动(float),一个我们即爱又恨的属性。爱,因为通过浮动,我们能很方便地布局; 恨,浮动之后遗留下来太多的问题需要解决,特别是IE6-7(以下无特殊说明均指 windows 平台的 IE浏览器)。也许很多人都有这样的疑问, 浮动从何而来?我们为何要清除浮动?清除浮动的原理是什么? 本文将一步一步地深入剖析其中的奥秘,让浮动使用起来更加得心应手。 一、清除浮动 还是 闭合浮动 (Enclosing float or Clearing float)? 很多人都已经习惯称之为清除浮动,以前我也一直这么叫着,但是确切地来说是不准确的。我们应该用严谨的态度来对待代码,也能更好地帮助我们理解开头的三个问题。 1)清除浮动:清除对应的单词是 clear,对应CSS中的属性是 clear:left | right | both | none; 2)闭合浮动:更确切的含义是使浮动元素闭合,从而减少浮动带来的影响。 两者的区别 请看优雅的 Dem o 通过以上实例发现,其实我们想要达到的效果更确切地说是闭合浮动,而不是单纯的清除浮动,在footer上设置clear:both清除浮动并不能解决warp高度塌陷的问题。 结论:用闭合浮动比清除浮动更加严谨,所以后文中统一称之为:闭合浮动。 二、为何要闭合浮动? 要解答这个问题,我们得先说说CSS中的定位机制:普通流,浮动,绝对定位 (其中

那些年我们一起清除过的浮动

人走茶凉 提交于 2020-03-27 05:45:56
浮动(float),一个我们即爱又恨的属性。爱,因为通过浮动,我们能很方便地布局; 恨,浮动之后遗留下来太多的问题需要解决,特别是IE6-7(以下无特殊说明均指 windows 平台的 IE浏览器)。也许很多人都有这样的疑问, 浮动从何而来?我们为何要清除浮动?清除浮动的原理是什么? 本文将一步一步地深入剖析其中的奥秘,让浮动使用起来更加得心应手。 一、清除浮动 还是 闭合浮动 (Enclosing float or Clearing float)? 很多人都已经习惯称之为清除浮动,以前我也一直这么叫着,但是确切地来说是不准确的。我们应该用严谨的态度来对待代码,也能更好地帮助我们理解开头的三个问题。 1)清除浮动:清除对应的单词是 clear,对应CSS中的属性是 clear:left | right | both | none; 2)闭合浮动:更确切的含义是使浮动元素闭合,从而减少浮动带来的影响。 通过以上实例发现,其实我们想要达到的效果更确切地说是闭合浮动,而不是单纯的清除浮动,在footer上设置clear:both清除浮动并不能解决warp高度塌陷的问题。 结论:用闭合浮动比清除浮动更加严谨,所以后文中统一称之为:闭合浮动。 二、为何要清除浮动? 要解答这个问题,我们得先说说CSS中的定位机制:普通流,浮动,绝对定位 (其中"position:fixed" 是

分层条件关系网络在视频问答VideoQA中的应用:CVPR2020论文解析

我是研究僧i 提交于 2020-03-26 18:01:15
分层条件关系网络在视频问答 VideoQA中的应用: CVPR2020论文解析 Hierarchical Conditional Relation Networks for Video Question Answering 论文链接: https://arxiv.org/pdf/2002.10698.pdf 摘要 视频问答( VideoQA)具有挑战性,因为它需要建模能力来提取动态视觉伪影和远距离关系,并将它们与语言概念相关联。本文介绍了一种通用的可重复使用的神经单元,称为条件关系网络( CRN),它作为构建块来构建更复杂的视频表示和推理结构。 CRN以一个张量对象数组和一个条件特征作为输入,并计算一个编码输出对象数组。模型构建成为这些可重用单元的复制、重新排列和堆叠的简单练习,用于不同的模式和上下文信息。因此,该设计支持高阶关系和多步推理。 VideoQA的最终架构是一个 CRN层次结构,其分支表示子视频或剪辑,所有分支都与上下文条件共享相同的问题。本文对知名数据集的评估取得了新的 SoTA结果,展示了在复杂领域(如 VideoQA)上构建通用推理单元的影响。 1. Introduction 回答关于视频的自然问题是认知能力的有力证明。该任务涉及在语言线索的合成语义指导下获取和操作时空视觉表征 [7, 17, 20, 30, 33, 36]。由于问题可能不受约束,

大家都应该要知道的改善 Python 程序 91 个建议(一)

一曲冷凌霜 提交于 2020-03-26 11:33:14
第 1 章 引论 建议 1:理解 Pythonic 概念 Pythonic Tim Peters 的 《The Zen of Python》相信学过 Python 的都耳熟能详,在交互式环境中输入import this可以查看,其实有意思的是这段 Python 之禅的源码: d = {} for c in (65, 97): for i in range(26): d[chr(i+c)] = chr((i+13) % 26 + c) print "".join([d.get(c, c) for c in s]) 哈哈哈,相信这是大佬在跟我们举反例吧。 书中还举了一个快排的例子: def quicksort(array): less = [] greater = [] if len(array) <= 1: return array pivot =array.pop() for x in array: if x <= pivot: less.append(x) else: greater.append(x) return quicksort(less) + [pivot] + quicksort(greater) 代码风格 通过对语法、库和应用程序的理解来编写代码,充分体现 Python 自身的特色: 变量交换 a, b = b, a 上下文管理 with open(path, 'r

EntityFramework笔记

北战南征 提交于 2020-03-24 08:02:08
参照文档: http://www.cnblogs.com/farb/p/ABPAdvancedTheoryContent.html 案例: http://pan.baidu.com/s/1c1Qgg28 一、领域建模和管理实体关系 二、 使用LINQ to Entities操作实体 三、预加载 四、CURD 五、EF使用视图 六、EF使用存储过程 七、异步API 八、管理并发 九、事务 十、数据库迁移 十一、应用迁移 十二、EF的其他功能 一、领域建模和管理实体关系 1,流利地配置领域类到数据库模式的映射 namespace FirstCodeFirstApp { public class Context:DbContext { public Context() : base("name=FirstCodeFirstApp") { } public DbSet<Donator> Donators { get; set; } public DbSet<PayWay> PayWays { get; set; } protected override void OnModelCreating(DbModelBuilder modelBuilder) { modelBuilder.Entity<Donator>().ToTable("Donators").HasKey(m => m

linux入门系列18--Web服务之Apache服务1

半世苍凉 提交于 2020-03-23 09:47:08
前面系列文章讲解了Linux下通过文件传输、文件共享、邮件系统来分享和获取资源,本文讲解网络资源获取和共享的另外一种形式,通过Apache服务程序来提供Web服务。 本文先讲解目前主流的Web服务程序以及各自的特点和优势,然后以Apache服务为例讲解Linux下Web网站的部署,并在部署过程中穿插讲解SELinux的使用。最后在以示例讲解Apache的虚拟主机功能及访问控制。 一、Web服务程序分类 我们平时在互联网上访问的网站服务就是Web服务,比如我们常用的百度网站,他就是一个Web网站。Web网络服务,一般是指允许用户通过浏览器访问到其中各种资源的服务。 Web网络服务是一种被动访问的服务程序,当接入到互联网中的用户主机发出请求后,Web服务才会响应并通过HTTP或HTTPS把请求的内容回传给用户。示意图如下: 目前提供Web服务的程序有:IIS、Apache、Ngnix等。 1.1 IIS IIS(Internet Information Services):互联网信息服务,是Windows系统中默认的Web服务程序。它是一款带图形化界面的网站管理工具,不仅提供Web网站服务,还可以提供FTP、SMTP等服务,功能丰富。但是由于它是用在Windows系统中,因此不介绍它。 1.2 Apache Apache程序是目前市场上占有率很高的Web服务程序之一,其特点是跨平台

HTML5全局属性(一)

∥☆過路亽.° 提交于 2020-03-22 12:24:49
NEW:HTML 5 中新的全局属性。 属性 描述 accesskey 规定访问元素的键盘快捷键 class 规定元素的类名(用于规定样式表中的类)。 contenteditable 规定是否允许用户编辑内容。 contextmenu 规定元素的上下文菜单。 dir 规定元素中内容的文本方向。 draggable 规定是否允许用户拖动元素。 dropzone 规定当被拖动的项目/数据被拖放到元素中时会发生什么。 hidden 规定该元素是无关的。被隐藏的元素不会显示。 id 规定元素的唯一 ID。 lang 规定元素中内容的语言代码。 spellcheck 规定是否必须对元素进行拼写或语法检查。 style 规定元素的行内样式。 tabindex 规定元素的 tab 键控制次序。 title 规定有关元素的额外信息。 来源: https://www.cnblogs.com/reese-blogs/p/5476199.html

用批处理(.BAT)自动设置计算机名IP地址DNS

天大地大妈咪最大 提交于 2020-03-21 10:59:52
Dos 修改IP地址的bat脚本文件,在不同局域网切换IP地址 编写.bat文件内容: netsh interface ip set address 本地连接 static 192.168.1.6 255.255.255.0 192.168.1.1 1 netsh interface ip set dns "本地连接" static 221.228.255.1 primary 双击.bat文件,本地连接的地址就修改了。 参数说明:“本地连接”是在控制面版->网络连接,里看到的网络连接的名字。有2个网卡的时候可以通过这个区分不同的网卡 “192.168.1.6”本机IP地址。 “255.255.255.0 ”子网掩码 “192.168.1.1”网关 “1”默认网关的跃点数。 “221.228.255.1 ”DNS地址。 etsh命令详解 当前笔记本的可移动性增强,我们需要在多个环境下接入网络开始工作,在没有路由器自动分配的情况下,就需要每次手动设置IP地址和网关等信息,相当烦琐,通过实践利用netsh命令用快捷方式实现了IP地址的快速切换。 A. 基本用法 1,新建记事本,写入如下信息:(横线中间内容) int ip set address source=static addr=192.168.0.107 mask=255.255.255.0 set address gateway

观察高手修改bug有感

馋奶兔 提交于 2020-03-20 11:41:47
3 月,跳不动了?>>> 1.背景   今天有一个特别的机会可以观察我们团队的技术巅峰 debug ,特此记录他的 debug 动作,希望给朋友们一些启示。 2.排查问题时添加 boolean 标志位   当程序出现问题时,可能它所处的状态是复杂的,但有些状态并不能直接从函数中获取,就需要我们声明一些 boolean 标志位去记录,在一些特殊节点进行打印和监视。 3.回归上下文查看可能发生异常的代码   当前一步的工作排查一些问题之后,新的问题仍然存在,我们需要在代码的前后寻找有无影响程序最终执行结果的语句。特别的,当然需要添加断点,逐步调试。 4.更换修改bug思路   如果修改一遍上下文中的变量后,问题依然存在,此时要跳出当前的解决思路,转而寻找新的解决问题的方式。即不再执拗用当前的实现方式,而是跳出来思考其它实现方法。 5.其它感悟   在debug的过程中,有进步的时刻,也有退步的时刻,情绪受干扰的可能场景很多。但是 debug 经验更多的高手会很少受这种阶段性反馈的影响,更加关注最终结果,所以说,耐心是我们必须要修炼的。 来源: oschina 链接: https://my.oschina.net/hengbao666/blog/3207047

BFC——块级格式化上下文

微笑、不失礼 提交于 2020-03-19 19:09:46
BFC(块级格式化上下文) 一、BFC是什么? 从样式上看,具有BFC的容器和普通的容器没有区别。从功能上看,具有BFC的容器可以看作是隔离了的容器,容器里面的元素不会影响到外面的元素,并且BFC具有普通容器没有的一些特性,例如可以包含浮动元素,上文中的第二类清除浮动的方法(如overflow方法)就是触发了浮动元素的父元素BFC,使到它可以包含浮动元素,从而防止出现高度塌陷的问题。 简单来说,BFC就是一种属性。这种属性会影响着元素的定位以及与其兄弟元素之间的相互作用。 二、BFC的触发 浮动元素:除了属性值为none的元素。 position:absolute/fixed display为inline-block, table-cell, table-caption, flex, inline-flex overflow不为visible(hidden/scroll/auto) 根元素 三、BFC的特性 3.1 BFC阻止元素外边距折叠 两个相邻的元素margin会折叠。而当有BFC产生的时候,外边距不会叠加。 3.2 BFC 可以包含浮动的元素 这里就是之前提到的包裹性,这也正是使用 overflow: hidden 与 overflow: auto 方法闭合浮动的原理,使用 overflow: hidden 或 overflow: auto 触发浮动元素的父元素的 BFC