千锋web前端教学知识点记录及个人理解4
WEB前端知识点记录(84-109集)
- 第八十四集-relative相对定位
- 第八十五集-absolute绝对定位
- 第八十六集-fixed和sticky及zlndex
- 第八十七集-定位实现下拉菜单
- 课堂作业
- 第八十八集-定位实现居中和装饰点
- 课堂作业1
- 课堂作业2
- 第八十九集-css添加省略号
- 课堂作业
- 第九十集-css精灵及好处
- 课堂作业
- 第九十一集-css圆角设置
- 课堂作业
- PC端企业类型整页制作(第92-99集)
- PC端游戏类型整页制作(第99-109集)
第八十四集-relative相对定位
- position特性:css属性用于指定一个元素在文档中的定位方式。top、bottom、right、left属性则决定了元素的最终位置
- position取值:static(默认)、relative、absolute、fixed、sticky
- relative相对定位:如果没有定位偏移值,对元素本身没有任何影响,不使元素脱离文档流,不影响其他元素布局,top、bottom、right、left是相对于当前元素自身进行偏移的
第八十五集-absolute绝对定位
- absolute绝对定位:使文件完全脱离文档流,使内联元素支持宽高(使内联具备块特性),使块元素默认宽根据内容决定(使块具备内联的特性),如果有定位祖先元素相对于定位祖先元素发生偏移,没有定位祖先元素相对于整个文档发生偏移(绝对、相对、固定)
第八十六集-fixed和sticky及zlndex
- fixed固定定位:使文件完全脱离文档流,使内联元素支持宽高(使内联具备块特性),使块元素默认宽根据内容决定(使块具备内联的特性),相对于整个浏览器窗口进行定位,不受浏览器滚动条的影响
- sticky黏性定位:在指定的位置,进行黏性操作
- z-index定位层级:默认层级为0,嵌套时候的层级问题
第八十七集-定位实现下拉菜单
课堂作业
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style>*{margin: 0;padding: 0;}ul{list-style: none;}#menu{width: 100px;height: 30px;margin: 20px auto;border: 1px black solid;position: relative;}#menu ul{width: 100px;border: 1px black solid;position: absolute;left:-1px;top:30px;background: white;display:none;}p{text-align: center;}#menu:hover ul{display: block;}#menu ul li:hover{background: gray;}</style>
</head>
<body><div id="menu">卖家中心<ul><li>列表项1</li><li>列表项2</li><li>列表项3</li><li>列表项4</li></ul></div><p>测试段落</p>
</body>
</html>
第八十八集-定位实现居中和装饰点
课堂作业1
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style>#box1{width: 300px;height: 300px;border: 1px black solid;position: relative;}#box2{width: 100px;height: 100px;background: red; position: absolute;left: 50%;top: 50%;margin: -50px 0 0 -50px;}</style>
</head>
<body><div id="box1"><div id="box2"></div></div>
</body>
</html>
课堂作业2
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style>#ul li{position: relative;}#ul li:before{content:"" ;display:block;width: 3px;height: 3px;background: yellow;position: absolute;left: 8px;top:50%;margin-top: -2px;}</style>
</head>
<body><ul><li></li></ul>
</body>
</html>
第八十九集-css添加省略号
- width:有一个固定的宽
white-space:nowrap(不让内容折行)
over-flow:hidden(隐藏溢出的内容)
text-overflow:ellipsis(添加省略号)
课堂作业
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style>#content{width: 200px;border: 1px black solid;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}</style>
</head>
<body><div id="content">测试文字测试文字测试文字测试文字测试文字</div>
</body>
</html>
第九十集-css精灵及好处
- css script特性:css精灵是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去加载
- 好处:可以减少图片的质量,图片的加载速度加快,减少图片的请求的次数,加快网页的打开
课堂作业
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style>#box1{width: 20px;height:21px;background: url(./) no-repeat left -596px;}#box2{width: 300px;height:50px;border:1px black solid;line-height: 50px;padding-left: 20px;}</style>
</head>
<body><div id="box1"></div><div id="box2"></div>
</body>
</html>
第九十一集-css圆角设置
- border-radius:给标签添加圆角
课堂作业
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style>#box{width:200px;height: 200px;background: red;border-radius: 20px;}</style>
</head>
<body><div id="box"></div>
</body>
</html>
PC端企业类型整页制作(第92-99集)
- 通栏:自适应浏览器的宽度
版心:固定一个宽度,让容器居中
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><link rel="stylesheet" href="./css/common.css"><style>#banner{position: relative;}#banner .banner_list{width: 100%;height: 469px;position: relative;}#banner .banner_list li{width: 100%;height: 100%;background: center 0 no-repeat;position: absolute;left: 0;top: 0;opacity: 0;opacity: 0;z-index:1;}#banner .banner_list li.active{opacity: 1;z-index:10;}#banner .banner_list a{display:block;width:100%;height:100%;}#banner .banner_btn{width:100%;position: absolute;bottom: 19px;left: 200px;z-index:20;font-size: 0;text-align: center;}#banner .banner_btn li{display: inline-block;width: 12px;height: 12px;border: 2px solid white;border-radius: 50%;box-sizing: border-box;margin: 0 6px;cursor: pointer;}#banner .banner_btn li.active{background: white;}#service{overflow: hidden;min-height: 407px;}#service .service_list{text-align: center;margin-top: 34px;}#service .service_list li{float: left;width: 250px;margin: 0 10px;}#service .service_list div{width: 102px;height: 102px;margin: 0 auto;}#service .service_list li :nth-of-type(1) div{background-image: url(./img/2.jpeg);}#service .service_list li :nth-of-type(2) div{background-image: url(./img/2.jpeg);}#service .service_list li :nth-of-type(3) div{background-image: url(./img/2.jpeg);}#service .service_list li :nth-of-type(4) div{background-image: url(./img/2.jpeg);}#service .service_list h3{font-size: 18px;color: #434343;line-height: 36px;margin-top: 25px;}#service .service_list p{font-size: 14px;color: #6d6d6d;line-height: 22px;}#case{background: #f8f8f8;}#case .container{min-height: 460px;overflow: hidden;}#case .case_title{margin-top: 55px;}#case .case_title h2{color: #66c5b4;}#case .case_list{margin-top: 28px;}#case .case_list li{float: left;width: 340px;margin: 0 10px;}#case .case_btn{width: 176px;height: 37px;background: #66c5b4;margin: 0 auto;border-radius: 25px;line-height: 37px;text-align: center;font-size: 14px;margin-top: 36px;}#case .case_btn a{display: block;width: 100%;height:100%;color: white;}#news{min-height: 450px;overflow: hidden;}#news .area_title{margin-top: 65px;}#news dl{margin-top: 48px;}#news dt{width:234px}#news dd{width: 846px;}#news .news_list{width:100%;}#news .news_list li{width: 50%;float: left;}#news .news_date{width: 71px;height:70px;border-right: 1px solid #dcdcdc;text-align: center;}#news .news_date i{color: #66c5b4;font-size: 39px;display: block;font-weight: bold;}#news .news_date span{color: #999999;font-size: 20px;line-height: 36px;}#news .news_text{width: 300px;margin-top: 20px;}#news .news_text h3{font-size: 14px;}#news .news_text h3 a{color: #3f3f3f;}#news .news_text p{color: #a4a4a4;font-size: 12px;line-height: 21px;margin-top: 17px;}</style>
</head>
<body><div id="head" class="countainer"><div class="head_logo l"><a href="#"><img src="./img/600d2b87112987c56aa771200444dab7.jpeg" alt="博文尚美"></a></div><ul class="head_menu r"><li><a href="">HOME</a></li><li><a href="">ABOUT</a></li> <li><a href="">PROTFOLIO</a></li> <li><a href="">SERVICE</a></li> <li><a href="">NEWS</a></li> <li><a href="">CONTACT</a></li></ul></div><div id="banner" class="contaner-fluid"><ul class="banner_list"><li class="active" style="background-image:url(./img/1.jpeg)"><a href="#"> <a></li><li class="active" style="background-image:url(./img/1.jpeg)"><a href="#"> <a></li><li class="active" style="background-image:url(./img/1.jpeg)"><a href="#"> <a></li><li class="active" style="background-image:url(./img/1.jpeg)"><a href="#"> <a></li></ul><ol class="banner_btn"><li class="active"></li><li class="active"></li> <li class="active"></li> <li class="active"></li></ol></div><div id="service" class="container"><div class="area_title"><h2>服务范围</h2><p>OUR SERVICES</p></div><ul class="service-list"><li><div></div><h3>1.WEB DESIGN</h3><p>企业品牌网络设计/手机网站制作<br>动画网站创意设计</p></li><li><div></div><h3>2.GRAPHIC DESIGN</h3><p>标志logo设计/产品宣传册设计<br>企业广告/海报设计</p></li><li><div></div><h3>3.E-BUSINESS PLAN</h3><p>淘宝天猫装修设计及运营推广<br>企业微博、微信营销</p></li><li><div></div><h3>4.MAILBOXAGENTS</h3><p>腾讯/网易企业邮箱品牌代理<br>个性化邮件定制开发</p></li></ul></div><div id="case" class="container-fluid"><div id="container"><div id="area_title"><h2>{ 客户定制 }</h2><p>with the best professional technology,to design the best innovative web site</p></div><ul class="case_list clear"><li><a href="#"><img src="./img/3.jpeg" alt=""></a></li><li><a href="#"><img src="./img/3.png" alt=""></a></li><li><a href="#"><img src="./img/3.jpeg" alt=""></a></li></ul><div class="case_btn"><a href="#">view more</a></div></div></div><div id="news" class="container"><div class="area_title"><h2>最新资讯</h2><p>THE LATEST NEWS</p></div><dl><dt class="l"><img src="./img/4.jpeg" alt=""></dt><dd class="l"><ul class="news_list"><li><div class="news_date l"><i>09</i><span>Jan</span></div><div class="news_text l"><h3><a href="#">网站排名进入前三的技巧说明</a></h3><p>更多客户...</p></div></li><li><div class="news_date l"><i>09</i><span>Jan</span></div><div class="news_text l"><h3><a href="#">网站排名进入前三的技巧说明</a></h3><p>更多客户...</p></div></li><li><div class="news_date l"><i>09</i><span>Jan</span></div><div class="news_text l"><h3><a href="#">网站排名进入前三的技巧说明</a></h3><p>更多客户...</p></div></li><li><div class="news_date l"><i>09</i><span>Jan</span></div><div class="news_text l"><h3><a href="#">网站排名进入前三的技巧说明</a></h3><p>更多客户...</p></div></li></ul></dd></dl></div><div id="foot" class="container-fluid"><div class="container"><p class="l">2006-2014</p><div class="r"><a href="#">HOME</a>|<a href="#">ABOUT</a>|<a href="#">PORTFOLIO</a>|<a href="#">CONTACT</a></div></div></div>
</body>
</html>
*{margin: 0;padding: 0;}
ul,ol{list-style: none;}
img{display: block;}
a{text-decoration: none;color:#646464ff;}
h1,h2,h3{font-size: 16px;}
body{font-family: Impact, 'Arial Narrow Bold', sans-serif;}
.l{float: left;}
.r{float: right;}
.clear-after{content: "";display:block;clear: both;}
.countainer{width: 1080px;margin: 0 auto;position:relative}
.countainer-fluid{width: 100%;}
#head{height: 81px;}
#head .head_logo{width: 162px;height: 44px;margin-top: 19px;}
#head .head_menu{font-size: 14px;line-height: 81px;}
#head .head_menu li{float: left;margin-left: 58px;}
#foot{background:#66c5b4;}
#foot .container{height: 54px;line-height: 54px;font-size: 12px;color: white;}
#foot .div a{color: white;margin: 0 10px;}
.area_title{margin-top: 60px;text-align: center;}
.area_title h2{height: 20px;line-height: 20px;font-size: 20px;color: #363636;background: url(../img/6.png) no-repeat center 18px;}
.area_title p{color: #9f9f9f;font-size: 14px;line-height: 34px;}
PC端游戏类型整页制作(第99-109集)
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><link rel="stylesheet" href="./css/common.css"><style>#main{background: url(./img/4.png) no-repeat center 0;}#nav{background: url(./img/5.pmg) repeat-x,url(./img/6.png) no-repeat center 0;overflow: hidden;position: relative;}#nav .container{min-height: 236px;overflow: hidden;}#nav .nav_logo{width: 138px;height: 112px; margin: 15px auto;}#nav dl{position: absolute;top: 0;}#nav dt{height: 66px;}#nav dt a{width: 100%;height: 100%;display: block; text-indent: -9999px;overflow: hidden;}#nav dd{line-height: 27px;font-size: 12px;text-align: center;}#nav dd a{color: white;}#nav dd a:hover{color: red;text-decoration: underline;}#nav dd a.hot:after,#nav dd a.new:after{content: "";display: block;width: 12px;height: 12px;background: url(./img/7.png) no-repeat;position: absolute;right: -15px;top: 0;}#nav dd a.hot:after{background-position:0 -12px;}#nav dd a.new:after{background-position:0 0;}#nav .nav_index{width: 65px;left: 0;}#nav .nav_zl{width: 69px;left: 98px;}#nav .nav_ss{width: 74px;left: 203px;}#nav .nav_hd{width: 68px;left: 325px;}#link{height: 175px;}#link a{height: 100%;width: 463px;display: block;margin: 0 auto;}#banner{height: 276px;background: url(./img/9.png) no-repeat;margin-top: 20px;}#banner .banner_left{width: 240px;height:310px;background: url(./img/10.png) no-repeat;margin: -10px 0 0 7px;}#banner .banner_download p{width: 91px;height: 25px;background: url(./img/11.png) no-repeat -253px 0;margin: 0 auto;text-indent: -9999px;overflow: hidden;}#banner .banner_download p:first-child{background-position: -253px 0;margin-top: 44px;}#banner .banner_download p:last-child{background-position: -253px -25px;margin-top: 44px;}/*CSS简单的动画*/#banner .banner_download:hover p:first-child{animation: .5s upMove;}@keyframes upMove{0%{transform: translateY(-40px); opacity: 0;}100%{transform: translateY(0); opacity: 1;}}#banner .banner_download:hover p:last-child{animation: .5s downMove;}@keyframes downMove{0%{transform: translateY(40px); opacity: 0;}100%{transform: translateY(0); opacity: 1;}}/*CSS简单的动画*/#banner .banner_user div{border-radius: 50%;margin: 80px auto 0 auto;border: 2px #283257 solid; box-sizing: border-box;overflow: hidden;}#banner .banner_user img{width: 100%;height: 100%;}#banner .banner_user p{text-align: center;font-size: 12px;color: white;margin-top: 25px;}#banner .banner_user a{color: #34f1d0;}#banner .banner_list{width: 497px;height: 253px;overflow: hidden;margin: 13px 0 0 4px;position: relative;}#banner .banner_list_ul{width: 2000px;}#banner .banner_list_ul li{width: 497px;height: 253px;float: left;}#banner .banner_bottomline{height: 37px;background: rgba(0, 0, 0, 5);border-top: 1px #514b55 solid;position: absolute;bottom: 0;left: 0;}#banner .banner_bottomline_ul{text-align:center;margin-top: 11px;}#banner .banner_bottomline_ul li{display: inline-block;width: 15px;height: 15px;background: url(./img/12.png) no-repeat -603px -299px;cursor: pointer;}#banner .banner_bottomline_ul li.active{background-position: -581px -299px;}#banner .banner_bottomline_leftbtn,#banner .banner_bottomline_rightbtn{width:12px;height:22px;position: absolute;top: 5px;background:url(./img/13.png) no-repeat;cursor: pointer;}#banner .banner_bottomline_leftbtn{left: 5px;background-position:-542px -296px;}#banner .banner_bottomline_rightbtn{right: 5px;background-position:-554px -296px;}#banner .banner_bottomline_leftbtn:hover{background-position: -542px -325px;}#banner .banner_bottomline_leftbtn:hover{background-position: -554px -325px;}#banner .banner_list_lt,#banner .banner_list_rt,#banner .banner_list_rb, #banner .banner_list_lb{width: 12px;height: 12px;background: url(./img/14.png) no-repeat;position: absolute;}#banner .banner_list_lt{left: -2px;top: -4px;background: -621px -299px;}#banner .banner_list_rt{right: -2px;top: -4px;background: -634px -299px;}#banner .banner_list_rb{right: -2px;bottom: -5px;background: -634px -312px;}#banner .banner_list_lb{left: -2px;bottom: -5px;background: -621px -312px;}#banner .banner_right{width: 209px;height: 255px;position: relative;margin: 12px 0 0 12px;}#banner .banner_right_lt,#banner .banner_right_rt,#banner .banner_right_rb,#banner .banner_right_lb{width: 15px;height: 15px;background: url(./img/16.png) no-repeat;position: absolute;}#banner .banner_right_lt{left: -4px;top: -4px;background-position: -681px -298px;}#banner .banner_right_rt{right: -4px;top: -4px;background-position: -696px -298px;}#banner .banner_right_rb{right: -4px;bottom: -6px;background-position: -696px -313px;}#banner .banner_right_lb{left: -4px;bottom: -6px;background-position: -681px -313px;}</style>
</head>
<body><div id="head" class="container-fluid"><div class="constainer"><div class="head_logo 1"></div><div id="head_ad 1"><a href="#"><img src="./img/3.png" alt=""></a></div><div id="head_menu r"><div id="head_menu_czsh l"><a href="#">成长守护平台</a></div><div id="head_menu_top l"><a href="#">腾讯游戏排行榜</a></div></div></div></div><div id="main" class="container-fluid"><div id="nav" class="container-fluid"><div class="container"><div class="nav_logo"><a href="#"><img src="./img/7.png" alt="QQ飞车" title="QQ飞车"></a></div><dl class="nav_index"><dt><a href="#">首页</a></dt></dl><dl class="nav_zl"><dt><a href="#">资料</a></dt><dd><a href="#">新手指引</a></dd><dd><a class="hot" href="#">官方漫画</a></dd><dd><a class="new" href="#">飞车手游</a></dd><dd><a href="#">精美壁纸</a></dd><dd><a href="#">游戏下载</a></dd></dl><dl class="nav_ss"><dt></dt><dd><a class="hot" href="#">SSC</a></dd><dd><a href="#">谁是车王</a></dd><dd><a href="#">全民争霸赛</a></dd></dl><dl class="nav_hd"><dt></dt><dd><a class="hot" href="#">版本专区</a></dd><dd><a href="#">合作专区</a></dd><dd><a href="#">CDK兑换</a></dd></dl></div></div></div><div id="link" class="container"><a href="#"></a></div><div id="banner" class="container"><div id="container_left l"><div id="bannar_download"><p>下载游戏</p><p>DOWNLOAD</p></div><div id="bannar_user"><img src="./img/8.png" alt=""><p>欢迎<a>登陆</a>,进入飞车世界</p></div></div><div id="container_center l"><div class="banner_list"><ul class="banner_list_ul"><li><a href="#"><img src="" alt=""></a></li><li><a href="#"><img src="" alt=""></a></li><li><a href="#"><img src="" alt=""></a></li></ul><div class="banner_bottomline"><ul class="banner_bottomline_ul"><li class="active"></li><li></li><li></li></ul><div class="banner_bottomline_leftbtn"></div><div class="banner_bottomline_rightbtn"></div></div><i class="banner_list_lt"></i><i class="banner_list_rt"></i><i class="banner_list_rb"></i><i class="banner_list_lb"></i></div></div><div id="container_right l"><a href="#"><img src="./img/15.png" alt=""></a><i class="banner_right_lt"></i><i class="banner_right_rt"></i><i class="banner_right_rb"></i><i class="banner_right_lb"></i></div></div>
</body>
</html>
*{margin: 0;padding: 0;}
ul,ol{list-style: none;}
img{display: block;}
a{text-decoration: none;color:#464646;}
h1,h2,h3{font-size: 16px;}
body{font-family: Impact, 'Arial Narrow Bold', sans-serif;}
.l{float: left;}
.r{float: right;}
.clear-after{content: "";display:block;clear: both;}
.countainer{width: 980px;margin: 0 auto;position:relative}
.countainer-fluid{width: 100%;}
#head{background: url(../img/1.png) repeat-x}
#head .container{height: 41px;}
#head .head_logo{width: 220px;height: 41px;background: url(../img/2.png) no-repeat 0 -38}
#head .head_logo a{display: block;width: 100%;height: 100%;text-indent: -9999px;overflow: hidden;}
#head .head_ad{margin-left: 8px;}
#head .head_menu{font-size: 12px;}
#head .head_menu div{height: 18px;margin-top: 13px;background: url(../img/2.png) no-repeat;}
#head .head_menu .head_menu_czsh{margin-right: 26px;padding-left: 20px;background-position:left -92px;}
#head .head_menu .head_menu_top{margin-right: 17px;background-position:right -89px;}
千锋web前端教学知识点记录及个人理解4相关推荐
- 千锋web前端工程师头脑风暴:程序员逻辑思维养成记
"逻辑思维"这个词,很多人会对它敬而远之.因为大多人,也包括我在内,我们这些并没有天生才智的人来说,似乎总认为这是自己不擅长的领域. 这4年前在网上突然出现了一档脱口秀节目,叫做& ...
- Web前端理论知识记录
Web前端理论知识记录 Elena · 5 个月前 cookies,sessionStorage和localStorage的区别? sessionStorage用于本地存储一个会话(session)中 ...
- Web前端css知识点概括
Web前端css知识点的简单概括如下,方便记忆. 1.字体,背景(font-style,font-weight,font-size/line-height,font-family...backgrou ...
- 点击部分刷新html ajax,一文全解web前端精简知识点
Web 前端知识体系精简介绍,让你学web前端轻松容易,让你选择web前端更轻松容易! Never give up on something you really want. It's difficu ...
- 在千锋学前端的卢同学“不甘于落后,不安于现状”
第一阶段项目即将结束之际,我想我们每一位学员都有不同的但很大的收获.对于我个人,我认为第一-阶段培训对我来说非常有意义,非常有必要,因为它不仅让我充实了更多的前端基础知识,更让我开阔了对前端开发的了解 ...
- (2020.12.7)初次web前端性能优化记录
(转载公司内部论坛本人文章2020.12.7) 导语: 作为客户端开发,由于项目的需要,最近一年陆续做了很多web前端的需求开发.但过去做的大部分都是单页面的运营H5,上线时间短,一般保证能稳定运行就 ...
- WEB前端ES6知识点【笔记】
目录 前言 声明变量 let变量 const声明变量 变量的解构赋值 ES6新引入字符串 简化对象写法 ES6箭头函数及声明特点 案例 前言 自学尚硅谷前端ES6 web前端自学ES6部分,简单记一点 ...
- JavaScript基础实战知识点记录及个人理解2
JavaScript基础&实战知识点记录(26-45集) 第二十六集-运算符的优先级 第二十七集-代码块 第二十八.二十九.三十.三十一.三十二集-if语句 练习1 练习2 练习3 第三十三. ...
- WEB前端打印使用记录
一.window.print(); 1.使用记录 printTable(){//获取body页面内容const bdhtml = window.document.body.innerHTML;//根据 ...
最新文章
- 51单片机怎么学啊?有推荐的线上网课和书籍么?
- 自定义配置webpack打包文件
- eclipse 打开文件目录
- 我的学习之路_第十八章_SQL语句
- zk reconnect
- docker 批量删除容器和镜像
- 设计模式:接口隔离原则
- ORACLE使用copy方式存储迁移,详细讲解Oracle数据库的数据迁移方法
- 了解C#常用关键字 1214
- 服务器宝塔怎么开启php5.4伪静态,WeCenter在宝塔面板LNMP环境下开启伪静态方法
- Docker学习总结(55)——Google和Facebook为什么不用Docker?
- 解析json数组——TypeToken
- python求直角三角形斜边底下的数值怎么输_如何用用户输入的值求三角形的角,以及如何绘制i...
- matlab阿卡曼公式,阿克曼函数--一个计算方法
- 9、ffplay音频的波谱图及频谱图源码分析
- centos7 配置阿里yum源
- java模板引擎哪个好_模板引擎比较
- 计算机与测控技术专业就业方向,东北电力大学测控技术与仪器专业就业前景
- 使用接口实现打印机功能
- 马建威android视频,5.25春季班高级班第三期第五节课课堂总结