前端实战:仿写小米官网第一天

前端实战的第一天

小米官网
目前效果:
效果01
实现功能:
导航栏,首页切换,无淡入淡出效果的轮播图,搜索功能,产品展示栏下滑
代码(便于记录,将js、css和html糅合在了一起):

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>小米商城</title><style type="text/css">body{padding: 0;margin: 0;background-color: white;}#img01{width: 100%;}#nav011{list-style-type: none;margin: -4px;font-size: 12px;width: 700px;height: 40px;overflow: hidden;}#userinfo011{list-style-type: none;margin: -4px;font-size: 12px;width: 140px;height: 40px;overflow: hidden;position: relative;left: 40px;z-index: 30;background-color: #333333;}#div01{background-color: #333333;height: 40px;}#nav011>li, #userinfo011>li{float: left;margin-left: 5px;color: #b0b0b0;margin-top: 16px;}#nav01{margin-left: 100px;float: left;}.open{color: white;margin-left: 5px;margin-top: 14px;float: left;color: #424242;}#userinfo{margin-left: 1050px;width: :;px;position: relative;}.iconfont{position: relative;top: 10px;left: 220px;}#cartword{font-size: 12px;position: relative;top: 9px;left: 220px;}#carlist{background-color: #3498DB;width: 150px;height: 100px;}#cart{background-color: #424242;width: 350px;height: 40px;margin-left: 190px;position: relative;top: -35px;color: #b0b0b0;right: 150px;z-index: 10;transition: background-color .3s,height .3s;overflow: hidden;}#cart:hover{background-color: white;color: red;height: 120px;}#userinfo011>li{margin-top: 12px;}#carli{position: relative;top: 50px;left: 90px;font-size: 12px;}#h{margin-top:24px;margin-left: 145px;width: 1500px;height: 80px;}#h1{background-color: #FF6700;width: 55px;height: 55px;margin: 0;overflow:hidden ;float: left;}#a01{display: inline-block;width: 55px;height: 55px;background-color: #FF6700;}#a02{display: inline-block;background-color: #FF6700;width: 55px;height: 55px;text-decoration: none;color: white;font-size: 20px;position: relative;top: -34.3px;margin-left: -110px;}#a011,#a012{width: 55px;height: 55px;}#s01{position: relative;top: 15px;left: 7px;}#h1:hover img{   /* css无法做到返回时也缓慢,使用js*/transform: translate(100px);transition-duration: .3s;}#h1:hover a{   /* css无法做到返回时也缓慢,使用js*/transform: translate(53px);transition-duration: .3s;}#h2{margin-left: 15px;float: left;}.ul2>li{float: left;list-style-type: none;height: 50px;}.ul2 a{display: inline-block;text-decoration: none;color: black;height: 50px;margin-left: 18px;}.ul2>li>a:hover{color: #FF6700;}.ul2 a{list-style-type: none;text-decoration: none;color: black;transition: color .1s;height: 70px;}.ul2{margin-left: -40px;float: left;}#h3{width: 70%;margin: 0;overflow: hidden;}#inp{margin-left: 120px;width:245px;height: 50px;padding: 0 10px;outline: none;}#sub{width: 52px;height: 53px;padding: 1px 6px;background-color: white;outline: none;border: solid 1px grey;margin-left: -6px;position: relative;top: 1.3px;transition: color .3s,background-color .3s;z-index: 0;}#sub:hover{color: white;background-color: #FF6700;}#alll{width: 1600px;}#ps{height: 0;background-color: white;overflow: hidden;position: relative;right: 150px;width: 1600px;z-index: 20;}#ul233 li{list-style-type: none;float: left;text-align: center;border-right: solid 1px #E0E0E0;width: 210px;margin-left: 25px;}#ul233 span{font-size: 12px;}.a666{color: #FF6700;}.lb{width: 1226px;height: 460px;margin-left: 150px;float: left;position: relative;z-index: 15;}#lbpicture,#lbnb{height: 460px;position: relative;left: 75px;}</style><link rel="stylesheet" type="text/css" href="css/iconfont.css"/><script type="text/javascript">var flag=false;   /* 记录鼠标是否移动到div上,实现鼠标在div上时,鼠标离开li div不回滑*/var flag2=false;var cnt=0;function dol(a){setTimeout(doll,10,a);}function doll(a){var ps=document.getElementById("ps");ps.style.borderTop="solid 0.5px lightgray";ps.style.height="0px";var id=setInterval(function a(){ps.style.height=Number(ps.style.height.substr(0,ps.style.height.length-2))+4+"px";if (ps.style.height.substr(0,ps.style.height.length-2)>=200){flag2=true;clearInterval(id);}},5);if (a.id=="aa1"){ps.innerHTML="<ul id='ul233'><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b11742a0be47f9d97bb6a13ea580018d.png?thumb=1&w=200&h=138&f=webp&q=90' alt='小米10至尊版'><br /><span>小米10至尊纪念版</span><br /><span class='a666'>5299元起</span></li><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82ddffd7562c54f9166fa876c143ff22.png?thumb=1&w=200&h=138&f=webp&q=90' alt='小米10 Pro'><br /><span>小米10 Pro</span><br /><span class='a666'>4999元起</span></li><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a4a76ee684e51f0ee531ef3dc7f0aeaf.png?thumb=1&w=200&h=138&f=webp&q=90' alt='小米 10'><br /><span>小米 10</span><br /><span class='a666'>3699元起</span></li><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3bf20f1df3f2e22c5b29ff07634f3c59.png?thumb=1&w=200&h=138&f=webp&q=90' alt='小米10 青春版 5G'><br /><span>小米10 青春版 5G</span><br /><span class='a666'>1899元起</span></li><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5d19da60f9f62eb2aa5dcdbd7df19f0f.png?thumb=1&w=200&h=138&f=webp&q=90' alt='小米MIX Alpha'><br /><span>小米MIX Alpha</span><br /><span class='a666'>19999元</span></ul>";} else if(a.id=="aa2"){ps.innerHTML="<ul id='ul233'><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b11742a0be47f9d97bb6a13ea580018d.png?thumb=1&w=200&h=138&f=webp&q=90' alt='小米10至尊版'><br /><span>小米10至尊纪念版</span><br /><span class='a666'>5299元起</span></li><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82ddffd7562c54f9166fa876c143ff22.png?thumb=1&w=200&h=138&f=webp&q=90' alt='小米10 Pro'><br /><span>小米10 Pro</span><br /><span class='a666'>4999元起</span></li><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a4a76ee684e51f0ee531ef3dc7f0aeaf.png?thumb=1&w=200&h=138&f=webp&q=90' alt='小米 10'><br /><span>小米 10</span><br /><span class='a666'>3699元起</span></li><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3bf20f1df3f2e22c5b29ff07634f3c59.png?thumb=1&w=200&h=138&f=webp&q=90' alt='小米10 青春版 5G'><br /><span>小米10 青春版 5G</span><br /><span class='a666'>1899元起</span></li><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5d19da60f9f62eb2aa5dcdbd7df19f0f.png?thumb=1&w=200&h=138&f=webp&q=90' alt='小米MIX Alpha'><br /><span>小米MIX Alpha</span><br /><span class='a666'>19999元</span><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ddc8849eaf164aac333bfd10627867f.png?thumb=1&w=200&h=138&f=webp&q=90' alt='Redmi 9'><br /><span>Redmi 9</span><br /><span class='a666'>799元起</span></li></ul>";;} else if(a.id=="aa3"){ps.innerHTML="<ul id='ul233'><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b11742a0be47f9d97bb6a13ea580018d.png?thumb=1&w=200&h=138&f=webp&q=90' alt='小米10至尊版'><br /><span>小米10至尊纪念版</span><br /><span class='a666'>5299元起</span></li><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82ddffd7562c54f9166fa876c143ff22.png?thumb=1&w=200&h=138&f=webp&q=90' alt='小米10 Pro'><br /><span>小米10 Pro</span><br /><span class='a666'>4999元起</span></li><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a4a76ee684e51f0ee531ef3dc7f0aeaf.png?thumb=1&w=200&h=138&f=webp&q=90' alt='小米 10'><br /><span>小米 10</span><br /><span class='a666'>3699元起</span></li><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3bf20f1df3f2e22c5b29ff07634f3c59.png?thumb=1&w=200&h=138&f=webp&q=90' alt='小米10 青春版 5G'><br /><span>小米10 青春版 5G</span><br /><span class='a666'>1899元起</span></li><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5d19da60f9f62eb2aa5dcdbd7df19f0f.png?thumb=1&w=200&h=138&f=webp&q=90' alt='小米MIX Alpha'><br /><span>小米MIX Alpha</span><br /><span class='a666'>19999元</span><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ddc8849eaf164aac333bfd10627867f.png?thumb=1&w=200&h=138&f=webp&q=90' alt='Redmi 9'><br /><span>Redmi 9</span><br /><span class='a666'>799元起</span></li></ul>";;} else if(a.id=="aa4"){ps.innerHTML="<ul id='ul233'><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b11742a0be47f9d97bb6a13ea580018d.png?thumb=1&w=200&h=138&f=webp&q=90' alt='小米10至尊版'><br /><span>小米10至尊纪念版</span><br /><span class='a666'>5299元起</span></li><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82ddffd7562c54f9166fa876c143ff22.png?thumb=1&w=200&h=138&f=webp&q=90' alt='小米10 Pro'><br /><span>小米10 Pro</span><br /><span class='a666'>4999元起</span></li><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a4a76ee684e51f0ee531ef3dc7f0aeaf.png?thumb=1&w=200&h=138&f=webp&q=90' alt='小米 10'><br /><span>小米 10</span><br /><span class='a666'>3699元起</span></li><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3bf20f1df3f2e22c5b29ff07634f3c59.png?thumb=1&w=200&h=138&f=webp&q=90' alt='小米10 青春版 5G'><br /><span>小米10 青春版 5G</span><br /><span class='a666'>1899元起</span></li><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5d19da60f9f62eb2aa5dcdbd7df19f0f.png?thumb=1&w=200&h=138&f=webp&q=90' alt='小米MIX Alpha'><br /><span>小米MIX Alpha</span><br /><span class='a666'>19999元</span><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ddc8849eaf164aac333bfd10627867f.png?thumb=1&w=200&h=138&f=webp&q=90' alt='Redmi 9'><br /><span>Redmi 9</span><br /><span class='a666'>799元起</span></li></ul>";;} else if(a.id=="aa5"){ps.innerHTML="<ul id='ul233'><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b11742a0be47f9d97bb6a13ea580018d.png?thumb=1&w=200&h=138&f=webp&q=90' alt='小米10至尊版'><br /><span>小米10至尊纪念版</span><br /><span class='a666'>5299元起</span></li><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82ddffd7562c54f9166fa876c143ff22.png?thumb=1&w=200&h=138&f=webp&q=90' alt='小米10 Pro'><br /><span>小米10 Pro</span><br /><span class='a666'>4999元起</span></li><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a4a76ee684e51f0ee531ef3dc7f0aeaf.png?thumb=1&w=200&h=138&f=webp&q=90' alt='小米 10'><br /><span>小米 10</span><br /><span class='a666'>3699元起</span></li><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3bf20f1df3f2e22c5b29ff07634f3c59.png?thumb=1&w=200&h=138&f=webp&q=90' alt='小米10 青春版 5G'><br /><span>小米10 青春版 5G</span><br /><span class='a666'>1899元起</span></li><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5d19da60f9f62eb2aa5dcdbd7df19f0f.png?thumb=1&w=200&h=138&f=webp&q=90' alt='小米MIX Alpha'><br /><span>小米MIX Alpha</span><br /><span class='a666'>19999元</span><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ddc8849eaf164aac333bfd10627867f.png?thumb=1&w=200&h=138&f=webp&q=90' alt='Redmi 9'><br /><span>Redmi 9</span><br /><span class='a666'>799元起</span></li></ul>";;} else if(a.id=="aa6"){ps.innerHTML="<ul id='ul233'><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b11742a0be47f9d97bb6a13ea580018d.png?thumb=1&w=200&h=138&f=webp&q=90' alt='小米10至尊版'><br /><span>小米10至尊纪念版</span><br /><span class='a666'>5299元起</span></li><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82ddffd7562c54f9166fa876c143ff22.png?thumb=1&w=200&h=138&f=webp&q=90' alt='小米10 Pro'><br /><span>小米10 Pro</span><br /><span class='a666'>4999元起</span></li><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a4a76ee684e51f0ee531ef3dc7f0aeaf.png?thumb=1&w=200&h=138&f=webp&q=90' alt='小米 10'><br /><span>小米 10</span><br /><span class='a666'>3699元起</span></li><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3bf20f1df3f2e22c5b29ff07634f3c59.png?thumb=1&w=200&h=138&f=webp&q=90' alt='小米10 青春版 5G'><br /><span>小米10 青春版 5G</span><br /><span class='a666'>1899元起</span></li><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5d19da60f9f62eb2aa5dcdbd7df19f0f.png?thumb=1&w=200&h=138&f=webp&q=90' alt='小米MIX Alpha'><br /><span>小米MIX Alpha</span><br /><span class='a666'>19999元</span><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ddc8849eaf164aac333bfd10627867f.png?thumb=1&w=200&h=138&f=webp&q=90' alt='Redmi 9'><br /><span>Redmi 9</span><br /><span class='a666'>799元起</span></li></ul>";;} else if(a.id=="aa7"){ps.innerHTML="<ul id='ul233'><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b11742a0be47f9d97bb6a13ea580018d.png?thumb=1&w=200&h=138&f=webp&q=90' alt='小米10至尊版'><br /><span>小米10至尊纪念版</span><br /><span class='a666'>5299元起</span></li><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82ddffd7562c54f9166fa876c143ff22.png?thumb=1&w=200&h=138&f=webp&q=90' alt='小米10 Pro'><br /><span>小米10 Pro</span><br /><span class='a666'>4999元起</span></li><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a4a76ee684e51f0ee531ef3dc7f0aeaf.png?thumb=1&w=200&h=138&f=webp&q=90' alt='小米 10'><br /><span>小米 10</span><br /><span class='a666'>3699元起</span></li><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3bf20f1df3f2e22c5b29ff07634f3c59.png?thumb=1&w=200&h=138&f=webp&q=90' alt='小米10 青春版 5G'><br /><span>小米10 青春版 5G</span><br /><span class='a666'>1899元起</span></li><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5d19da60f9f62eb2aa5dcdbd7df19f0f.png?thumb=1&w=200&h=138&f=webp&q=90' alt='小米MIX Alpha'><br /><span>小米MIX Alpha</span><br /><span class='a666'>19999元</span><li><img src='https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ddc8849eaf164aac333bfd10627867f.png?thumb=1&w=200&h=138&f=webp&q=90' alt='Redmi 9'><br /><span>Redmi 9</span><br /><span class='a666'>799元起</span></li></ul>";;}}function dolout(){setTimeout(dollout,10);}function dollout(){if(flag==true){return;}if (cnt>=40){alert("频繁操作提醒:差不多就行了,第一次做页面真的不会");cnt=0;}var ps=document.getElementById("ps");ps.style.borderTop="";var id=setInterval(function a(){ps.style.height=Number(ps.style.height.substr(0,ps.style.height.length-2))-4+"px";if (ps.style.height=="0px"){flag2=false;cnt++;clearInterval(id);}},1);}function maintain(){// alert(555);var ps=document.getElementById("ps");ps.style.height="200px";}function changeflag(){flag=!flag;}function lbpicture(){var srcs=["https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b7c2e5c62dfcaae720a3cd909c0eae52.jpg?w=2452&h=920","https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/845deea18c7ccddeb01676fe16e99712.jpg?thumb=1&w=1533&h=575&f=webp&q=90","https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6eecc57f60b6b55b779f7908cfce230c.jpg?thumb=1&w=1533&h=575&f=webp&q=90","https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fe253b0048a5517abca36a605acacba3.jpg?thumb=1&w=1533&h=575&f=webp&q=90","https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d9a8a020cf3058f05e8db9483d7a0e45.jpg?thumb=1&w=1533&h=575&f=webp&q=90"];var ele=document.getElementById("lbnb");var now=0;var id=setInterval(function(){ele.src=srcs[now%5];now++;},2000);}</script></head><body onload="lbpicture();"><div id="alll"><div id="ad1"><img src="images/QQ截图20200813103054.png" id="img01"></div><div id="div01"><div id="nav01"><ul id="nav011"><li id="li1">小米商城</li><span style="float: left;" class="open">|</span><li>MIUI</li><span class="open">|</span><li>IoT</li><span class="open">|</span><li>云服务</li><span class="open">|</span><li>金融</li><span class="open">|</span><li>有品</li><span class="open">|</span><li>小爱开放平台</li><span class="open">|</span><li>企业团购</li><span class="open">|</span><li>资质证照</li><span class="open">|</span><li>协议规则</li><span class="open">|</span><li>下载app</li><span class="open">|</span><li>Select Location</li></ul></div><div id="userinfo"><ul id="userinfo011"><li>登录</li><span class="open">|</span><li>注册</li><span class="open">|</span><li>消息通知</li></ul><div id="cart"><i class="iconfont">&#xe624;</i><span id="cartword">购物车(0)</span><div id="cartlist"><span id="carli" style="color: black;">购物车中还没有商品,赶紧选购吧!</span></div></div></div></div><div id="h"><div id="h1"><a href="index.html" id="a01"><img src="images/mi-logo.png" id="a011"></a><a href="index.html" id="a02"><span id="s01">主页</span></a></div><div id="h2"><a href="https://www.mi.com/a/h/16602.html" target="_blank"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b06819007feedbea62aedaa3089633d2.gif" ></a></div><div id="h3"><ul class="ul2"><li><a href="javascript:void(0)" onmouseover="dol(this);" onmouseout="dolout();" id="aa1">小米手机</a></li><li><a href="javascript:void(0)" onmouseover="dol(this);" onmouseout="dolout();" id="aa2">Redmi 红米</a></li><li><a href="javascript:void(0)" onmouseover="dol(this);" onmouseout="dolout();" id="aa3">电视</a></li><li><a href="javascript:void(0)" onmouseover="dol(this);" onmouseout="dolout();" id="aa4">笔记本</a></li><li><a href="javascript:void(0)" onmouseover="dol(this);" onmouseout="dolout();" id="aa5">家电</a></li><li><a href="javascript:void(0)" onmouseover="dol(this);" onmouseout="dolout();" id="aa6">路由器</a></li><li><a href="javascript:void(0)" onmouseover="dol(this);" onmouseout="dolout();" id="aa7">智能硬件</a></li><li><a href="https://www.mi.com/service/" target="_blank">服务</a></li><li><a href="http://www.xiaomi.cn/" target="_blank">社区</a></li></ul><form action="https://www.mi.com/search" method="get"><input type="text" name="keyword" id="inp" value="" placeholder="小米10Pro"/><input type="submit" value="搜索" id="sub"/></form><div style="clear: both;"></div>   <!-- 清除浮动的影响--></div><div id="ps" onmouseover="maintain(); changeflag();" onmouseout="changeflag(); dolout();"></div></div></div><div id="lbpicture"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b7c2e5c62dfcaae720a3cd909c0eae52.jpg?w=2452&h=920" id="lbnb"></div></div></body>
</html>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/484404.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ubuntuxu双系统安装+git/g++/vim+pytorch+opencv+yolo+sitl相关学习

