现象：巫溪县教育资源公共服务平台【学科】没有正常显示。 原因：添加了三个职业高中学段，而系统默认以学段3为分界点，高于学段3的学校归属高校范畴，而低于等于学段3（即0-12年级）的学校归属k12中小学范畴。 解决方案：修改云桌面系统，将学段分界点从3改到6，即中专含中专及一下的学段都归属为中小学。 读取更多关于K12有关学段问题导致学科没有正常显示 »

原创黑马程序员2020-07-22 15:55:36 1. 引言 在前端的布局手段中，一直有这么一个知识点，很多前端开发者都知道有它的存在，但是很多人也仅仅是知道它的存在而已，对它的作用也只是将将说得出来，可是却没办法说得非常的清晰。这个知识点，就是BFC。想要了解BFC的规则，前提必须是熟悉前端网页的多种布局手段，例如盒的显示模式display，三种布局手段标准流（normal）、浮动流（float）、定位流（position）等。你只有熟练掌握了这些布局手段之后，才能很好的理解BFC。今天这篇文章，来大家解析一下BFC，希望对各位新老朋友有所帮助。 2. 定义 BFC - Block Formatting Context 块级格式化上下文 BFC的定义，在官方文档到中，是这么介绍BFC的。 A block formatting context contains everything inside of the element creating it that is not also inside a descendant element that creates a new block formatting context. 强行翻译一下吧，简单来说，这句话的意思就是： 一个BFC区域包含创建该上下文元素的所有子元素，但是不包括创建了新的BFC的子元素的内部元素 很显然，哪怕强行翻译了，大部分人依旧是看不懂这句话的。看都看不懂，那自然就没什么能把它说明白。talk is cheap, show me the code.看不懂意思，我用代码来给你演示。 <div class="box1" id="HM_bfc1"> <div class="box2"></div> <div class="box3"></div> <div class="box4"></div> <div class="box5" id="HM_bfc2"> <div class="box6"></div> <div class="box7"></div> <div class="box8"></div> </div> </div> 用这段代码来解释上面那段BFC定义的话，就应该是这个意思：#HM_bfc1是一块BFC区域，这块区域包含了box2、box3、box4、box5，也就是所有#HM_bfc1的子元素。同时#HM_bfc2也创造了一块BFC区域，包含了box6，box7，box8。注意，第一个box1的BFC，只包括box1的子元素box2345，不包括box678。#HM_bfc2这个BFC同样也仅仅是包括自己的子元素box678。 划重点 每一个BFC区域只包括其子元素，不包括其子元素的子元素。(这1点比较容易理解) 每一个BFC区域都是独立隔绝的,互不影响！(这点不太好理解，但是后续会使用代码验证) 看完上面的描述，很多朋友依旧不懂，把第2节用心的再读一遍，相信你会有新的收获。然后往下继续阅读，你会豁然开朗。 3. 触发BFC 并不是任意一个元素都可以被当做BFC，只有当这个元素满足以下任意一个条件的时候，这个元素才会被当做一个BFC。 触发BFC的条件 body根元素 设置浮动，不包括none 设置定位，absoulte或者fixed 行内块显示模式，inline-block 设置overflow，即hidden，auto，scroll 表格单元格，table-cell 弹性布局，flex 上代码说明 首先, body元素是1个BFC，因为它满足我们的第1个条件(body根元素)，这个BFC区域包含子元素hm1234，但是不包括两个p标签，需要注意的是，hm3不是一个BFC区域，因为他不满足上面任意1个条件。如果我们希望hm3也是1个BFC区域，只要让hm3满足上面任意一个条件即可。 这个时候，hm3元素被设置为了overflow为hidden，满足上面第5个条件，所以此时，hm3就成为了一个BFC区域，这个BFC区域包含其所有子元素 – 两个p标签。 划重点: 并不是所有的元素都是BFC, 只有满足了上面的任意1个条件之后，这个元素才成为1个BFC。 一个BFC区域，只包含其所有子元素，不包含子元素的子元素. 4. 利用BFC解决问题 在你明白了解BFC的触发规则之后，那么就需要利用BFC的特点来解决我们在布局中遇到的一些问题了，还记得我们之前说过，BFC有一个特点是：**每一个BFC区域都是相互独立，互不影响的。** 4.1 解决外边距的塌陷问题（垂直塌陷） 开发中，前端的布局手段，离不开外边距margin，那么，也会遇到一些问题，例如外边距的垂直塌陷问题。 通过以上的实例，我们会发现，代码给两个div盒子，都添加了四个方向的margin，讲道理，学过数学的都知道，100+100=200.可是，盒子之间的距离，现在却之后100px。这就是很典型的margin的塌陷，两段margin重叠到了一块，互相影响。那么，如何利用BFC，让这个问题得到解决呢。回忆下，上文说过，BFC，就是一个与世隔绝的独立区域，不会互相影响，那么，我们可以将这两个盒子，放到两个BFC区域中，即可解决这个问题。 4.2 利用BFC解决包含塌陷 当父子关系的盒子，给子元素添加margin-top，有可能会把父元素一起带跑 原本，正确的显示方式，应该是粉色盒子与红色盒子的顶部距离为50px，但是由于margin的塌陷问题，导致盒子内部的布局影响到了外部。这个时候，就可以触发BFC，将父盒子变成一个独立的区域，这样在BFC区域内部的任何操作，都不会影响到外部。 4.3 当浮动产生影响的时候，可以利用BFC来清除浮动的影响 以上代码表示，一个没有设置高度的父盒子，包含着七个子元素。如果此时，所有的子元素都浮动的话。 当所有的子元素都浮动了，这个时候，父盒子失去了原有的高度，这就是浮动的影响。这个时候，同样也可用BFC的机制，来清除浮动带来的影响。使用BFC，将所有的浮动元素包裹起来。 4.4 BFC可以阻止标准流元素被浮动元素覆盖 以上情况，红色盒子浮动，蓝色盒子时标准流，默认情况下，浮动元素覆盖了标准流元素。但是，如果将蓝色盒子的BFC触发，那么情况将有所变化。 当蓝色盒子触发了BFC之后，浮动元素再也不能覆盖它了，而且还能利用这个特性，来实现蓝色盒子宽度根据红色盒子的宽度来做自动适应 5. 总结 一个BFC区域只包含其子元素，不包括其子元素的子元素. 并不是所有的元素都能成为一块BFC区域，只有当这个元素满足条件的时候才会成为一块BFC区域 不同的BFC区域之间是相互独立的，互不影响的。利用这个特性我们可以让不同BFC区域之间的布局不产生影响. 读取更多关于带你揭开BFC(Block Formatting Context)的神秘面纱 »

