开发网页表白ZR，技术人是怎么做的
2024-05-11 16:37:48
开发网页给女朋友表白，技术人是怎么做的
文章目录
- 开发网页给女朋友表白，技术人是怎么做的
- 确定布局
- 导航栏设计
- 侧面导航栏设计
- 主体部分设计
- 插入视频
- 图卡片堆积布局
- 细节添加
- 图片若隐若现效果
- 图片pop说明
- 图像模型的构建
- 背景音乐
- 细碎功能
- 完整代码【无素材】
- 流程展示
- 视频链接
- 效果展示
今天想开发一个网站，也算给女朋友一个小小的浪漫，平时在一起也比较忙，也算是平日里的一点小romantic，和大家分享只想和大家关心设计和技术，感谢大家的支持。
确定布局
首先确定一下，我要开发分为几个部分的网站，这样看起来比较有层次感。
其次，把主界面设计成浅灰色，再把每一个标签设计成白底的时候，再用box-shadow设置相应的投影，可以做出卡片嵌入的效果。
导航栏设计
首先确定的是，做个跟随吸附的效果，导航栏肯定要用sticky，在css里面设计，我们用div…sticky{}就可以，设置好各方面的position和margin，代码如下：
div.sticky{position: sticky;top: 0;background:azure;text-align: center;}
这是吸附的效果。
会一直跟随你的滚动。
侧面导航栏设计
侧面导航栏设计为贯穿整个界面的导航栏，所以css属性就要设计为这样：
.side-leader ul{list-style-type: 0;margin-top: 10px;padding: 0;width: 7%;height: 190%;background-color:#333 ;box-shadow: 0px 0px 1px 0px #888888;position:absolute;overflow: auto;border-radius: 25px;float: left;z-index: 4;}.side-leader ul li a{display: block;color:white;padding: 8px 16px;text-decoration: none;font-family:"黑体";}
这样显示出来的是这样的：
设计出来是这样的。
主体部分设计
主体部分分为三个部分，分别用column设置width分开就好。
body{margin: 0;font-family: Arial;padding: 10px;background: #f1f1f1;}.clearfix {overflow: auto;}.shadow_box{box-shadow: 0px 3px 10px 1px #888888;}
.leftcolumn{float: left;width: 8%;}.midcolumn { float: left;width: 50%;}/* 右列 */.rightcolumn {float: left;width: 42%;background-color: #f1f1f1;padding-left: 20px;}.avercolumn{float: left;width: 50%;background-color: #f1f1f1;}.aver_column{float: left;width: 49%;background-color: #f1f1f1;margin-left: 1%;}.aver2column{float: left;width: 68%;background-color: #f1f1f1;}.aver3column{margin-left: 2%;width: 27%;background-color: #f1f1f1;padding-left: 20px;box-shadow:2px 2px 10px 0px #888888 ;display: inline-block;}
这样做出来的效果是这样。
插入视频
只需要用< video>标签，我设计的代码如下：
<video width=100% height=100% controls="controls" <!--autoplay="autoplay"-->><source src="/i/movie.ogg" type="video/ogg" /><source src="img/LOVE2.mp4" type="video/mp4" /><source src="/i/movie.webm" type="video/webm" /><object data="/i/movie.mp4" width="320" height="240"><embed width=100% height=100% src="img/LOVE2.mp4" /></object></video>
效果如下：
看了一下封面，有我的脸，我就不展示了，我们还是回归正题。
效果肯定没问题！放心！
图卡片堆积布局
布局的时候我们采用很多个图片卡布满我们的屏幕，所以float和position，display等等属性一定要设置好。
<div style=""><div class="leftcolumn"><p></p></div><div class="midcolumn"><div class="card"><h2>一夜星空</h2><h5>不抵你的一份温柔，温婉而动心</h5><div class="fakeimg1 imgall" style="height:300px;"></div></div><div class="avercolumn card"><h2>一起吃饭鸭</h2><h5>呐~给你吃肉肉</h5><div class="" style="height:300px;text-align: center; box-shadow:1px 3px 15px 1px #888888 ;" ><img class="imgall" src="img/u=1174583361,3094642430&fm=26&gp=0.jpg"/ style="height: 100%;"></div></div><div class="aver_column card"><h2>总是那么聪明可爱，让我动心</h2><h5>记得你喜欢红星软香酥，把你做成月饼了吧？</h5><div class="container" style="height:300px;text-align: center;"><img class="imgall image" src="img/u=140318467,4274089430&fm=26&gp=0 (1).jpg" style="height: 300px;text-align: center;"/><div class="overlay"><div class="" style=""><h3 style="padding-top: 50%;font-family: '微软雅黑';">就不给你吃，休想哈哈哈，呐~不哭哭哦~我们一起恰恰哈~</h3></div></div></div></div><div class="card" style="float: left;width: 100%; margin-top: 1%;height: 100%;margin-right: 1%;"><video width=100% height=100% controls="controls" <!--autoplay="autoplay"-->><source src="/i/movie.ogg" type="video/ogg" /><source src="img/LOVE2.mp4" type="video/mp4" /><source src="/i/movie.webm" type="video/webm" /><object data="/i/movie.mp4" width="320" height="240"><embed width=100% height=100% src="img/LOVE2.mp4" /></object></video></div><div class="card" style="float: left;width: 100%;margin-top: 1%;height: 100%;margin-right: 1%;"><h4 class="" style="font-family: '楷体';">为你写诗，写下爱你曾不悔,百转千回，灯火阑珊永相随<br><br>锦瑟余音，不及我望穿欲归，斗转星移，潜溘余思念霖辉</h4></div></div></div><div class="rightcolumn"><div class="card"><h2>一片绿意</h2><h5>不得你的一阵活泼，机灵又可爱</h5><div class="" style="height:300px;"><img class="imgall" src="img/u=204147185,388269054&fm=26&gp=0.jpg" style="height: 100%;width: 100%;"></div></div><div class="aver2column card"><h2>一生相伴</h2><h5>就算吃冰淇淋也要一起，但是不要蛋黄味儿的啦</h5><div class="container" style="height:300px;text-align: center;"><img src="img/扫描全能王 2020-07-26 00.24.08_168.jpg" class="imgall" style="width: 100%;height: 100%;"><div class="overlay"><div class="" style=""><h3 style="padding-top: 50%;font-family: '微软雅黑';">一起恰恰冰淇淋呀，鸭鸭宝宝，蛋黄味的不好吃，下次不买了呜呜呜</h3></div></div></div></div><div class="aver2column card " style="text-align: center;"><img src="img/扫描全能王 2021-03-24 10.46_48.jpg" id="myImg" style="height:100%;widows: 100%; width: 100%;"/></div><div id="myModal" class="modal" style="z-index: 12;"><span class="close">×</span><img class="modal-content" id="img01"><div id="caption"></div></div><script>// Get the modalvar modal = document.getElementById('myModal');// Get the image and insert it inside the modal - use its "alt" text as a captionvar img = document.getElementById('myImg');var modalImg = document.getElementById("img01");var captionText = document.getElementById("caption");img.onclick = function(){modal.style.display = "block";modalImg.src = this.src;captionText.innerHTML = this.alt;}// Get the <span> element that closes the modalvar span = document.getElementsByClassName("close")[0];// When the user clicks on <span> (x), close the modalspan.onclick = function() { modal.style.display = "none";}</script><div class="aver3column card" style="height: 1190px;"><h2>我此生的胶带</h2><h5>上面刻着的，只有两个，你一个，我一个</h5><div class="imgall" style="height:200px; text-align: center;"><img src="img/扫描全能王 2021-03-24 10.46_57.jpg"/ style="height: 100%;width: 100%;"><img src="img/扫描全能王 2020-07-25 23.53.14_52.jpg" style="height: 100%;width: 100%;margin-top: 5px;"><img src="img/IMG_20190512_132556.jpg" style="height: 100%;width: 100%;margin-top: 5px;"><img src="img/IMG_20190401_162150.jpg" style="height: 100%;width: 100%;margin-top: 5px;"><img src="img/IMG_20200721_114659.jpg" style="height: 100%;width: 100%;margin-top: 5px;"></div></div><iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="https://music.163.com/outchain/player?type=2&id=28912659&auto=1&height=66"></iframe></div></div><div style="padding-bottom: 1000px;"><p></p></div></div>
细节添加
图片若隐若现效果
我们要给图片加上若隐若现的效果。用hover控制图片的opacity，或者用rgb（，，，，0.9），这个0.9也可以控制透明度，做出若隐若现的效果。
这是效果对比。这样可以做出动态变化的效果！
图片pop说明
鼠标在图片上面的时候，就会跳出一个动态的推栏，这样的交互性也很好。来看看！
以上就是动态的效果展示！
<div class="container" style="height:300px;text-align: center;"><img src="img/扫描全能王 2020-07-26 00.24.08_168.jpg" class="imgall" style="width: 100%;height: 100%;"><div class="overlay"><div class="" style=""><h3 style="padding-top: 50%;font-family: '微软雅黑';">一起恰恰冰淇淋呀，鸭鸭宝宝，蛋黄味的不好吃，下次不买了呜呜呜</h3></div></div></div>
图像模型的构建
经常有些图片点击可以打开他的大图展示，我们来看看如何设计的。
<div class="aver2column card " style="text-align: center;"><img src="img/扫描全能王 2021-03-24 10.46_48.jpg" id="myImg" style="height:100%;widows: 100%; width: 100%;"/></div><div id="myModal" class="modal" style="z-index: 12;"><span class="close">×</span><img class="modal-content" id="img01"><div id="caption"></div></div><script>// Get the modalvar modal = document.getElementById('myModal');// Get the image and insert it inside the modal - use its "alt" text as a captionvar img = document.getElementById('myImg');var modalImg = document.getElementById("img01");var captionText = document.getElementById("caption");img.onclick = function(){modal.style.display = "block";modalImg.src = this.src;captionText.innerHTML = this.alt;}// Get the <span> element that closes the modalvar span = document.getElementsByClassName("close")[0];// When the user clicks on <span> (x), close the modalspan.onclick = function() { modal.style.display = "none";}</script>
主要是js和html的结合，来看看效果。
这个图片，因为有隐私，我就截取了一半给大家讲解一下。
点击打开之后是这样的效果。
点击了之后，我们可以看到构建了这样的模型，把图片更加扩大化了。构建了一个单独的页面来呈现。
背景音乐
只需要在网上找到相应的外部链接，载入进Html，也就是一个iframe，我设计的是在底部进行出现播放器，大家可以根据自己的需求，自行设计！
效果如图！
细碎功能
在这个页面，也就是首页的地方点击一下，可以进入导航栏，我们的思路是用a标签，加上href=“#1”，再用name=“1”，就可以定位到你想要的标签位置。
<div class=" clearfix shadow_box"><a href="#1"><img class="img1" src="img/下载.jpg" width=1920px height=900px></a></div><div class="sticky" style="z-index: 10;"><a name="1" >
点击之后，就可以直接向下跳转。
完整代码【无素材】
<!DOCTYPE html>
<html><head><meta charset="utf-8" /><style>* {box-sizing: border-box;}body{margin: 0;font-family: Arial;padding: 10px;background: #f1f1f1;}.clearfix {overflow: auto;}.shadow_box{box-shadow: 0px 3px 10px 1px #888888;}.up-leader {background-color: #333; list-style-type: none;text-align: center;position:sticky;margin: 0;padding: 0;border-radius: 10px;z-index: 10;}.up-leader li:not(.dropdown) {display: inline-block;font-size: 20px;padding: 20px;z-index: 10;}.up-leader li a, .dropbtn{display: inline-block;color: white;text-align: center;padding: 14px 16px;text-decoration: none;}.up-leader li.dropdown{display: inline-block;font-size: 20px;padding: 20px;}.dropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}div.dropdown-content a {color:#000000;padding: 12px 16px;text-decoration: none;display: block;text-align: left;}.dropdown-content a:hover {background-color: #f1f1f1;}.dropdown:hover .dropdown-content {display:block;}div.sticky{position: sticky;top: 0;background:azure;text-align: center;}.img1{float:left;clear:both;position:static;display: flex;justify-content: center;opacity: 0.8;overflow: auto;}.side-leader ul{list-style-type: 0;margin-top: 10px;padding: 0;width: 7%;height: 190%;background-color:#333 ;box-shadow: 0px 0px 1px 0px #888888;position:absolute;overflow: auto;border-radius: 25px;float: left;z-index: 4;}.side-leader ul li a{display: block;color:white;padding: 8px 16px;text-decoration: none;font-family:"黑体";}li:hover{background-color: #555;color: white;}.leftcolumn{float: left;width: 8%;}.midcolumn { float: left;width: 50%;}/* 右列 */.rightcolumn {float: left;width: 42%;background-color: #f1f1f1;padding-left: 20px;}.avercolumn{float: left;width: 50%;background-color: #f1f1f1;}.aver_column{float: left;width: 49%;background-color: #f1f1f1;margin-left: 1%;}.aver2column{float: left;width: 68%;background-color: #f1f1f1;}.aver3column{margin-left: 2%;width: 27%;background-color: #f1f1f1;padding-left: 20px;box-shadow:2px 2px 10px 0px #888888 ;display: inline-block;}/* 伪图像 */.fakeimg1 {/*background-color: #aaa;*/width: 852px;background: url(img/6.jpg);box-shadow:1px 3px 15px 1px #888888 ;padding: 20px;}.fakeimg2{background: url(img/5.jpg);box-shadow:1px 3px 15px 1px #888888 ;}.imgall{box-shadow:1px 3px 15px 1px #888888;}.imgall:hover{opacity: 0.7;transition: 0.5s ease;}/* 为文章添加卡片效果 */.card {background-color: white;padding: 20px;margin-top: 20px;/*box-shadow: 0px 0px 1px 0px #888888;*/}/* 清除列之后的浮动 */.row:after {content: "";display: table;clear: both;}/* 页脚 */.footer {margin: 20%;text-align: center;background: white;}#myImg {border-radius: 5px;cursor: pointer;transition: 0.3s;}#myImg:hover {opacity: 0.7;}/* The Modal (background) */.modal {display: none; /* Hidden by default */position: fixed; /* Stay in place */z-index: 1; /* Sit on top */padding-top: 100px; /* Location of the box */left: 0;top: 0;width: 100%; /* Full width */height: 100%; /* Full height */overflow: auto; /* Enable scroll if needed */background-color: rgb(0,0,0); /* Fallback color */background-color: rgba(0,0,0,0.9); /* Black w/ opacity */}/* Modal Content (image) */.modal-content {margin: auto;display: block;width: 80%;max-width: 1500px;z-index: 12;}/* Caption of Modal Image */#caption {margin: auto;display: block;width: 80%;max-width: 700px;text-align: center;color: #ccc;padding: 10px 0;height: 150px;}/* Add Animation */.modal-content, #caption { animation-name: zoom;animation-duration: 0.6s;}@keyframes zoom {from {transform: scale(0.1)} to {transform: scale(1)}}/* The Close Button */.close {position: absolute;top: 15px;right: 35px;color: #f1f1f1;font-size: 40px;font-weight: bold;transition: 0.3s;}.close:hover,.close:focus {color: #bbb;text-decoration: none;cursor: pointer;}/* 100% Image Width on Smaller Screens */@media only screen and (max-width: 700px){.modal-content {width: 100%;}}.container {position: relative;left: 60px;float: inherit;text-align: center;width:71%;z-index:0;}.image {display: block;height: auto;}.overlay {text-align: center;position: absolute;bottom: 0;left: 0;right: 0;background-color:#888888;opacity: 0.7;overflow: hidden;width: 0;height: 100%;transition: 0.5s ease;}.container:hover .overlay {width: 100%;}.text{text-align: center;top: 50%;font-family: "微软雅黑";}</style><title>爱你，不需要标题</title></head><body><div class=" clearfix shadow_box"><a href="#1"><img class="img1" src="img/下载.jpg" width=1920px height=900px></a></div><div class="sticky" style="z-index: 10;"><a name="1" ><ul class="up-leader" ><li><a href="" >I</a></li><li><a href="#news">Love</a></li><li><a href="">you</a></li><li class="dropdown"><a class="dropbtn" href="index.html">Our World</a><div class="dropdown-content"><a href="">别找啦，找就是想你</a><a href="#">别翻啦，翻就是爱你</a><a href="#">别打啦，打我就是打你</a></div></li></ul></a></div><div class=" side-leader "><ul ><li><a href="https://blog.csdn.net/XRTONY?spm=1000.2115.3001.5343">参观君君</a></li><li><a href="index.html">记得吃饭</a></li><li><a href="index.html">给我做面</a></li><li><a href="index.html">给你炒菜</a></li><li><a href="index.html">不怕有我</a></li></ul></div><div style=""><div class="leftcolumn"><p></p></div><div class="midcolumn"><div class="card"><h2>一夜星空</h2><h5>不抵你的一份温柔，温婉而动心</h5><div class="fakeimg1 imgall" style="height:300px;"></div></div><div class="avercolumn card"><h2>一起吃饭鸭</h2><h5>呐~给你吃肉肉</h5><div class="" style="height:300px;text-align: center; box-shadow:1px 3px 15px 1px #888888 ;" ><img class="imgall" src="img/u=1174583361,3094642430&fm=26&gp=0.jpg"/ style="height: 100%;"></div></div><div class="aver_column card"><h2>总是那么聪明可爱，让我动心</h2><h5>记得你喜欢红星软香酥，把你做成月饼了吧？</h5><div class="container" style="height:300px;text-align: center;"><img class="imgall image" src="img/u=140318467,4274089430&fm=26&gp=0 (1).jpg" style="height: 300px;text-align: center;"/><div class="overlay"><div class="" style=""><h3 style="padding-top: 50%;font-family: '微软雅黑';">就不给你吃，休想哈哈哈，呐~不哭哭哦~我们一起恰恰哈~</h3></div></div></div></div><div class="card" style="float: left;width: 100%; margin-top: 1%;height: 100%;margin-right: 1%;"><video width=100% height=100% controls="controls" <!--autoplay="autoplay"-->><source src="/i/movie.ogg" type="video/ogg" /><source src="img/LOVE2.mp4" type="video/mp4" /><source src="/i/movie.webm" type="video/webm" /><object data="/i/movie.mp4" width="320" height="240"><embed width=100% height=100% src="img/LOVE2.mp4" /></object></video></div><div class="card" style="float: left;width: 100%;margin-top: 1%;height: 100%;margin-right: 1%;"><h4 class="" style="font-family: '楷体';">为你写诗，写下爱你曾不悔,百转千回，灯火阑珊永相随<br><br>锦瑟余音，不及我望穿欲归，斗转星移，潜溘余思念霖辉</h4></div></div></div><div class="rightcolumn"><div class="card"><h2>一片绿意</h2><h5>不得你的一阵活泼，机灵又可爱</h5><div class="" style="height:300px;"><img class="imgall" src="img/u=204147185,388269054&fm=26&gp=0.jpg" style="height: 100%;width: 100%;"></div></div><div class="aver2column card"><h2>一生相伴</h2><h5>就算吃冰淇淋也要一起，但是不要蛋黄味儿的啦</h5><div class="container" style="height:300px;text-align: center;"><img src="img/扫描全能王 2020-07-26 00.24.08_168.jpg" class="imgall" style="width: 100%;height: 100%;"><div class="overlay"><div class="" style=""><h3 style="padding-top: 50%;font-family: '微软雅黑';">一起恰恰冰淇淋呀，鸭鸭宝宝，蛋黄味的不好吃，下次不买了呜呜呜</h3></div></div></div></div><div class="aver2column card " style="text-align: center;"><img src="img/扫描全能王 2021-03-24 10.46_48.jpg" id="myImg" style="height:100%;widows: 100%; width: 100%;"/></div><div id="myModal" class="modal" style="z-index: 12;"><span class="close">×</span><img class="modal-content" id="img01"><div id="caption"></div></div><script>// Get the modalvar modal = document.getElementById('myModal');// Get the image and insert it inside the modal - use its "alt" text as a captionvar img = document.getElementById('myImg');var modalImg = document.getElementById("img01");var captionText = document.getElementById("caption");img.onclick = function(){modal.style.display = "block";modalImg.src = this.src;captionText.innerHTML = this.alt;}// Get the <span> element that closes the modalvar span = document.getElementsByClassName("close")[0];// When the user clicks on <span> (x), close the modalspan.onclick = function() { modal.style.display = "none";}</script><div class="aver3column card" style="height: 1190px;"><h2>我此生的胶带</h2><h5>上面刻着的，只有两个，你一个，我一个</h5><div class="imgall" style="height:200px; text-align: center;"><img src="img/扫描全能王 2021-03-24 10.46_57.jpg"/ style="height: 100%;width: 100%;"><img src="img/扫描全能王 2020-07-25 23.53.14_52.jpg" style="height: 100%;width: 100%;margin-top: 5px;"><img src="img/IMG_20190512_132556.jpg" style="height: 100%;width: 100%;margin-top: 5px;"><img src="img/IMG_20190401_162150.jpg" style="height: 100%;width: 100%;margin-top: 5px;"><img src="img/IMG_20200721_114659.jpg" style="height: 100%;width: 100%;margin-top: 5px;"></div></div><iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="https://music.163.com/outchain/player?type=2&id=28912659&auto=1&height=66"></iframe></div></div><div style="padding-bottom: 1000px;"><p></p></div></div></body>
</html>流程展示
视频链接
开发网页给女朋友表白，技术人是怎么做的
效果展示
好了，就谈到这里。感谢大家的支持，也希望大家有时间多陪陪自己的家人，心想事成，都能如愿实现自己的梦想。
开发网页表白ZR，技术人是怎么做的相关推荐
- 遇到技术人找来做项目，尽量不合作！
跟100个程序员合作后,我总结了他们的5个致命缺陷! 首先说个消息就是,继续找合作伙伴,能做java大数据分析项目,以及python人工智能分析的小伙伴可以联系我了. 从2013年开始做项目,也就是工 ...
- 35岁技术人如何转型做管理？阿里高级算法专家公开10大思考
简介: 35岁左右对工程师而言是个不同寻常的年龄段.技术人有可能面临人生中的转型:从纯技术岗转向管理岗.也将面临诸多新的挑战,关于组建团队.领导以及KPI设置等.本文将讲述阿里资深技术leader张荣 ...
- python开发网页有优势吗_Python用来做Web开发的优势有哪些
Python是世界上最受欢迎的编码语言之一,在80年代后期首次受到ABC和Modula-3语言的影响而被概念化.从1991年的第一个版本到成为开源项目的2.0版本,它已经走了很长一段路,直到今天,它正 ...
- 阿里产品专家：高情商的技术人，如何做沟通？
作者 | 磊之 不愿沟通是固执,不会沟通是傻瓜,不敢沟通是奴隶.--德拉蒙德 工作中,你是否经常看到别人在会上谈笑风生.纵横捭阖,但自己却唯唯诺诺,不敢表达观点?即便鼓起勇气发言却不被重视,经常被人打 ...
- 35岁技术人如何转型做管理？mysql删除数据语句
阅读源码 程序员每天都和代码打交道.经过数年的基础教育和职业培训,大部分程序员都会「写」代码,或者至少会抄代码和改代码.但是,会读代码的并不在多数,会读代码又真正读懂一些大项目的源码的,少之又少.这也 ...
- 高情商的技术人，如何做沟通？
不愿沟通是固执,不会沟通是傻瓜,不敢沟通是奴隶.--德拉蒙德 工作中,你是否经常看到别人在会上谈笑风生.纵横捭阖,但自己却唯唯诺诺,不敢表达观点?即便鼓起勇气发言却不被重视,经常被人打断?生活中,你提 ...
- 2021阿里技术人的成长路径！
为什么要成长 成长是为了在职场升值,提升职场竞争力! 衡量标准:你成长的速度要匹配甚至超越业务发展的速度. 当你成长速度超越业务发展速度的时候,组织才会把更重要的职责交给你,如果你成长的速度跟不上业务 ...
- 阿里技术人的成长路径是什么？
作者 | 儒枭 来源 | 阿里巴巴中间件(ID:Aliware_2018) 为什么要成长 成长是为了在职场升值,提升职场竞争力! 衡量标准:你成长的速度要匹配甚至超越业务发展的速度. 当你成长速度超越 ...
- 儒枭：我看技术人的成长路径
儒枭 读完需要 20 分钟 速读仅需 3 分钟 1 为什么要成长 成长是为了在职场升值,提升职场竞争力! 衡量标准:你成长的速度要匹配甚至超越业务发展的速度. 当你成长速度超越业务发展速度的时候,组织 ...
最新文章
- malloc 初始化_在C语言中，请一定记得初始化局部变量！
- 【leetcode】1051. Height Checker
- 8、路由 router
- 配置MaxCompute任务消费监控告警，避免资源过度消费
- 在iPhone程序上读取PDF文件
- ajax如何做到异步交互,1.ajax简单实现异步交互
- 【服务器】【个人图床】宝塔安装Chevereto
- MTK平台修改分区大小之后，通过fastboot工具烧录的说明
- 再次提升2%，仅85K参数的开源人脸检测算法
- 计算机基础是五笔吗,计算机基础(五笔打字学习).ppt
- PingCAP，中国第一只开源独角兽总融资达3.4亿美元，不能错过的开源深度解析
- Android 11.0 12.0SystemUI修改状态栏电池图标样式为横屏显示
- 计算机谈音乐少年,听音乐起鸡皮疙瘩？你可能真的是天赋异禀的少年
- 前端测试 -- sinon.js
- php 分数大于80 小于90优,“ 90 分改成 80 分”学生期末成绩须“正态分布”？不必搞一刀切...
- python自定义函数实例 lite_python 函数小实例
- armbian 斐讯n1_记录一下斐讯N1盒子刷Armbian的各种坑
- 【Python】报错：ValueError: attempted relative import beyond top-level package问题解决
- JPA 7. Spring 整合 JPA
- 手写实现一个本地缓存