multirotor The first day ——12.10 1.install vmware-workstation and ubuntu swap sources and 换输入法 2.learn git github关联远程仓库 3.install and use Typora Git codemeaningmkdir test创建目录cd test进入目录git init初始化仓库ls &#xff1b;ls -ah查看目…

MySQL日志详细说明

这片博文我们会详细说明MySQL本身的日志&#xff0c;不包含重做日志和undo日志&#xff08;这两个日志是innodb存储引擎的日志&#xff09;。 MySQL本身的日志有以下几种&#xff08;MySQL5.7版本&#xff09;&#xff1a; 错误日志慢查询日志通用日志二进制日志错误日志 默认情…

python-DBSCAN密度聚类

1.DBSCAN 算法是一种基于密度的聚类算法&#xff1a; 聚类的时候不需要预先指定簇的个数。最终的簇的个数不定。 2.DBSCAN 算法将数据点分为三类&#xff1a; 核心点&#xff1a;在半径Eps内含有超过MinPts数目的点边界点&#xff1a;在半径Eps内点的数量小于MinPts&#xff…

院士报告 | 李德仁:基于数字孪生的智慧城市(PPT)

来源&#xff1a;转自智慧城市大讲堂&#xff0c;微信编辑&#xff1a;邱峰、罗兵&#xff0c;张钦煜微信审核&#xff1a;张祥、吴斌、数字理政研究院、中通协大数据分会本文为首届川渝住房城乡建设博览会——川渝数智城市BIM/CIM高峰论坛上&#xff0c;中国科学院院士、中国工…