现象：新购2台win10操作系统的华为笔记本电脑上安装的obs直播软件，捕获显示器后是黑屏界面，即推流视频有声音，无图像；捕捉摄像头和窗口正常。 原因：这两台笔记本电脑都有俩显卡（集显和独显)，系统默认先看时集成显卡，而obs默认用独立显卡。 解决方案：如下图 读取更多关于解决独立显卡obs捕获显示器后黑屏界面问题 »

合育宝APP 学校和教育局等集团化机构用户 使用总流程 步骤 事项 备注 1 学校或教育局购买释锐®教育资源公共服务平台以及相关应用系统* E01.教育资源公共服务平台，具体操作详见《释锐 教育资源公共服务平台 使用总流程》 E02.网络课程应用系统 E04.主题教研应用系统 E05.听课评课应用系统 释锐老客户可以免费升级至支持合育宝APP的最新版数字校园软件。 2 一次性导入批量创建教师、学生以及家长账号* 建议用手机号或者电子邮箱作为用户名，并且在导入模板的“手机、邮箱”栏填入有效的手机号码和电子邮箱。手机号和电子邮箱必须唯一，今后用于获取验证码和找回忘记的密码。 具体操作详见《释锐 教育资源公共服务平台 使用总流程 步骤9：导入式批量创建在校师生账号》。 3 自动创建合育宝APP账号* 校内用户登录校园平台时自动创建合育宝账号，用该账号就能在合育宝APP上登录了，无需在合育宝APP上再次注册。 4 下载并安装合育宝APP* 本APP支持Android5.0及以上版本，并且需要用户同意下列授权： 相机 - 使用摄像头采集视频信号； 麦克风 - 使用麦克风采集音频信号； 存储 - 临时存储二维码图像。 从 Android 6.0（API 级别 23）开始，用户开始在应用运行时向其授予权限，而不是在应用安装时授予。 具体操作详见《如何 下载并安装合育宝APP？》 5 完善账户信息 完善“姓名、性别、邮箱、驻地省份”账户信息。 具体操作详见《如何 在合育宝APP内完善账户信息和修改登录密码？》 6 设置直播参数* 务必正确设置“直播服务器、直播应用、推流密码、拉流密码”这四项关键直播参数，如果这四项参数设置缺失或者有误，都会导致无法按照预期正常开展直播或录播活动； 确保选择本校或本教育局专用直播服务器以及启用“RTMP直播及录播”功能。 具体操作详见《如何 设置合育宝APP的直播参数？ 如何跟第三方推流和拉流工具对接？》 7 填写直播(含录播)预告* 强烈建议用户无论是直播还是录播，都要提前填写直播预告表，直播预告表包括“录播批次、直播预告标题、直播内容、预计开始时间、预计结束时间”共五项。 具体操作详见《如何 在合育宝APP内填写直播(含录播)预告？》 8 音视频参数设置 专业用户可以在“设置”里设置“x264预设、分辨率、帧速率、比特率、聚焦模式、音频质量”这六项参数，这些参数影响直播视频或录播视频的质量。非专业用户可以不用做任何参数设置，系统默认的参数已经能够满足大部分的用户需求。 具体操作详见《如何 设置合育宝APP的音视频参数？》 9 开始直播或录播* 如果上述4，6，7三项准备工作都正确无误，这时就能进入“直播台”开启现场直播或录播工作了。 具体操作详见《如何 用合育宝APP或者第三方推流软件开展直播或录播活动？》 10 录播视频管理* 只有在第6步启用了“RTMP直播及录播”功能，才能在“录播视频”中看到第9步录制的视频列表。 在这里，能够回看视频、编辑“视频介绍文本、录播批次”、创建视频字幕、删除视频、分享视频链接。 机构用户专有功能： 每个录播视频会自动即时发布到第1步部署的教育资源公共服务平台上。 用户可以去资源平台的“个人中心”重新编目刚才录制的视频。 具体操作详见《如何 管理和使用录播视频？》以及具体操作详见《释锐 教育资源公共服务平台 使用总流程 步骤20：上传教学资源/专题资源》。 11 播放器* 扫码观看直播视频或者录播视频，不但能看合育宝直播或录播视频源，还能看第三方直播平台提供的直播视频或录播视频。 具体操作详见《如何 使用合育宝自带网络媒体播放器观看直播和点播视频？》 12 分享APP 独乐乐，不如众乐乐，如果您觉得该APP不错，可以通过APP右上角的分享图标将该APP推荐给自己的好朋友。 具体操作详见《如何 分享合育宝APP给好友？》 读取更多关于合育宝APP 学校和教育局用户 使用总流程 »

