首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

10分钟内就可以学会的几个CSS高招

4、Grid 很棒 Grid与只处理单独的的 flexbox 不同,如果你是一个工作较长的 web 开发者的话,你可能会觉得Grid有点眼熟,因为它与表格布局非常相似。...Grid 允许你考虑大图布局,当你将元素设置为显示网格时,它对开发人员更加友好,你可以将其子项定义为一堆。 ? 的宽度可以用网格模板属性定义,我们在这里有三个: ?...由空格分隔,这意味着我们有三注意 fr 或小数单位将负责与网格中的其他共享可用空间,我们还可以定义一些,现在网格内的每个元素都将自动定位,但重要的是请注意,与 flexbox 布局或上帝禁止的表格布局相比...我们可以重构这段代码,将宽度设置为一个最小为 200 像素,最大为 600 像素的区间,然后首选 50% 将 13 代码变成一代码,以减少 92 代码。 ?...7、 变量的变量 注意我们如何在多个地方使用相同的颜色,如果我们决定更改颜色,我们需要修改引用它的每一代码,更好的方法是在根选择器上定义一个全局变量。 ?

1.4K20

excel常用操作大全

点击a后的鼠标右键,插入a列作为b; 2)在B1单元格中写入:='13' A1,然后按回车键; 3)看到的结果是19xxxxx 您用完了吗?...按下鼠标左键并向下拖动直到结束。当你放开鼠标左键时,一切都变了。 如果您在原始证书编号后添加19,请在B1单元格中写入:=A1 '13 ',然后按回车键。...7.如何快速选择特定区域? 使用F5快速选择特定区域。例如,要选择A2: A1000,最简单的方法是按F5打开“定位”窗口,并在“参考”栏中输入要选择的A2: D6区域。 8.如何快速返回所选区域?...快速输入相同数量的内容 选择单元格格区域,输入一个,然后按Ctrl+ Ener在选定的单元格格区域中一次输入相同的。 12、只记得函数的名字,却记不起函数的参数,怎么办?...当我们在工作表中输入数据时,我们有时会在向下滚动时记住每个标题的相对位置,尤其是当标题消失时。此时,您可以将窗口分成几个部分,然后将标题部分保留在屏幕上,只滚动数据部分。