Hanlp的安装和配置

Hanlp简介 HanLP 是由一系列模型与算法组成的 Java 工具包&#xff0c;目标是普及自然语言处理在生产环境中的应用。 HanLP 具备功能完善、性能高效、架构清晰、语料时新、可自定义的特点。 HanLP 提供下列功能&#xff1a; 中文分词最短路分词N-最短路分词CRF分词索引分词极…

python-主成分分析-降维-PCA

PCA算法及其应用 主成分分析(PCA) 主城成分分析&#xff08;PCA&#xff09;&#xff1a;常见的降维方法&#xff0c;用于高维数据集的探索与可视化&#xff0c;还可以用作数据压缩和预处理。 PCA 可以把具有相关性的高维变量合成为线性无关的低维变量&#xff0c;成为主成分&…

5个基本概念,从统计学到机器学习

来源&#xff1a;CSDN作者&#xff1a;George Seif本文讲述了数据分析师应当了解的五个统计基本概念&#xff1a;统计特征、概率分布、降维、过采样/欠采样、贝叶斯统计方法。从高的角度来看&#xff0c;统计学是一种利用数学理论来进行数据分析的技术。象柱状图这种基本的可视…

Ubuntu安装与配置(简要)

学校的实验课任务&#xff0c;一看没有写过Ubuntu的安装&#xff0c;现在顺便上传上来&#xff1b;

