- 博客(51)
- 收藏
- 关注
原创 消费者生产者实验
生产者与消费者问题实验目的:了解和熟悉linux系统下的信号量集和共享内存。实验任务:使用linux系统提供的信号量集和共享内存实现生产者和消费者问题。实验要求:写两个程序,一个模拟生产者过程,一个模拟消费者过程; 创建一个共享内存模拟生产者-消费者问题中缓冲队列,该缓冲队列有N(例如N=10)个缓冲区,每个缓冲区的大小为1024B,每个生产者和消费者对缓冲区必须互斥访问; 由第一个生产者创建信号量集和共享内存,其他生产者和消费者可以使用该信号量集和共享内存; 生产者程序:
2022-01-01 11:29:51
681
1
原创 操作系统知识点总结(一)
操作系统(一)操作系统导论(一)操作系统导论1.什么是操作系统操作系统的目标:方便性,有效性,可扩充性,开放性。操作系统的作用:1.os作为用户与计算机硬件系统之间的接口。2.os是计算机系统资源的管理者。3.os实现了对计算机资源的抽象。操作系统非形式化定义:计算机系统中的一个系统软件,它是一些程序模块的集合——它们管理和控制计算机系统中的软硬件资源,合理地组织计算机的工作流程,以便有效地利用这些资源为用户提供一个功能强大、使用方便和可扩展的工作环境,从而在计算机与其用户之
2021-09-11 20:08:01
161
原创 CSS媒体查询
不同设备:用法:@media screen{ }可选值:all 所有设备;screen 屏幕;print 打印机;speech 屏幕阅读器拓展:可以选择多个,也可以用only只选择一个且兼容老版本浏览器不同宽度:width:刚好满足宽度生效 height:刚好满足高度生效 min-weidth:最小宽度生效(即宽度大于值生效) max-weidth:最大宽度生效(即宽度小于值生效)几个常用分界点:小于768px-->max-width:768px大于7
2021-08-14 19:28:12
199
原创 CSS3弹性盒
定义:弹性盒是:CSS3的一个新特性,用于替代浮动的布局手段,没有浮动带来的高度塌陷等问题,同时让元素具有弹性,可以随窗口大小改变而改变。组成:弹性容器和贪心元素。弹性容器:开启了diplay:flex(块级弹性容器)或者inline-flex(行内级弹性容器)弹性元素:弹性容器的直接子元素。一个元素可以即是弹性容器又是弹性元素。弹性容器:flex-direction:;指定弹性容器中弹性元素的排列方向row,默认值,从左往右 row-reverse,反向,从右往左 ..
2021-08-13 21:04:34
73
原创 less使用
less的特点:大体上语法同css,但是支持变量,嵌套等特殊用法,使用起来也更方便。 less不能直接运行在浏览器上,得通过转换为css代码,采用用于浏览器less语法:选择器: .box1{ width: 100px; height: 100px; background-color: aqua; .box2{ background-color: #bfa; .box3{ background-col
2021-08-13 14:40:52
108
原创 css立方体制作
思路,六个面重叠在一起,然后旋转平移,到底指定位置 opacity设置元素不透明度,包括图片,背景等 transfrom-style: preserve-3d,设置元素3d旋转效果。
2021-08-12 22:21:09
71
原创 CSS变形平移旋转缩放
CSS变形平移的特点:变形不会影响页面的布局,即只会影响元素自己,而不影响其他元素。 使用transform来设置元素的变形效果transfrom的平移:translateX() 沿着X方向 translateY() 沿着Y方向 translateZ() 沿着Z方向 注意在一个样式里,设置多个平移只能写在一个transfrom里,用,隔开,写多个transfrom会覆盖之前的属性 三种平移可以使用长度单位,也可以是使用百分比,百分比的对象是元素本身,可以特点也可以用来将可变大小的行内元素
2021-08-12 21:48:21
405
原创 CSS前端动画
CSS动画(animation)结构: @keyframes test { /* from或者0% */ from{ 属性 } /* to或者100% */ to{ 属性 } }动画具体属性: animation-name:;动画名称,.
2021-08-12 17:22:27
68
原创 CSS过渡效果
过渡定义:过渡用于指定一个或多个属性发生变化时的切换方式,可以提高用户属性,transition具体属性: transition-property:指定要执行过渡的属性,用,隔开,可以使用all表示所有属性,大部分属性,高度,宽度,颜色等都支持过渡,但是属性的值必须是有效值,不能说auto或者不明确指定。 transition-duration:;指定过渡的持续时间,如果不指定,效果无法显示 transition-timing-function:;指定的过渡时序函数,..
2021-08-12 16:20:56
81
原创 前端HTML表单
表单简介:标签名:form 用于将数据发送到服务器 <formaction="服务器地址"></form> 表单项:文本框:<inputtype="text"name="name">,name作为服务器变量名 密码框:<inputtype="password"name="password">,name作为服务器变量名 提交按钮:<inputtype="submit"value="提交">,value显示在页面上...
2021-08-08 15:25:03
100
原创 前端表格table
表格简介: table表格标签名,整个表格 tr表格中的一行 td表格中的一列 合并单元格:rowspan纵向合并单元格,colspan横向合并单元格<td rowspan="2"></td>长表格:thead-->头部(列可以不用td而是用th表示标题) tbody-->主题 tfoot-->尾部<table> <thead> <tr>
2021-08-08 14:35:11
129
原创 CSS线性渐变,径向渐变
线性渐变:background-image:linear-gradient(tobottom,red0px,yellow100px);参数对应:线性渐变的开头:渐变的方向,可选值:to top,to bottom,to left, to right,xxdeg(度数),xxturn(表示圆)第二个元素,表示渐变开始的颜色,和开始渐变的位置,可以省略位置第三个元素是渐变结束的颜色,和出现的位置,也可省略位置可以有多个颜色渐变,默认情况下均匀分布,也可以手动分别。bac...
2021-08-07 20:54:07
172
原创 CSS背景
1.背景颜色:background-color:#bfa;2.背景图片:background-image:url("");如果同时设置背景颜色和背景图片,则背景颜色会成为背景图片的背景颜色当图片的大小和元素的大小不一样时,图片小于元素 图片会多个铺满元素 图片大于元素 一部分无法显示 图片等于元素 正常显示 3.设置图片铺满元素的方式:background-repeat:repeat; 默认值,沿x和y方向同时铺满background-r...
2021-08-07 20:08:40
85
原创 CSS文本样式
水平对齐(text-align)可选值:left 左侧对齐,right 右侧对齐 ,center居中对齐 ,justify 两端对齐垂直对齐(vertical-align)可选值:baseline 默认值,基线对齐;top 顶端对齐;bottom 底部对齐;middle 居中对齐其他文本样式text-decoration文本修饰,可选值:none 无;underline 下划线;line-through 中间删除线;overline上划线 white-space 网页如何处理空白,可选
2021-08-03 17:21:23
65
原创 CSS字体,图标字体
字体相关样式color:字体颜色font-size:字体大小font-family:字体族,基本可选值:serif,衬线字;sans-serif:非衬线字;monospace:等宽字体font-family可以指定多个字体,用,隔开,浏览器会优先使用第一个,如果无法使用,再使用后面的。引入服务器字体@font-face{font-family:;//定义字体名src:url();//字体位置}fon...
2021-08-03 16:52:33
118
原创 CSS四种定位布局方式
什么是定位?一种高级的布局手段,通过定位可以将元素放到任意位置。使用position属性可开启元素的定位,可选值:static 默认值,不开启定位 relative 开启元素相对定位 absolute 开启元素绝对定位 dixed 开启元素固定定位 sticky 开启元素粘滞定位 偏移量:元素的定位开启后,一般还得设置偏移量来辅助定位,四个偏移量分别为:top,bottom,left,righttop:定位元素和定位位置上边的距离
2021-08-01 16:50:58
186
原创 使用clear,after完美解决高度塌陷
clear:清除浮动对下一个元素的布局影响上面开启BFC的第一种方法可能会对下一个元素的布局产生影响,针对这种影响,我们可以设置下一个元素的clear属性,可选值:left: 清除向左浮动元素对它的影响right:清除向右浮动元素对它的影响both:清楚两个中最大影响::after伪元素,配合content,在一个元素后面加入一个行内伪元素.out{ background-color: #bfa; border: 10px red
2021-07-31 17:24:39
608
原创 浮动高度塌陷的BFC解决办法
什么是高度塌陷?当需求包含父元素高度随子元素变化而变化,即要求浮动的子元素始终得被父元素所包围,但是由于子元素浮动脱离文档流,会出现父元素高度丢失的情况,并且还会影响下一个元素的布局,如:BFC:块级格式化环境定义:BFC是CSS中一个隐藏的属性,开启BFC的元素会变成一个独立的布局区域 特点1:开启BFC的元素不会被浮动的元素覆盖 特点2:开启BFC后子元素的外边距不会和父元素的外边距重叠 特点3:开启BFC后元素可以包含子元素(解决高度塌陷)开启BFC的方法:设置元素浮动,.
2021-07-31 17:04:02
136
原创 CSS浮动,水平布局
浮动定义:属性名:float 属性值:none默认,left左浮动,right右浮动 元素浮动之后,可以不用满足文档流中元素水平布局的等式,即:元素浮动后会从文档流中脱离,下面文档流中块元素会补上去,从头开始排列浮动的特定:浮动元素默认不会从父元素中移出 如果浮动元素上边是没有浮动的块元素,浮动元素不会上去 浮动元素不会超过他前面浮动的兄弟元素,尽管有位置 如果页面不足以放下所有的浮动元素时,会像文档一样,从下一行开始排列浮动的作用:浮动可以让元素可以水平排列,完成水平方向的布局
2021-07-30 16:24:33
205
原创 盒子模型轮廓,阴影,圆角
轮廓:属性名:outline 属性值:宽度 颜色 样式 与border类似,不同点:outline不会影响到其他元素 .out{ width: 100px; height: 100px; background:#bfa; outline: 10px grey solid; } 阴影:属性名:box-shadow 属性值:向右/左偏移(...
2021-07-30 15:51:52
96
原创 前端浏览器默认样式去除
浏览器为了显示方便和美观,很多都会为html文件设置默认样式 但是不同浏览器显示效果会不一样,导致显示效果不一样,实际开发当中我们应该去除浏览器的的样式 方法一: *{ margin: 0px; padding: opx; } 可以去除所有元素的内边距和外边距,但会有残留的默认样式。 方式二: 链接:https://pan.baidu.com/s/1rhDryEeIdkhrMDAKrKCIl..
2021-07-26 16:55:41
855
原创 前端display和visibility属性
display属性:设置元素的显示类型, 可选值: inline 变成行内元素 block 变成块元素 inline-block 变成行内块元素 table 变成一个表格 none 不显示,不占空间 visibility属性: 设置元素显示状态, 可选值: visible 正常显示 hidden 不显示(占空间) ...
2021-07-26 16:30:08
138
原创 前端水平和垂直布局
水平布局:元素在其父元素里的位置由以下几个属性决定: margin-left border-right padding-left width padding-right border-right margin-right 水平布局时必须满足上述7个值之和等于父元素的content,!必须满足。 如果出现不满足的情况,浏览器会自动调整:七个值中没有auto时,调整margin-right的值 如果width为auto,则调整widt
2021-07-26 16:12:08
123
原创 盒子模型,盒模型,框模型
定义及组成:css中所有的样式都是一个矩形盒子 布局就是将盒子放到合适的位置 盒子的组成包括:内容区(content),内边距(padding),边框(border),外边距(margin)内容区(content):存放子元素和文本内容 width 宽度, height:高度,backgrou-color:背景颜色 注意:width和height是设置内容区的大小,不是整个盒子的大小 /* content */ width: 100px;
2021-07-26 15:26:34
67
原创 前端文档流定义
文档流:网页是多层结构的,一层叠着一层 通过css可以设计每一层的样式 浏览器呈现给用户的永远是最顶上一层 文档流是网页的最底下一层,是所有层的基础,所有的元素默认都是在文档流当中排列的元素有在文档流和不在文档流两种状态元素在文档流的特点:1. 块元素:块元素在页面中会独占一行,自上向下垂直排列 默认宽度是父元素的全部,一般是一整行 默认高度有内容相关2. 行内元素:不会独占一行,只与自身大小相关 自左向右排列,一行排不满会向下一行排列,与书写习惯一致 默认高度和默认宽
2021-07-25 14:54:51
248
原创 前端CSS,长度单位,颜色单位
CSS中的长度单位:px,像素,主要和屏幕相关,1920*1080 百分比,大小与父元素相关 em,与当前元素的字体相关,一个字体大小=1em rem,与根元素html的大小相关,根元素字体大小=1rem CSS中的颜色单位: 颜色名称:red,green,blue RGB值:0-255(0%-100%),语法:rgb(红色,绿色,蓝色),rgb(0,0,0)黑色,光的三基色 RGBA值:在RGB的基础上,增加一位不透明度,1不透明,0全透明,0.5半透明
2021-07-25 14:34:43
241
原创 前端CSS,样式继承
定义:对一个元素的样式设置之后,会影响到它的后代元素 <p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam fugiat deserunt ex dolor sapiente ducimus voluptates quisquam dicta commodi eos eveniet at corporis a delectus cumque, consequatur, cupidita
2021-07-25 13:53:44
45
原创 前端css选择器
简单选择器:1. 元素选择器:/* 元素选择器 */ p{color: red;}2.id选择器 /* id选择器 */ #red{color: red;}3.类选择器,一个元素可以有多个类 /* 类选择器 */ .redclass{color: red;}4.通配选择器 /* 通配选择器 */ *{color: red;}复杂选择器:1.交集选择器,两个选择器直接连接 /...
2021-07-24 19:02:45
72
原创 前端css三种使用方式和css基本语法
第一种使用方式(内联样式表): <!-- 内联样式表,行内样式 --> <p style="color:red;font-size:70px;">这是段落1</p>第二种使用方式(内部样式表):<!-- 内部样式表 --> <style> p{ color:red; font-size: 30px; } </style&g
2021-07-24 15:09:23
107
原创 前端图片标签,内联框架,音视频
图片标签:图片标签img是一种介于行内元素和块元素之间的替换元素,自结束标签,即用图片去替换源码的标签。图片标签的属性:src: 图片地址,<img src = "1.png">alt:图片的描述标签,<img src = "1.png" alt = "这是图片"> ,通常是用于搜索引擎的查找,有些浏览器会在图片不能显示时显示图片的描述。width/height,图片的宽和高,图片会根据设置的宽高,自动等比例缩放,不建议自己修改图片大小。图片格式:jpg(
2021-07-23 15:52:48
694
原创 前端超链接
超链接的作用: 跳转到外部地址:<a href="https://www.baidu.com"></a> 跳转到内部页面的地址:<a href="新页面.html"></a> 跳转到页面的某个位置:顶部可以用“#”,其他位置可以用id作为锚点,<a href="#id名"></a> 超链接地址相关知识: ./当前文件目录下,可以省略./ ../当前文件的上一个目录下 打开文件夹,文件夹名+/ 上面三种..
2021-07-23 14:09:57
74
原创 前端HTML列表
列表主要有三种:无序列表 有序列表 定义列表无序列表:ul表示列表,li列表项有序列表:ol表示列表,li列表项定义列表:dl表示列表,dt定义列表项,dd列表项定义列表中可以嵌套列表:如:ul中有一个列表项a和嵌套一个列表项...
2021-07-22 19:41:32
71
原创 前端语义化标签2
布局标签:div:块布局标签,主要使用的布局标签span:行内标签,主要用于网页的文字h5新增的布局标签h5在原有的两个标签的基础上新增加了一些布局标签:header:网页的头部main:网页的主题footer:网页的底部nav:导航栏aside:侧边栏...
2021-07-22 19:20:05
57
原创 前端块元素与行内元素
块元素:通过块元素对网页布局 行内元素:行内元素用来包裹文字 规则1:一般情况下块元素可以放行内元素,行内元素不能放块元素 规则2:一般块元素中什么元素都可以放,但p中不能放任何块元素(虽然不报错) 规则3:标签不能写在根元素html外部 规则4:根元素中不能出现除head和body之外的其他元素 注意:上述规则出现错误后,不会报错,依旧可以运行,原因:浏览器在运行时,会对不符合规范的内容进行修正,但是可能出现的修正结果和我们想要的结果不一样,所以建议写的时候符合上面的规则。...
2021-07-22 17:09:31
70
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人