19.2K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    使用联接和子查询来查询数据

    外联接 - 显示包含一个表中的所有以及另外一个表中匹配的结果集,不匹配的用NULL填充 --(1)左外联接 - 返回LEFT OUTER JOIN 左侧的表的所有,以及右侧指定的表的匹配,若右边找不到匹配项...,显示NULL --(2)右外联接 - 返回RIGHT OUTER JOIN 右侧的表的所有,以及左侧指定的表的匹配,若左边找不到匹配项,显示NULL --(3)完整外联接 - 左外联接和右外联接的组合...交叉联接(Cross Join) Product运算,将一个表中的每一另一个表中的 -------------------- create table Course --创建Course表,里面包含一...自联接 - 同一个表当成两张表使用,一个表中的一联接另一个表中的一 select * from HumanResources.Employee select a.EmployeeID,a.Title...select a.ManagerID,a.EmployeeID from HumanResources.Employee a join Employee_CTE b on --递归查询,反复被执行,直到查询到最后一结束

    2.2K60

    如何使用Grid中的repeat函数

    (轨道是一或一的通用名称)。 第一个参数可以是以下三种之一: 数字(比如1,2,3) auto-fit关键字 auto-fill关键字 显然,数字设定了特定的轨道数。...当浏览器变窄时,"auto"继续变窄,直到达到min-content阈值。 image.png 在上面的演示中,只有当每一达到min-content阈值时,div 才会开始溢出容器。...在宽屏幕浏览器上,五的间距均为 1fr。在较窄的设备上,会越来越窄。一旦达到 60px 和 8vw 之间的较低,就会停止缩小。...如果右侧有额外空间(小于 200 像素),div 会展开以填充空间。如果我们拓宽浏览器,一旦又有 200 像素的空间,就会在行中添加另一个 div。...在上图中,你可以看到末端编号仍然是 8,而 8 则堆叠在网格 7、6 和 5 的上方。 那么我们该如何看待这一切呢?

    55330

    TypeScript实现贪心算法与回溯算法

    如果不能解决,就回溯选择另一个动作直到问题解决。 回溯算法会尝试所有可能的动作(如果更快找到了解决办法就尝试较少的次数)来解决问题。 实例讲解 接下来我们通过两个例子来讲解下回溯算法。...上述两个条件都无法满足,则表示老鼠水平和垂直都不能移动,则将该格子的改为0,表示无法移动,回溯,即将当前层从递归栈中移除,寻找另一种解决方案。...接收一个参数matrix,即待填充的数独 我们声明三个辅助变量row, col, checkBankSpaces分别用于描述数独的、当前格子是否为空 遍历数独,寻找空格子,记录空格子的位置,即:row...,返回上一个递归栈 检查是否满足填充规则的条件如下: 当前填充的数字在其中不重复 当前填充的数字在其中不重复 当前填充的数字在其3*3的矩阵中不重复 实现代码 接下来,我们将上述实现思路转换为代码...matrix 数独 * @private */ private solveSudoku(matrix: number[][]) { // 辅助变量用于描述数独的

    76930

    Vim给文件加行号,这通惊为天人的操作没sei了!文末天书慎点

    模式 ^ 匹配每一的开头,\= 表达式使用 printf() 来格式化当前行的数字: %-4d 是一个左对齐的整数, 如果需要,可以通过在4的宽度中添加空格来填充, %4d 是右对齐的,%04d...插入前导零 要给一部分内容编号,请指定哪些要使用编号。...例如,按 v 选择第一,然后按 j 向下扩展选择,直到选中所有需要的。然后输入以下命令(不要输入',这是 Vim 自动插入的): :'s/^/\=printf("%d....此外,在选择任何之前,需要设置第一个行号的。输入以下内容: :let i = 1 nl 指令 在基于Unix的系统中,number lines 工具可以通过过滤整个缓冲区来插入数字: :%!...例如,按 v 选择第一,然后按 j 向下扩展选择,直到选中所有需要的。然后键入以下内容。注:' 是由 Vim 插入的。 :'!

    2.5K20

    MySQL系列专题(2)-MySQL的SQL语句和高级特性

    一、 DML 操作【重点】 ---- 1.1 新增(INSERT) INSERT INTO 表名( 1, 2, 3…) VALUES( 1, 2, 3…); 1.1.1 添加一条信息 #...(个数、顺序、类型) 1.2 修改(UPDATE) UPDATE 表名 SET 1=新 1 , 2 = 新 2,…WHERE 条件; 1.2.1 修改一条信息 #修改编号为100 的员工的工资为...t_departments d ON e.department_id = d.department_id; 注意:左外连接,是以左表为主表,依次向右匹配,匹配到,返回结果 匹配不到,则返回 NULL 填充...,确保某(或两个多个的结合)有唯一标识,有助于更容易更快速地找到表中的一个特定的记录。...4、外键约束:foreign key ;保证一个表中的数据匹配另一个表中的的参照完整性。

    3.7K10

    Java数组

    可以使用稀疏数组进行压缩,将不为0的元素抽取出来储存,从而达到节约空间的作用。 稀疏数组是一种数据结构。...使用案例: 多维数组压缩和读取 左边是原始数组 右边为压缩后的稀疏数组也叫稀疏矩阵 稀疏矩阵的参数: row 表示数组下标 第一的row表示整个数组总共有多少 col 表示数组下标 第一的...确定了有效元素后 便可以创建稀疏数组的列表了 按照列表格式创建列表头: 总共有3 分别是 稀疏数组总共有多少取决于原数组的有效元素有多少个 在这个基础上要加上列表头的那一 所以就是...填充数组元素 Arrays.fill(int[], fromIndex, toIndex, val); 参数: int[] 被分配的指定数组名 fromIndex 分配索引的范围的第一个元素索引 被填充的范围包括此索引...直到交换到最后一个元素。 每交换一轮,较大的元素会被排在最后面,较小的元素则会排在最前面 每轮排序的元素越来越少,直到没有元素可以交换为止。

    1.8K30

    Excel 常用的九十九个技巧 Office 自学教程快速掌握办公技巧

    9、批量处理高、宽点击表格内行列,选中需要统一的区域,鼠标移至行列之间的线上,待鼠标变化为黑色带双向箭头时候拖拽标或标之间的线就能实现行列统一宽距离。...16、查找重复选取查找数据的区域,依次点击【开始】-【条件格式】-【突出显示单元格规则】-【重复】设置选择重复格式为【浅红填充色深红色文本】。...23、快速切换至另一个 Excel 窗口当我们需要查阅两个表格的文件内容时,可直接按组合键【Ctrl+Tab】键切换表格窗口。...71、按特定符号拆分数据点击 “数据” 选项下的 “分列”,按要求把数据分离即可,注意有身份证号码和银行卡号等信息时,要在分列第三步中将数据格式设置为文本。...82、固定长度编号只需要将整列的格式调整成文本格式后,我们再输入 001 就不会变掉了。83、冻结首单元格全选首单元格 -【视图】-【冻结窗格】- 选择【冻结首】即可。

    7.1K21

    SQL Server基础SQL脚本之内外连接、交叉连接;函数、子查询

    外联接 - 显示包含一个表中的所有以及另外一个表中匹配的结果集,不匹配的用NULL填充 --(1)左外联接 - 返回LEFT OUTER JOIN 左侧的表的所有,以及右侧指定的表的匹配,若右边找不到匹配项...,显示NULL --(2)右外联接 - 返回RIGHT OUTER JOIN 右侧的表的所有,以及左侧指定的表的匹配,若左边找不到匹配项,显示NULL --(3)完整外联接 - 左外联接和右外联接的组合...交叉联接(Cross Join) Product运算,将一个表中的每一另一个表中的 -------------------- create table Course --创建Course表,...自联接 - 同一个表当成两张表使用,一个表中的一联接另一个表中的一 select * from HumanResources.Employee select a.EmployeeID,a.Title...相同的员工的信息 --IN 多个 --问题:查询和员工编号为1,3,4的员工的职位相同的员工的信息 --EXISTS关键字-检查一组记录是否存在,返回True或False --if exists

    2.3K40

    啰哩啰嗦地讲透VBA中引用单元格区域的18个有用方法--Cell属性和Offset属性

    行号和号是编号,通常使用数字。使用此语法时,还可以使用字母来引用,用双引号(“”)将字母括起来。除了引号(“”)(围绕字母),不需要像使用Range属性时那样使用其他引号。...该过程将继续处理每个子序列单元格,直到… 单元格XFD1(第一中的最后一个单元)被分配数字编号16384。...编号分配将持续到… 单元格XFD2(第二中的最后一个单元)被分配数字编号32768。 该过程继续到第三。 然后是第四。 依此类推,直到… 到达第1048576。...“偏移行”是要偏移基准区域的行数,该可以是正值(向下偏移)或负值(向上偏移)。“偏移”是要偏移区域的数,如果为正值,则向右偏移,为负值将向左偏移。...为此,有两个选项:如果仅使用索引参数,单元格被从左至右从上至下分配数字编号;如果索引和索引参数都使用,索引确定在适用区域内访问的单元格。 这两个参数都是相对偏移量。

    3.8K40

    快速介绍Python数据分析库pandas的基础知识和代码示例

    注意:还有另一个类似的函数pd。read_excel用于excel文件。...我们可以通过df[:10].to_csv()保存前10。我们还可以使用df.to_excel()保存和写入一个DataFrame到Excel文件或Excel文件中的一个特定表格。...我们可以使用fillna()来填充缺失的。例如,我们可能想用0替换' NaN '。...通常回根据一个或多个对panda DataFrame进行排序,或者根据panda DataFrame的索引名称进行排序。 例如,我们希望按学生的名字按升序排序。...类似地,我们可以使用df.min()来查找每一或每的最小。 其他有用的统计功能: sum():返回所请求的轴的的总和。默认情况下,axis是索引(axis=0)。

    8.1K20

    Mysql资料 主键

    一.简介 主键意味着表中每一都应该有可以唯一标识自己的一(或一组)。 一个顾客可以使用顾客编号,而订单可以使用订单ID,雇员可以使用雇员ID 或 雇员社会保险号。...主键(primary key) 一(或一组),其能够唯一区分表中的每个。 唯一标识表中每行的这个(或这组)称为主键。...没有主键,更新或删除表中特定很困难,因为没有安全的方法保证只设计相关的。 虽然并不总是都需要主键,但大多数数据库设计人员都应保证他们创建的每个表有一个主键,以便于以后数据操纵和管理。...: 1、不更新主键 2、不重用主键 3、不在主键中使用可能会更改的(例如,如果使用一个名字作为主键以标识某个供应商,应该供应商合并和更改其名字时,必须更改这个主键) 总之:不应该使用一个具有意义的...,此时又要从磁盘上读回来,这增加了很多开销,同时频繁的移动、分页操作造成了大量的碎片,得到了不够紧凑的索引结构,后续不得不通过OPTIMIZE TABLE来重建表并优化填充页面。

    3.8K20

    非科班出身,我是如何自己摸索研究卷积神经网络体系结构的

    现在,我不仅可以了解深度学习的范围,甚至我想出更好的方法,毕竟我的基础已经达到了。 今天,我要与你分享我的学习心得。 我将向您展示如何理解卷积神经网络。...在下面的描述中,1 号是白色的,256 是最黑暗的阴影绿色(实际上应该是黑色,但是为了便于表示每个像素的编号都以一种颜色,绿色的深浅程度进行表示)。...我们可以把输入图像用我们定义的权矩阵(卷积核)进行卷积操作,从而获取我们想要的结果。 这种方法有另一个好处是,它减少了参数的数量。 3....画笔首先水平地画出墙壁中的一,然后向下,在水平地画下第二,然后向下画出第三直到整面墙壁都被粉刷完毕。而当权重矩阵沿着图像移动时,像素再次被使用。 再次当权重矩阵沿着图像像素才一次被使用。...权重矩阵的行为像一个过滤器的图像从原始图像中提取特定的信息矩阵。重量组合可能是提取边缘,而另一个可能是量化一个特定的颜色,而另一个可能只是提取模糊不需要的噪声。

    60130

    Q学习(Q-learning)简单理解「建议收藏」

    为了将编号为5的房间设置为目标,我们为每一扇门(即相应的边)关联一个reward:直接连接到目标房间的门的reward为100,其他门的rewad为0。...如下图所示: 注意,编号为5的房间有一个指向自己的箭头,其reward为100,其他直接指向目标房间的边的reward也为100。...我们可以以状态为,行为为,构建一个关于reward的矩阵R,其中的-1表示空(相应节点之间没有边相连)。...在没有老师的情况下,我们的agent将通过经验进行学习(也称为无监督学习),它不断从一个状态转至另一状态进行探索,直到到达目标。我们将agent的每一次探索称为一个 episode。...在每一个episode中,agent从任意初始状态到达目标状态,当agent达到目标状态后,一个episode即结束,接着进入另一个episode。

    3K40

    简单却强大:MySQL ZEROFILL让编号管理变得更轻松

    在MySQL中,ZEROFILL是一种用于在数字字段上进行填充零的属性。该属性通常用于确保数字达到指定长度时,左侧用零进行填充。...这在某些特定场景下非常有用,例如确保订单号或者其他标识符具有固定的长度。 1....案例演示 1.1 语法简介 关于ZEROFILL属性是作用于数字类型的列上的,属于属性,对于的语法简单描述如下: CREATE TABLE your_table ( your_column...我们希望订单编号始终为5位数,并在不足5位时用零进行填充。...小结 在以下场景中,可以考虑用zerofill属性或使用lpad函数来实现需求: 标识符填充:在需要保持标识符固定长度的场景下,比如订单编号、产品编号等 对齐要求:当在表格或报告中需要数字对齐时,ZEROFILL

    30010

    软件测试必备的数据库SQL查询语法

    在 select 后面前使用 distinct 可以消除重复的 select distinct 1,... from 表名; 例: select distinct gender from students...asc|desc 说明 将行数据按照 1 进行排序,如果某些行列 1 的相同时,则按照 2 排序,以此类推 默认按照从小到大排列(asc) asc 从小到大排列,即升序 desc 从大到小排序...max()表示求此列的最大 例 2:查询女生的编号最大 select max(id) from students where gender=2; 5.3 最小 min()表示求此列的最小...) 列子查询:返回的结果是一(一多行) 子查询:返回的结果是一(一) 标量子查询 查询班级学生平均年龄 查询大于平均年龄的学生 查询班级学生的平均年龄 select * from students...min(age) from students)); 子查询中特定关键字使用 in 范围 格式:主查询 where 条件 in (列子查询) 8、连接查询 当查询结果的来源于多张表时,需要将多张表连接成一个大的数据集

    2.8K20

    P300事件相关电位知多少?

    当包括此字符的或者包含此字符的被高亮时(也就是oddball范式中的靶刺激),要求受试者对此做出反应,予以计数,会产生P300波形;当不包含此字符的或者加亮时,被试不做出反应,不予计数,不会产生...P300 Speller 打字界面(左图为一高亮的界面图 右图为打字界面的行列编号), 图片来源于:基于P300的脑机接口指令识别 图2.5 比如要打字符“V”,12次刺激当中,理论上只有编号为10...的编号为4的加强才可以诱发出P300脑电波形图如图 2.6 所示。...最终的结果是,由于图b所示的虚拟,参与者看到6个项目组成的随机组在闪烁(与相反)。例如,白色矩阵的第一包括:2,Bs, Shift, H, Sp, EC。...在一个序列中,白色矩阵中的6个虚拟(图b)依次从上到下闪烁,黑色矩阵中的6个虚拟依次闪烁。然后,白色矩阵中的6个虚拟按从左到右的顺序闪烁,然后是黑色矩阵中的6个虚拟。 ?

    5.7K43

    QR 二维码布局(五)

    水平方向的时间模块位于坐标第六(从 0 开始算)连接上方两个定位模块的隔离模块;垂直方向的时间模块位于第六(从 0 开始算)连接左侧两个定位模块的隔离模块。时间模块两端都是黑色码元。...如果期间遇到预留区域,不对该处码元进行填充,一直到下一个闲置码元才继续进行填充。 下图展示了放置数据编码的顺序。...例外:竖直时间模块 填充数据编码时,以上规则都是通用的,唯独左侧时间模块不同,当填充区域抵达竖直方向时间模块时,时间模块这一不算在向下方向的填充区域内,紧贴时间模块左侧的 2 码元宽度的这一填充区域的位置...如图所示,当时间模块右侧这一填充完毕时,跳过时间模块这一,左边另起一个 2 码元宽的新一进行向下填充: ? 再进行简单归纳下,整个数据编码信息的填充路线如下图所示: ?...将格式信息码按顺序填充到 QR 二维码矩阵的预留格式信息区域中: ? 0 到 14 即 15 位格式信息码从左到右的编码对应的位置编号

    1.5K31
    领券