python-非负矩阵分解-NMF

非负矩阵分解 非负矩阵分解是矩阵中所有元素均为非负数约束条件下的矩阵分解&#xff0c;其基本思想&#xff1a;给定一个非负矩阵V&#xff0c;NMF能够找到一个非负矩阵W和一个非负矩阵H&#xff0c;使得矩阵W和矩阵H的乘积近似等于矩阵V中的值。 矩阵&#xff1a;被称为基础…

OpenAI与GitHub联手推出AI代码生成工具,比GPT-3更强大

来源&#xff1a;AI科技评论作者&#xff1a;琰琰、青暮比GPT-3更强大&#xff01;昨日&#xff0c;微软与OpenAI共同推出了一款AI编程工具GitHub Copilot&#xff0c;这款工具基于GitHub及其他网站的源代码&#xff0c;可根据上文提示为程序员自动编写下文代码&#xff01;Git…

Hanlp之理解用户自定义词典(java版本)

首先说明&#xff0c;由于本人水平有限&#xff0c;文章纰漏以及不妥之处还请指出&#xff0c;不胜感激&#xff1b; 理解hanlp中用户自定义词典&#xff08;java&#xff09; 什么是hanlp用户自定义字典&#xff1f;为什么要有用户自定义词典&#xff1f; 在Hanlp分词中&…

