html網站-關于發展歷程的案例

一、案例一

1.效果圖：

在這里插入圖片描述

2.代碼：

所用到的文件自行在官網下載，也可在git上拉取。

<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>發展歷程</title><script type="text/javascript" src="static/js/jquery.js"></script><link rel="stylesheet" href="static/css/swiper-bundle.min.css"><script src="static/js/swiper.min.js"></script><meta name="author" content="" /><meta name="keywords" content="" /><meta name="description" content="" /><style>* {padding: 0;margin: 0;box-sizing: border-box;}ul li {list-style: none;}a {text-decoration: none;}body {position: relative;width: 100%;margin: 0 auto;min-width: 1200px;overflow-x: hidden;}.w1280 {width: 1280px;margin: auto;}.historyCon .h3 {font-size: 24px;color: #333333;line-height: 1;margin-bottom: 13px;margin-top: 40px;}.historyCon .h4 {color: #666;line-height: 28px;font-size: 14px;margin-bottom: 33px;}.historyCon {position: relative;padding-top: 62px;padding-left: 40px;padding-right: 40px;padding-bottom: 40px;height: 610px;overflow: hidden;background: #fff;border: 1px solid;}.historyCon:after {content: '';position: absolute;top: 50%;margin-top: -3.5px;left: 0;right: 0;margin: 0 auto;width: 1198px;height: 7px;background: url('static/images/ti.png') no-repeat center;}.historyCon .ul {height: 100%;}.historyCon .ul .swiper-slide {overflow: hidden;}.historyCon .ul .li .ti {padding-left: 25px;font-size: 20px;color: #333333;font-weight: 800;line-height: 1;margin-bottom: 8px;}.historyCon .ul .li p {padding-left: 25px;color: #666666;font-size: 14px;line-height: 22px;margin-bottom: 28px;}.historyCon .ul .li .img {position: absolute;bottom: 0;padding-left: 25px;width: 221px;height: 116px;overflow: hidden;}.historyCon .ul .li {position: relative;height: 200px;z-index: 9;margin-left: 10px;}.historyCon .ul .li:after {content: '';position: absolute;left: 0;top: 0;width: 17px;height: 237px;}.historyCon .ul .li:nth-child(odd) {bottom: -21px;}.historyCon .ul .li:nth-child(even) {bottom: -41px;left: 290px;padding-top: 40px;height: 267px;}.historyCon .ul .li:nth-child(even):after {height: 270px;background: url('static/images/t2.png') no-repeat center;}.historyCon .ul .li:nth-child(odd):after {background: url('static/images/t1.png') no-repeat center;}.historyCon .btn {width: 130px;position: absolute;top: 50px;right: 40px;height: 18px;}.historyCon .btn .swiper-button-next,.historyCon .btn .swiper-button-prev {top: 0;margin-top: 0;width: 58px;height: 58px;transition: all .7s;}.historyCon .btn .swiper-button-prev {left: 0;background: url('static/images/prev.png') no-repeat center;background-size: cover;}.historyCon .btn .swiper-button-prev:hover {background-image: url('static/images/prev2.png');}.historyCon .btn .swiper-button-next {right: 0;background: url('static/images/next.png') no-repeat center;background-size: cover;}.historyCon .btn .swiper-button-next:hover {background-image: url('static/images/next2.png');}.historyCon .swiper-button-next:after {right: 25px;}.historyCon .swiper-button-prev:after {left: 25px;}.historyCon .swiper-button-next:after,.historyCon .swiper-button-prev:after {position: absolute;content: '' !important;font-family: auto !important;width: 0px;height: 2px;transition: all .7s;}</style></head><body><div class="historyCon w1280"><div class="swiper mySwiper ul"><div class="swiper-wrapper"><div class='swiper-slide'><div class='li'><div class='ti'>1988起點</div><p>正式注冊營業,運營管理金地工業區。</p><div class='img'><img src="static/images/bg3.jpg" alt=''></div></div><div class='li'><div class='ti'>2004標桿</div><p>全國城市更新文創園標桿項目上海8號橋開業</p><div class='img'><img src="static/images/bg3.jpg" alt=''></div></div></div><div class='swiper-slide'><div class='li'><div class='ti'>2010遠見</div><p>加大產業投資力度,珠海金地門道面市。</p><div class='img'><img src="static/images/bg3.jpg" alt=''></div></div><div class='li'><div class='ti'>2012起航</div><p>收購香港上市公司(535.HK),<br />運營金地威新軟件科技園 ,<br />2013年公司正式更名為金地商置。</p><div class='img'><img src="static/images/bg3.jpg" alt=''></div></div></div><div class='swiper-slide'><div class='li'><div class='ti'>2014外拓</div><p>金地進入美國市場</p><div class='img'><img src="static/images/bg3.jpg" alt=''></div></div><div class='li'><div class='ti'>2015前瞻</div><p>股權投資部成立戰略投資潛力企業</p><div class='img'><img src="static/images/bg3.jpg" alt=''></div></div></div><div class='swiper-slide'><div class='li'><div class='ti'>2016深耕</div><p>金地威新產業公司成立</p><div class='img'><img src="static/images/bg3.jpg" alt=''></div></div><div class='li'><div class='ti'>2020胸懷</div><p>首個孵化器金地Alpha Bay成立</p><div class='img'><img src="static/images/bg3.jpg" alt=''></div></div></div><div class='swiper-slide'><div class='li'><div class='ti'>2021快車道</div><p>首進行業Top5實現全國化布局：華北、華東、華南、華中、西部、東北。</p><div class='img'><img src="static/images/bg3.jpg" alt=''></div></div></div></div></div><div class="btn"><div class="swiper-button-next"></div><div class="swiper-button-prev"></div></div><script>$(function() {var swiper = new Swiper(".mySwiper", {slidesPerView: 2,prevButton: '.swiper-button-prev',nextButton: '.swiper-button-next',autoplay: 3000,});})</script></div></body>
</html>
3.所用到的圖標：

在這里插入圖片描述
在這里插入圖片描述
在這里插入圖片描述
在這里插入圖片描述
在這里插入圖片描述
在這里插入圖片描述
在這里插入圖片描述

二、案例二

1.效果圖：

在這里插入圖片描述

2.代碼：

所用到的文件自行在官網下載，也可在git上拉取。

<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><meta http-equiv="content-language" content="zh-CN" /><meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" /><meta name="apple-mobile-web-app-capable" content="yes" /><meta name="apple-mobile-web-app-status-bar-style" content="black" /><meta name="format-detection" content="telephone=no" /><meta name="Keywords" content="" /><meta name="Description" content="" /><meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"><title>發展歷程</title><script src="static/js/jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script><script src="static/js/slick.js" type="text/javascript" charset="utf-8"></script><style>.fl {float: left;}.fr {float: right;}.l,.r {width: 50%;}.history_con_box {position: relative;width: 100%;margin: 0 auto;box-sizing: border-box;padding: 0 8.9%;}.history_con {position: relative;box-sizing: border-box;padding: 0 9.2vw}.history_con .leftbtn,.history_con .rightbtn {width: 2.761vw;cursor: pointer !important;position: absolute;top: 34px;z-index: 999;}.history_con .leftbtn {left: 7%;}.history_con .leftbtn_hover,.history_con .rightbtn_hover {transition: 0.5s;opacity: 0;}.history_con .rightbtn {right: 7%;}.history_con .timeline {width: 100%;height: 2px;background: #eee;position: absolute;top: 108px;left: 0;z-index: 1;}.history_con .time {font-size: 16px;width: 100%;color: #666;}.history_con .time .item {text-align: center;color: #333;font-weight: bold;font-size: 16px;transform: translateY(60px);position: relative;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;}.history_con .time .item::after {position: absolute;bottom: -29px;left: 50%;width: 6px;height: 6px;background: #333;border-radius: 50%;content: '';}.history_con .time .item.slick-current::after {position: absolute;bottom: -26px;left: 50%;width: 6px;height: 6px;background: #333;border-radius: 50%;content: '';transform: translateX(-50%);}.history_con .time .item.slick-current::before {position: absolute;bottom: -44px;left: 50%;width: 42px;height: 42px;background: #fff;border-radius: 50%;content: '';box-shadow: 0 0 10px rgba(214, 214, 214, .35);transform: translateX(-50%);}.history_con .time .item.slick-current {font-size: 48px;font-family: Microsoft YaHei UI;font-weight: bold;color: #F18870;transform: translateY(0);padding-bottom: 16px;}.history_con .time .slick-list {padding-bottom: 25px !important;}.history_con .time .item.slick-current::after {opacity: 1;}.history_con .timecontent p {font-size: 16px;line-height: 2.25;color: #666;}.history_con .slick-prev {left: 0;background: url('../imgs/icon_go@2x.png') no-repeat;background-size: 100% 100%;width: 53px;height: 53px;top: 96px;cursor: pointer;z-index: 99;transform: rotate(-180deg);opacity: 1;}.history_con .slick-next {right: 0;width: 53px;height: 53px;background: url('../imgs/icon_go@2x.png') no-repeat;background-size: 100% 100%;top: 96px;cursor: pointer;z-index: 10;/* background-size: cover; */}.history_con .hisbg {height: 300px;margin-top: 73px;background: url(../images/hisbg.jpg) no-repeat center;}.history_con .time .slick-list {height: 130px;position: relative;z-index: 10;}.itemfl {width: 50%;border-right: 1px solid #eee;padding-top: 60px;padding-bottom: 130px;box-sizing: border-box;}.itemfr {width: 50%;padding: 6.35vw 3.4vw 4vw;box-sizing: border-box;}.itemfl img {width: 23.959vw;display: block;margin: auto;}.itemfr p {font-size: 16px;font-family: Microsoft YaHei UI;font-weight: 400;color: #666666;line-height: 18px;}.ib {display: inline-block;vertical-align: middle;}.imgdiv img,.tra0_3,.imgk img {-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;}.tra1 {-webkit-transition: all 1s ease-out 0s;-moz-transition: all 1s ease-out 0s;-ms-transition: all 1s ease-out 0s;-o-transition: all 1s ease-out 0s;transition: all 1s ease-out 0s;}.dimgdiv img:last-of-type {display: none;}.dimgdiv:hover img:first-of-type {display: none;}.dimgdiv:hover img:last-of-type {display: inline;}.disnone {display: none !important;}.clearfix::after {display: block;clear: both;height: 0;content: ' ';}.clearfix {zoom: 1;}.cp {cursor: pointer;}.fb {font-weight: bold;}.fl {float: left;}.fr {float: right;}.l,.r {width: 50%;}.c_333 {color: #333;}.c_666 {color: #666;}.c_999 {color: #999;}.c_w {color: #fff;}.bg_w {background: #fff;}.c_b {color: #000;}.bg_b {background: #000;}.img_d {display: none;}.img_dd {display: none !important;}.hm {height: 100%;}.tn {-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;}.t50 {-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}.tx50 {-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}.ty50 {-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}.tac {text-align: center;}.tal {text-align: left;}.tar {text-align: right;}.tablediv {display: table;}.tr {display: table-row;}.td {display: table-cell;}.imgdiv {overflow: hidden;}/* v1.4 2019.6.28  gary*//*slick 修整*/.slick-track .slick-slide {display: block !important;}/*分享修改*/.bsBox,#bsPanel div,#bsMorePanel div,#bshareF div {box-sizing: content-box;}.bsTop span {line-height: 24px !important;}#bsPanel {margin-left: 20px !important;}/*編輯器圖片和p默認樣式處理*/.yxedr_active img {max-width: 100% !important;height: auto !important;}.yxedr_active p {font-size: 16px;line-height: 1.75;color: #666;}/* Slider */.slick-slider {position: relative;display: block;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}.slick-list:focus {outline: none;}.slick-list.dragging {cursor: pointer;cursor: hand;}.slick-slider .slick-track,.slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}.slick-track {position: relative;top: 0;left: 0;display: block;}.slick-track:before,.slick-track:after {display: table;content: '';}.slick-track:after {clear: both;}.slick-loading .slick-track {visibility: hidden;}.slick-slide {display: none;float: left;height: 100%;min-height: 1px;outline: none;}[dir='rtl'] .slick-slide {float: right;}.slick-slide.slick-loading img {display: none;}.slick-slide.dragging img {pointer-events: none;}.slick-initialized .slick-slide {display: block;}.slick-loading .slick-slide {visibility: hidden;}.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;}.slick-arrow.slick-hidden {display: none;}</style></head><body><div class="history_con_box"><div class="history_con"><div class="time"><div class="item text-center">2014</div><div class="item text-center">2015</div><div class="item text-center">2017</div><div class="item text-center">2018</div><div class="item text-center">2019</div><div class="item text-center">2021</div><div class="item text-center">2022</div></div><!-- 左按鈕 --><div class="leftbox"><img class="leftbtn leftbtn_before slick-arrow" src="static/imgs/right.png"style="transform: rotate(180deg);"><img class="leftbtn leftbtn_hover slick-arrow" src="static/imgs/left.png"> <!--懸停后 --></div><!-- 右按鈕 --><div class="rightbox"><img class="rightbtn right_before slick-arrow" src="static/imgs/right.png"><img class="rightbtn rightbtn_hover slick-arrow" src="static/imgs/left.png"style="transform: rotate(180deg);"><!--懸停后 --></div><script>$(function() {//左按鈕$('.leftbox').mouseover(function() {$('.leftbtn_hover').css('opacity', '1')$('.leftbtn_before').css('opacity', '0')}).mouseout(function() {$('.leftbtn_hover').css('opacity', '0')$('.leftbtn_before').css('opacity', '1')})//右按鈕$('.rightbox').mouseover(function() {$('.rightbtn_hover').css('opacity', '1')$('.right_before').css('opacity', '0')}).mouseout(function() {$('.rightbtn_hover').css('opacity', '0')$('.right_before').css('opacity', '1')})})</script><div class="timeline"></div><div class="timecontent"><div class="item clearfix"><div class="itemfl fl"><img src="static/imgs/image_history@2x.png" alt=""></div><div class="itemfr fl"><p>2014年8月 青島分公司成立；</p></div></div><div class="item clearfix"><div class="itemfl fl"><img src="static/imgs/image_history@2x.png" alt=""></div><div class="itemfr fl"><p>2015年年初，第一家技術研發中心；<br />2015年年初，濟寧板房成立；<br />2015年9月份成立英國倫敦辦事處；</p></div></div><div class="item clearfix"><div class="itemfl fl"><img src="static/imgs/image_history@2x.png" alt=""></div><div class="itemfr fl"><p>2017年1月成立汶上縣鴻瑞軒服飾有限公司；<br />2017年4月成立上海辦事處；<br />2017年7月公司總部遷址于濟南高新區漢峪金谷；</p></div></div><div class="item clearfix"><div class="itemfl fl"><img src="static/imgs/image_history@2x.png" alt=""></div><div class="itemfr fl"><p>2018年6月成立平陰產品研發中心；</p></div></div><div class="item clearfix"><div class="itemfl fl"><img src="static/imgs/image_history@2x.png" alt=""></div><div class="itemfr fl"><p>2019年1月成立汶上縣鴻天服飾有限公司；<br />2019年9月成立汶上縣鴻天服飾有限公司白石分公司；</p></div></div><div class="item clearfix"><div class="itemfl fl"><img src="static/imgs/image_history@2x.png" alt=""></div><div class="itemfr fl"><p>2021年7月在青島成立產品研發中心；<br />2021年7月成立汶上縣鴻豐服飾有限公司、汶上縣鴻興服飾有限公司；<br />2021年11月成立印花公司——汶上縣鴻盛服飾有限公司；</p></div></div><div class="item clearfix"><div class="itemfl fl"><img src="static/imgs/image_history@2x.png" alt=""></div><div class="itemfr fl"><p>2022年12月成立巨野縣鴻天服飾有限公司。</p></div></div></div></div><script>$(function() {// 發展歷程//時間$(".time").slick({autoplay: false,arrows: true,dots: false,centerMode: true,centerPadding: "0px",autoplaySpeed: 4000,slidesToShow: 5,touchMove: true,asNavFor: ".timecontent",focusOnSelect: true,prevArrow: $('.history_con .leftbtn'), //左箭頭nextArrow: $('.history_con .rightbtn'), //右箭頭responsive: [{breakpoint: 768,settings: {slidesToShow: 3,slidesToScroll: 1}},]});// 事件詳情$(".timecontent").slick({autoplay: false,arrows: false,dots: false,centerPadding: "0px",autoplaySpeed: 4000,slidesToShow: 1,asNavFor: ".time",});});</script></div></body>
</html>
3.所用到的圖標：

在這里插入圖片描述
在這里插入圖片描述
在這里插入圖片描述

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/news/161836.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/161836.shtml
英文地址，請注明出處：http://en.pswp.cn/news/161836.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！

相關文章

USB驅動開發基礎

USB驅動開發基礎

USB標準 USB1.0&#xff0c; 1996&#xff0c;低速1.5Mbps和高速12Mbps&#xff0c;USB1.1 iMac G3&#xff0c;Type A和Type B接口USB 2.0 2000&#xff0c; 480Mpbs&#xff0c;Type A/B/C接口、Micro A/BUSB 3.0 5Gbps, 隨著USB 3.2命名規定&#xff0c;現在也叫USB 3.2 Ge…
閱讀更多...
Nginx模塊開發之http過濾器filter

Nginx模塊開發之http過濾器filter

文章目錄 什么是過濾模塊Nginx相關數據結構介紹ngx_module_t的數據結構ngx_http_module_t數據結構ngx_command_s數據結構 相關宏定義filter&#xff08;過濾器&#xff09;實現Nginx模塊開發流程Nginx 模塊執行具體實現流程create_loc_confmerge_loc_confpostconfiguration修改…
閱讀更多...
使用OkHttp庫爬取百度云視頻詳細步驟

使用OkHttp庫爬取百度云視頻詳細步驟

目錄 摘要 一、OkHttp庫簡介 二、爬蟲基本概念 三、使用OkHttp庫爬取百度云視頻 1、發送HTTP請求 2、處理響應 3、下載文件 四、可能遇到的問題及解決方案 五、注意事項 總結與建議 摘要 本文將詳細介紹如何使用OkHttp庫爬取百度云視頻。文章首先簡要介紹OkHttp庫和…
閱讀更多...
【collections】Python中的OrderDict

【collections】Python中的OrderDict

【collections】Python中的OrderDict 文章目錄 【collections】Python中的OrderDict1. 什么是OrderedDict2. Toy Code 1. 什么是OrderedDict 其實很簡單OrderedDict是Python中一個字典dict的變體&#xff0c;它可以按照元素添加的順序來保持鍵值對&#xff08;key-value pair&…
閱讀更多...
GPIO模式詳解：推挽/開漏/浮空/上拉/下拉/施密特(遲滯)輸入

GPIO模式詳解：推挽/開漏/浮空/上拉/下拉/施密特(遲滯)輸入

GPIO(General Purpose Input Output)可用于執行數字輸入或輸出功能。典型的應用包括從/向模擬或數字傳感器/設備讀寫數值、驅動LED、為I2C通信驅動時鐘、生成外部組件的觸發、發出中斷等。 文章目錄 1 GPIO簡介2 輸出模式2.1 推挽輸出2.2 開漏輸出 3 輸入模式3.1 高阻態(浮空)、…
閱讀更多...
推薦一款適合做智慧旅游的前端模板

推薦一款適合做智慧旅游的前端模板

目錄 前言 一、功能介紹 二、前端技術介紹 三、功能及界面設計介紹 1、數據概覽 2、車輛監控 3、地圖界面 4、其它功能 四、擴展說明 總結 前言 智慧旅游是一種全新的旅游業務模式&#xff0c;它充分利用先進的信息技術&#xff0c;提升旅游體驗&#xff0c;優化旅游管…
閱讀更多...
【Axure高保真原型】樹形表格

【Axure高保真原型】樹形表格

今天和大家分享樹形表格的原型模板&#xff0c;點擊樹的箭頭可以打開或者收起子節點&#xff0c;點擊表格內容&#xff0c;可以選中該行內容實現高亮變色效果&#xff0c;樹形表格是通過中繼器制作的&#xff0c;使用簡單&#xff0c;只需要按要求填寫中繼器表格即可&#xff0…
閱讀更多...
2023亞太杯數學建模思路 - 案例：粒子群算法

2023亞太杯數學建模思路 - 案例：粒子群算法

文章目錄 1 什么是粒子群算法&#xff1f;2 舉個例子3 還是一個例子算法流程算法實現建模資料 # 0 賽題思路 &#xff08;賽題出來以后第一時間在CSDN分享&#xff09; https://blog.csdn.net/dc_sinor?typeblog 1 什么是粒子群算法&#xff1f; 粒子群算法&#xff08;Pa…
閱讀更多...
安防監控視頻融合平臺EasyCVR定制化頁面開發

安防監控視頻融合平臺EasyCVR定制化頁面開發

安防監控EasyCVR視頻匯聚平臺基于云邊端智能協同&#xff0c;支持海量視頻的輕量化接入與匯聚、轉碼與處理、全網智能分發、視頻集中存儲等。安防視頻平臺EasyCVR拓展性強&#xff0c;視頻能力豐富&#xff0c;具體可實現視頻監控直播、視頻輪播、視頻錄像、云存儲、回放與檢索…
閱讀更多...
ConditionObject介紹（二）

ConditionObject介紹（二）

1. Condition的signal方法分析 分為了幾個部分&#xff1a; ● 確保執行signal方法的是持有鎖的線程 ● 脫離Condition的隊列 ● 將Node狀態從-2改為0 ● 將Node添加到AQS隊列 ● 為了避免當前Node無法在AQS隊列正常喚醒做了一些判斷和操作 // 線程掛起后&#xff0c;可以基于…
閱讀更多...
Centos設置nginx開機自啟動設置

Centos設置nginx開機自啟動設置

Centos設置nginx開機自啟動設置 要設置CentOS中的Nginx開機自啟動&#xff0c;可以按照以下步驟進行操作&#xff1a; 首先&#xff0c;登錄到CentOS服務器上&#xff0c;并以root用戶或具有sudo權限的用戶身份執行以下命令來安裝Nginx&#xff08;如果尚未安裝&#xff09;&a…
閱讀更多...
字符集合！！！

字符集合！！！

字符集合&#xff01;&#xff01;&#xff01; 描述 輸入一個字符串&#xff0c;求出該字符串包含的字符集合&#xff0c;按照字母輸入的順序輸出。 數據范圍&#xff1a;輸入的字符串長度滿足 1 \le n \le 100 \1≤n≤100 &#xff0c;且只包含大小寫字母&#xff0c;區分大小…
閱讀更多...
中國信息通信研究院產業與規劃研究所校招一面、二面內容

中國信息通信研究院產業與規劃研究所校招一面、二面內容

本文介紹2024屆秋招中&#xff0c;中國信息通信研究院的數字孿生智慧城市研究員崗位一面、二面的面試基本情況、提問問題等。 10月投遞了中國信息通信研究院的數字孿生智慧城市研究員崗位&#xff0c;所在部門為數字孿生與城市數字化研究部。目前完成了一面與二面&#xff0c;在…
閱讀更多...
Django 模型和Admin站點管理（三）

Django 模型和Admin站點管理（三）

一、定義模型 &#xff08;1&#xff09; 創建模型類&#xff0c;必須要繼承自 models.Model from django.db import models# Create your models here. #設計數據庫 #創建模型 class UserModel(models.Model):namemodels.CharField(max_length30) #對應于SQL name varchar(30…
閱讀更多...
K8s實戰RestartPoliy策略

K8s實戰RestartPoliy策略

一、默認策略為Always cmd.yaml apiVersion: v1 kind: Pod metadata:name: myapp-pod labels:app: myapp spec: containers:- name: myapp-container image: busyboxcommand: [sh, -c, echo OK!&& sleep 60]首先我們根據這個yaml創建一個測試的pod 執行命令 kubec…
閱讀更多...
Vue.observable可以在vue2中給新增的屬性增加響應式

Vue.observable可以在vue2中給新增的屬性增加響應式

將data中的config數據轉為響應式&#xff1a; data() {return {config: {password1: "YQd^7D1",password2: "YQd^7D2",password3: "YQd^7D3"}}; }, computed: {transformedConfig() {if (this.config) {return Object.keys(this.config).map(k…
閱讀更多...
C++二維數組中的查找

C++二維數組中的查找

4. 二維數組中的查找 題目鏈接 牛客網 題目描述 給定一個二維數組，其每一行從左到右遞增排序，從上到下也是遞增排序。給定一個數，判斷這個數是否在該二維數組中。 Consider the following matrix: [[1, 4, 7, 11, 15],[2, 5, 8, 12, 19],[3, 6, 9, 16, 22],[1…
閱讀更多...
深度之眼Paper帶讀筆記GNN.08.GCN（下）

深度之眼Paper帶讀筆記GNN.08.GCN（下）

文章目錄 前言細節四&#xff1a;卷積核介紹圖卷積核初代目圖卷積核二代目契比雪夫多項式例子小結 GCN公式推導 實驗設置和結果分析數據集節點分類任務消息傳遞方式比較運行效率 總結關鍵點創新點啟發點 代碼復現train.pyutil.pymodel.pylayer.py 作業 前言 本課程來自深度之眼…
閱讀更多...
基于單片機直流電機調速(proteus仿真+源程序）

基于單片機直流電機調速(proteus仿真+源程序）

一、系統方案 1、本設計采用這51單片機作為主控器。 2、轉速值送到液晶1602顯示。 3、按鍵設加減速&#xff0c;開始暫停、正反轉。 二、硬件設計 原理圖如下&#xff1a; 三、單片機軟件設計 1、首先是系統初始化 en0; rw0; write_com(0x01); //lcd初始化 write_com(0x38)…
閱讀更多...
CQ 社區版 V2.6.0 發布 | SQL閃回、權限看板、新增數據源人大金倉等

CQ 社區版 V2.6.0 發布 | SQL閃回、權限看板、新增數據源人大金倉等

前言 HELLO&#xff0c;大家好&#xff0c;又到了 CloudQuery 社區版發版時間&#xff01;本次更新版本為 v2.6.0&#xff0c;亮點多多&#xff0c;我們直入主題一起來看&#xff01; 一、本期亮點 新增 3 種數據源支持 V2.6.0&#xff0c;新增三種國產數據源支持&#xff…
閱讀更多...
最新文章

Copyright @ 2022~2023