打开合育宝APP； 点击图标； 点击"账户与直播"； 点击“直播服务器”行最右侧的图标，修改直播服务器（直播服务器负责直播和录播服务），请商业用户不要选择 体验用流媒体服务器； 点击“直播应用”行最右侧的图标，修改直播应用（直播应用决定是否开启录播），请有录播需求的商业用户务必选择 RTMP直播及录播 这个应用，无录播需求的用户请选择 RTMP纯直播 应用； 点击“推流密码”行最右侧的图标，修改推流密码，密码长度不要超过6位，而且必须是数字密码（推流密码就是主播将音视频信号推送到直播服务器所需要的鉴权密码，格式 rtmp://直播服务器网址/直播应用名称/主播号?key=推流密码，直播服务器会拒绝推送密码不匹配的数据推送请求；注册账号时，系统会随机生成一个6位数字密码）；主播既可以用合育宝APP直接推流，也能用OBS等第三方推流软件推流做直播，用此APP的账号(图1-账号)可以登录合育宝网站，查询本人的推流地址； 点击“拉推流密码”行最右侧的图标，修改拉流密码，密码长度不要超过6位，而且必须是数字密码（拉流密码就是观众看直播时必须输入的密码，格式 rtmp://直播服务器网址/直播应用名称/主播号?key=拉流密码，直播服务器会拒绝拉流密码不匹配的视频观看请求；注册账号时，系统会随机生成一个6位数字密码）；主播可以将该拉流网址通过二维码分享给需要观看直播的人，这些人既可以用合育宝APP扫码观看直播，又可以用VLC等第三方网络播放器观看，用此APP的账号(图1第一行)可以登录合育宝网站，查询本人的拉流地址。 图1：设置直播参数 图2：用于OBS等第三方推流工具的推流地址和VLC等第三方拉流工具的拉流地址 读取更多关于如何 设置合育宝APP的直播参数？ 如何跟第三方推流和拉流工具对接？ »