python-聚类图像分割

K-Means聚类图像分割 图像分割&#xff1a; 利用图像的灰度&#xff0c;颜色&#xff0c;纹理&#xff0c;形状等特征&#xff0c;把图像分成若干个互不重叠的区域&#xff0c;并使这些特征在同一区域内呈现相似性&#xff0c;在不同区域之间存在明显的差异性。然后&#xff0c…

科学家揭秘大脑靠“旋转”区分过去和现在,还给了个AI架构设计新思路 | Nature子刊...

来源&#xff1a;量子位 过去和现在的边界&#xff0c;到底在哪里&#xff1f;人类&#xff0c;又是如何在时间混沌中区分出过往与当下的&#xff1f;注意&#xff0c;这不是一个哲学问题。&#xff08;手动狗头&#xff09;而是科学家们的最新研究。两个普林斯顿的神经学家&am…

Hanlp中自定义词典的配置、引用以及问题解决

文章目录如何阅读本文&#xff1f;Hanlp用户自定义词典引用简介操作步骤环境创建编辑词典文件将用户自定义词典路径加入配置文件删除缓存文件如何阅读本文&#xff1f; 首先我们对Hanlp用户词典进行简介&#xff0c;推荐首先阅读链接文章&#xff0c;它是本文的第一来源&#…

有监督学习

有监督学习 利用一组带有标签的数据&#xff0c;学习从输入到输出的映射&#xff0c;然后将这种映射关系应用到未知数据上&#xff0c;达到分类或回归的目的。 分类&#xff1a;当输出为离散的&#xff0c;学习任务为分类任务。回归&#xff1a;当输出为连续的&#xff0c;学习…

深度学习助力网络科学:基于深度学习的社区发现最新综述

来源&#xff1a;AMiner科技论文题目&#xff1a;A Comprehensive Survey on Community Detection with Deep Learning论文网址&#xff1a;https://arxiv.org/pdf/2105.12584.pdf近日&#xff0c;澳大利亚麦考瑞大学计算机学院人工智能与数据科学实验室联合中科院数学与系统科…

Neo4j 图创建1 以BiliBili粉丝UP主之间的关系为例

基本关系图如下&#xff0c;不给出细节 其中所有粉丝名为杜撰&#xff0c;如有雷同纯属巧合 UP主对应关系为方便建库进行了主观处理&#xff0c;不代表真实情况 无商业用途&#xff0c;学习使用

CentOS7开放端口号

查看所有开放的端口号 firewall-cmd --zonepublic --list-ports 或者 firewall-cmd --permanent --list-ports&#xff08;--permanent表示永久生效&#xff09; 查询指定端口号是否开发 firewall-cmd --permanent --query-port8080/tcp 删除一个已经开放的端口号 firewall-cm…

Hinton,Lecun和Bengio三巨头联手再发万字长文:深度学习的昨天、今天和明天

来源&#xff1a;ACM编辑&#xff1a;Priscilla Emil2018年&#xff0c;ACM&#xff08;国际计算机学会&#xff09;决定将计算机领域的最高奖项图灵奖颁给Yoshua Bengio、Yann LeCun 和 Geoffrey Hinton&#xff0c;以表彰他们在计算机深度学习领域的贡献。这也是图灵奖第三次…