飞冰的冻柠茶
飞冰的冻柠茶

HTML+CSS模仿小米秒杀网站

HTML+CSS模仿小米秒杀网站

    • 前言
    • 效果
    • 代码
      • html代码
      • css代码
      • js代码

前言

学完了HTML和CSS就模仿小米秒杀的网站弄了个简单的静态网页！！！

效果

HTML+CSS模仿小米秒杀网站_第1张图片

代码

html代码


<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米闪购-小米商城title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/iconfont.css">
head>
<body>
    
    <div class="site-topbar">
        <div class="container">
            <div class="topbar-nav">
                <a href="">小米商城a><span>|span>
                <a href="">MIUIa><span>|span>
                <a href="">IoTa><span>|span>
                <a href="">云服务a><span>|span>
                <a href="">金融a><span>|span>
                <a href="">有品a><span>|span>
                <a href="">小爱开放平台a><span>|span>
                <a href="">企业团购a><span>|span>
                <a href="">资质证照a><span>|span>
                <a href="">协议规则a><span>|span>
                <a href="">下载Appa><span>|span>
            div>
            <div class="topbar-car">
                <a href=""><i class="iconfont">i> 购物车<span>(0)span>a>
            div>
            <div class="topbar-info clearfix">
                <a href="">登录a><span>|span>
                <a href="">注册a><span>|span>
                <a href="" class="sep">消息通知a>
            div>
        div>
    div>
    
    <div class="header">
        <div class="container">
            <div class="header-logo">
                <a href="http://www.mi.com" class="lr" title="小米官网">a>
            div>
            <div class="header-nav">
                <ul class="nav-list clearfix">
                    <li class="nav-category">
                        <a href="">全部商品分类a>
                    li>
                    <li class="nav-item">
                        <a href="">小米手机a>
                    li>
                    <li class="nav-item">
                        <a href="">Redmi红米a>
                    li>
                    <li class="nav-item">
                        <a href="">电视a>
                    li>
                    <li class="nav-item">
                        <a href="">笔记本a>
                    li>
                    <li class="nav-item">
                        <a href="">家电a>
                    li>
                    <li class="nav-item">
                        <a href="">路由器a>
                    li>
                    <li class="nav-item">
                        <a href="">智能硬件a>
                    li>
                    <li class="nav-item">
                        <a href="">服务a>
                    li>
                    <li class="nav-item">
                        <a href="">社区a>
                    li>
                ul>
            div>
            <div class="header-search">
                <form action="" class="search-form">
                    <input type="search" name="keyword" class="search-text">
                    <input type="submit" value="" class="search-btn iconfont">
                form>
            div>
        div>
    div>
    
    <div class="seckill">
        <div class="seckill-head">div>
        <div class="container">
            <div class="seckill-nav">
                <ul id="tabs">
                    <li class="active"><em>14:00em><span><em>抢购中br>距结束 02:27:18em>span>li>
                    <li><em>20:00em><span>即将开始span>li>
                    <li><em>22:00em><span>即将开始span>li>
                    <li><em>00:00em><span>明日开始span>li>
                    <li><em>10:00em><span>明日开始span>li>
                ul>
            div>
            <div class="seckill-goods">
                <ul class="clearfix">
                    <li>
                        <div class="bg"><img src="./img/kongtiao.jpg" alt="">div>
                        <div class="info">
                            <a href="" class="goods-name">自清洁|小米互联网空调1.5匹a>
                            <p class="goods-tips">高效制冷/热，全屋互联p>
                            <p class="goods-price">1799.00元 <del>2699元del>p>
                            <a href="" class="btn">登录后抢购a>
                        div>
                    li>
                    <li>
                        <div class="bg"><img src="./img/yinxiang.jpg" alt="">div>
                        <div class="info">
                            <a href="" class="goods-name">小米AI音箱a>
                            <p class="goods-tips">听音乐、语音遥控家电p>
                            <p class="goods-price">199.00元 <del>299元del>p>
                            <a href="" class="btn">登录后抢购a>
                        div>
                    li>
                    <li>
                        <div class="bg"><img src="./img/zhijin.jpg" alt="">div>
                        <div class="info">
                            <a href="" class="goods-name">日常元素抽纸 青春版 24包/箱 a>
                            <p class="goods-tips">精选原生竹浆，健康环保p>
                            <p class="goods-price">27.90元 <del>32.90元del>p>
                            <a href="" class="btn">登录后抢购a>
                        div>
                    li>
                    <li>
                        <div class="bg"><img src="./img/maojin.jpg" alt="">div>
                        <div class="info">
                            <a href="" class="goods-name">最生活毛巾·Air（10条装） 白色+素蓝 a>
                            <p class="goods-tips">给生活一条好毛巾p>
                            <p class="goods-price">99.00元 <del>169元del>p>
                            <a href="" class="btn">登录后抢购a>
                        div>
                    li>
                    <li>
                        <div class="bg"><img src="./img/diannao.jpg" alt="">div>
                        <div class="info">
                            <a href="" class="goods-name">RedmiBook 13 锐龙版 R5 16G 512G SATA SSD 集显 月光银 a>
                            <p class="goods-tips">全面屏高性能轻薄本p>
                            <p class="goods-price">3799.00元 <del>3999元del>p>
                            <a href="" class="btn">登录后抢购a>
                        div>
                    li>
                    <li>
                        <div class="bg"><img src="./img//xiyiji.jpg" alt="">div>
                        <div class="info">
                            <a href="" class="goods-name">Redmi全自动波轮洗衣机1S 8kg 灰色 a>
                            <p class="goods-tips">小身材大容量，可预约p>
                            <p class="goods-price">799.00元 <del>899元del>p>
                            <a href="" class="btn">登录后抢购a>
                        div>
                    li>
                    <li>
                        <div class="bg"><img src="./img/jiqiren.jpg" alt="">div>
                        <div class="info">
                            <a href="" class="goods-name">米家扫拖一体机器人 白色 a>
                            <p class="goods-tips">扫得干净，拖得彻底p>
                            <p class="goods-price">1599.00元 <del>1999元del>p>
                            <a href="" class="btn">登录后抢购a>
                        div>
                    li>
                    <li>
                        <div class="bg"><img src="./img/diannao2.jpg" alt="">div>
                        <div class="info">
                            <a href="" class="goods-name"> 14 Ⅱ R5 8G 512G 银色 a>
                            <p class="goods-tips">全面屏高性能轻薄本p>
                            <p class="goods-price">3599.00元 <del>3799元del>p>
                            <a href="" class="btn">登录后抢购a>
                        div>
                    li>
                    <li>
                        <div class="bg"><img src="./img/jinghuaqi.jpg" alt="">div>
                        <div class="info">
                            <a href="" class="goods-name">米家空气净化器 2S a>
                            <p class="goods-tips">好空气看得见p>
                            <p class="goods-price">699.00元 <del>899元del>p>
                            <a href="" class="btn">登录后抢购a>
                        div>
                    li>
                ul>
            div>
            <p class="seckill-notice">*小米秒杀活动规则： <br>
                1.秒杀商品是否参加活动、最终秒杀成功的商品，以订单结算页显示为准，活动包括但不限于优惠券、赠品、满减、满赠等；<br>
                2.秒杀商品数量有限，活动以下单支付成功为准，请加入购物车后尽快下单支付;<br>
                3.秒杀价不含运费，最终以订单结算页价格为准；<br>
                4.订单中商品的数量、颜色、型号等，以订单结算页为准。<br>
                温馨提示：因可能存在系统缓存、页面更新导致价格变动异常等不确定性情况出现，如您发现活动商品标价或促销信息有异常，请您立即联系小米客服，以便我们及时补正。
            p>
        div>
    div>
    <script src="./js/index.js">script>

body>
html>

css代码

/* 初始化样式 */
* {
    margin: 0;
    padding: 0;
}
body {
    font: 14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
}
a {
    text-decoration: none;
}
ul {
    list-style-type: none;
}
.container {
    margin: 0 auto;
    width: 1226px;
}
/* 清除浮动 */
.container::after,
.container::before,
.clearfix::after,
.clearfix::before {
    content: "";
    display: table;
}
.container::after,
.clearfix::after {
    clear: both;
}
/* 顶部菜单栏样式 */
.site-topbar {
    background-color: #333;
    height: 40px;
}
.site-topbar a {
    color: #b0b0b0;
    font-size: 12px;
}
.site-topbar a:hover{
    color: #fff;
}

.topbar-nav {
    float: left;
    height: 40px;
    line-height: 40px;
    font-size: 0;
}
.topbar-nav span {
    font-size: 12px;
    color: #424242;
    font-family: sans-serif;
    margin: 0.5em;
}
.topbar-car,
.topbar-info {
    float:right;
}
.topbar-car a {
    display:block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 120px;
    background-color: #424242;
}
.topbar-car a:hover {
    color: #ff6700;
    background-color: #fff;
}
.topbar-car span {
    font-size: 12px;
}
.topbar-info {
    margin-right: 15px;
}
.topbar-info a {
    float: left;
    padding: 0 5px;
    height: 40px;
    line-height: 40px;
}
.topbar-info span {
    float: left;
    font-size: 12px;
    color: #424242;
    font-family: sans-serif;
    height: 40px;
    line-height: 40px;
}
.topbar-info .sep {
    padding: 0 10px;
}
/* 页头导航栏样式 */
.header {
    height: 100px;

}
.header-logo {
    float: left;
    width: 62px;
    margin-top: 22px;
    height: 55px;
}
.header-logo a {
    display: block;
    width: 49px;
    height: 49px;
    background: #ff6700 url(../img/mi-logo.png);
    text-align: center;
}
/* .header-logo a.lr {
    text-align: left;
    text-indent: -9992em;
} */
.header-nav {
    float: left;
    width: 820px;
    height: 100px;
}
.header-nav .nav-list {
    width: 820px;
    height: 88px;
    font-size: 16px;
    padding: 10px 0 0 30px;
}
.header-nav .nav-list .nav-category {
    float: left;
    width: 127px;
    padding: 0 15px 0 0;
}
.header-nav .nav-list .nav-category a{
    display: block;
    padding: 26px 0px 38px;
    text-align: right;
    color: #333;
}
.header-nav .nav-list .nav-item {
    float: left;
}
.header-nav .nav-list .nav-item a{
    display: block;
    padding: 26px 10px 38px;
    color: #333;
}
.header-nav .nav-list .nav-item a:hover {
    color: #ff6700;
}
.header-search {
    float: right;
    width: 296px;
    height: 50px;
    margin-top: 25px;
}
.header-search .search-form {
    position: relative;
    display: block;
    width: 296px;
    height: 50px;
}
.header-search .search-form .search-text{
    position: absolute;
    top: 0;
    right: 51px;
    display: block;
    width: 245px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #e0e0e0;
    outline: 0;
}
.header-search .search-form .search-btn{
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 52px;
    height: 50px;
    font-size: 24px;
    line-height: 24px;
    border: 1px solid #e0e0e0;
    outline: 0;
    background: #fff;
    color: #616161;
}
.header-search .search-form .search-btn:hover {
    background-color: #ff6700;
    color: #fff;
}
/* 主体样式 */
.seckill {
    background-color: #f5f5f5;
}
.seckill-head {
    height: 170px;
    margin-top: 19px;
    background: url(../img/xiaomimiaosha.jpg) no-repeat 50% 0;
}
.seckill-nav {
    margin: -68px 0 22px;
}
.seckill-nav ul {
    height: 68px;
    background-color: #414141;
}
.seckill-nav ul li {
    display: block;
    float: left;
    color: #fff;
    width: 20%;
    height: 68px;
    line-height: 68px;
    text-align: center;
    cursor: pointer;
}
.seckill-nav li em {
    display: inline-block;
    margin-left: 30px;
    font-style: normal;
    font-size: 18px;
    line-height: 1;
    vertical-align: middle;
} 
.seckill-nav li span {
    display: inline-block;
    margin-left: 15px;
    text-align: left;
    line-height: 1;
    vertical-align: middle;
    font-size: 14px;
}
.seckill-nav ul li span em {
    display: inline-block;
    text-align: left;
    font-style: normal;
    font-size: 14px;
    margin-left: 0;
    line-height: 20px;
}
.seckill-nav .active {
    background-color: #f1393a;
}

/* 商品信息样式 */
.seckill-goods ul {
    /* border: 1px solid black; */
    margin-right: -13px;
}
.seckill-goods li {
    float: left;
    width: 400px;
    height: 190px;
    background-color: #fff;
    margin-right: 13px;
    margin-bottom: 13px;

}

.seckill-goods .bg {
    float: left;
    width: 190px;
    height: 190px;
    /* border: 1px solid red; */
}
.seckill-goods .bg img {
    height: 190px;
}
.seckill-goods .info {
    padding-top: 30px;
    float: right;
    width: 190px;
    height: 190px;
    /* border: 1px solid red; */
}
.seckill-goods .info .goods-name {
    font-size: 16px;
    color:#333;
    height: 16px;
    line-height: 16px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.seckill-goods .info .goods-tips {
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    color: #b0b0b0;
    margin-top: 10px;
}
.seckill-goods .info .goods-price {
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    color: #f1393a;
    margin-top: 20px;
    margin-bottom: 0;

}
.seckill-goods .info .goods-price del {
    color: #999;
    font-size: 12px;
    margin-left: 12px;
}
.seckill-goods .info .btn {
    display: inline-block;
    width: 118px;
    height: 28px;
    color: #fff;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    background-color: #f1393a;
    margin-top: 20px;
    border: 1px solid #f1393a;
}
.seckill-notice {
    font-size: 12px;
    color: #999;
    margin-top:100px;
    padding-bottom:30px;
}

js代码

var tabs=document.getElementById("tabs").getElementsByTagName("li");
for(var i=0;i<tabs.length;i++){
    tabs[i].onclick=showlist;
}
function showlist(){
    for(var i=0;i<tabs.length;i++){
        if(tabs[i]===this){
            tabs[i].className="active";
        }
        else{
            tabs[i].className="";
        }
        
    }
}

你可能感兴趣的:(HTML+CSS模仿小米秒杀网站)

  • JUC工具类
    在黑马点评项目实战中使用Redis实现全局秒杀的课程中，提到了一个名词JUC，在测试生成随机id的有效性时使用到了JUC的工具类：CountDownLatch，这里简单进行一个介绍和了解，想学习更具体的有关多线程与并发编程的内容，可以去看黑马有专门的JUC教程。一、CountDownLatch：多线程协调工具类CountDownLatch是Java并发包（JUC）中的一个同步辅助类，主要用于协调多
  • 分享两个爬虫练习网站 高质量海王哦 爬虫爬虫python
    Python爬虫案例|ScrapeCenterSpiderbuf|Python爬虫练习靶场
  • python3——print使用 weixin_30404405
    print的初步认识：对于科班出身的或有相关经验的人来说，学习python是相当有趣的事,因为可以做日常任务，比如自动备份你的MP3；可以做网站，如YouTube就是Python写的；可以做网络游戏的后台，很多在线游戏的后台都是Python开发的；可以爬数据，得到你想要的内容。总之就是能干很多很多事啦。而对于非科班的我来说，学习python是非常辛苦的，从一行行print打印,到一个个关键字，从思
  • 又是昏昏噩噩的一天 惠风和畅m
    今天八月十七号，儿子在家自学，早上六点半起床背英语单词去了，我昏昏沉沉的到六点五十起床，强迫自己做早饭：小米粥，腊肠炒白菜，又热了一块馍，蒸了两个鸡蛋。吃完饭开始摆弄电脑，一个儿子用着哩，我只好把那台旧电脑弄出来试试，开始还可以，到九点的时候，突然上不了网了。无聊，又开始刷手机视频。十点，儿子出来问：“中午做啥饭？”我说：“蒸米饭，可以吗？”“什么菜？”他问。“红烧肉，凉拌黄瓜”我答。“那你现在做
  • 他卖汽车被同行群起而攻之，遇到困难，最重要的不是“勇于面对” 日梦白
    原来早些时候，自己在淘宝上开店卖东西，看到许多一样的产品标的价格都比我低，而自己根本也想不出有什么好办法同他们竞争，毕竟产品是一模一样，那么消费者为何不去选价格低的呢？受到打击，于是作罢。后来，有位朋友开公司也是贩卖商品，原本销路不错的东西，后来引来一大堆的模仿者，再后来市场竞争越来越激烈，生意开始出现了亏损。收到打击，于是作罢。当年，有一家上市公司叫做霸王集团，他家的中药洗发水还请了成龙来做广告
  • 网站前端开发-实训续篇+总结 yue_jia
    实训五学生管理篇（可将学校、学院、班级与学生关联起来）一、从后端（projectName）添加学生模块1、在models目录下添加student.js：image.pngprojectName/db/models/student.js：constmongoose=require('mongoose')constSchema=mongoose.Schemaconstfeld={name:String
  • Python 高手编程系列三千三百五十四：你自己的包索引或索引镜像 杨琴1 pythonjava网络
    你可能会想要运行你自己的Python包索引，主要有以下3个原因。●官方的Python包索引没有任何可用性保证。它由Python软件基金会运行，这要感谢大量的捐款。因此，它往往意味着网站可能会倒闭。你不希望由于PyPI的故障而中途停止部署或打包过程。●即使是不会公开发布的闭源代码，将Python编写的可复用组件正确打包也很有用。它简化了代码库，因为公司内用于不同项目的包不需要供应（vendored）
  • 在哪里买高仿手表,分享八个最新购买渠道 鸿运工作室
    在当今市场上，高仿手表因其价格实惠、外观精美而备受追捧。然而，许多消费者在购买高仿手表时常常面临着一个问题：在哪里购买？本文将为您分享八个最新购买高仿手表的渠道，帮助您轻松找到心仪的款式。【更多详情加薇信了解：FB2260】一、官方网站许多品牌都有自己的官方网站，上面会销售正品高仿手表。消费者可以通过官方网站了解产品的详细信息，包括材质、功能、尺寸等，同时还可以享受品牌提供的售后服务。在购买时，建
  • 世界顶级思维（洛克定律） A玉兔A
    洛克定律:美国管理学家埃德温·洛克，他认为：有专一目标，才有专注行动。要想成功，就得制定一个奋斗目标。但是，目标并不是不切实际地越高越好。每个人都有自己的特点，有别人无法模仿的一些优势。只有好好地利用这些特点和优势去制订适合自己的高目标和实施目标的步骤，你才可能取得成功。对每个人来说，在实施目标时，只有当每个步骤既是未来指向的，又是富有挑战性的时候，它才是最有效的。持续阅读大多数人可能都有过打篮球
  • 如何用深度学习实现图像风格迁移
    最近研学过程中发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击链接跳转到网站人工智能及编程语言学习教程。读者们可以通过里面的文章详细了解一下人工智能及其编程等教程和学习方法。下面开始对正文内容的介绍。前言图像风格迁移是人工智能领域中一个非常有趣且富有创意的应用。它能够让一张普通的照片瞬间变成梵高笔下的《星月夜》风格，或者像莫奈的《睡莲》一样充满艺术感。这种技术不仅在
  • 昨日感想 身心健实
    暂时依然以做兼职为主，一到五面试，一个月内找不到，做好长期运营一个网站，开始自己优化，推广自己的个人品牌。目前感兴趣的方面是个人成长，关于心理学与医学。然后就是金融，投资也10多年了，上次遇上那家抽烟公司，我直接全都加不，只想赶紧离开，好像说错了，我对财务报表，财务知识，都是特别去学过，平时都在运用，次数一个月一次是有的。可能成为职业的爱好就是写作与编程，目前来说，长期会一直坚持这些爱好。我这个人
  • 类似39游戏盒子的有哪些 和39游戏盒子一样的盒子推荐 诸葛村夫123
    免费在线游戏盒子为我们的日常休闲娱乐提供了丰富多样的游戏体验。有些游戏平台相当优质，同时还提供实时动态、活动福利等。现在让我们一起探寻哪些免费在线游戏网站值得你投入时间和精力，沉浸在游戏的世界中，畅玩各种好玩的游戏。2024最火的免费游戏盒子排行榜大全───┅┈━━━━━━━━┅┈─────────────Top1──────────游戏盒子名字：游戏豹官网-特点-：手机游戏门户盒子日活跃量：1.
  • 因模仿老师爆火的“钟美美”，删除所有作品，如此模仿是否尊师？ 英语时代
    作为老师，我承认我笑了，太喜欢这孩子了，如此模仿，给我们带来了无限的快乐，为什么要上纲上线？我觉得这和“是否尊师”，没有半毛钱的关系！由于孩子的表演天赋，再加上全程高能，一夜之间红得一塌糊涂，“赢在高三”老师做了两年的自媒体，才20万粉丝，这个孩子凭借自己的天赋和智商，一夜之间就有了30多万粉丝，如果持续发展，不出意外，很快就能超过100万粉丝。但是，他的所有视频都下架了，下架的原因是什么呢？我们
  • 想学配音怎么自学，怎么才能进入配音行业 声优配音圈
    一、自学配音的步骤自学配音是一种提升自身技能的有效方法，具体步骤如下：兼职副业推荐公众号，配音新手圈，声优配音圈，新配音兼职圈，配音就业圈，鼎音副业，有声新手圈，每天更新各种远程工作与在线兼职，职位包括：写手、程序开发、剪辑、设计、翻译、配音、无门槛、插画、翻译、等等。。。每日更新兼职。1.了解配音基础知识，包括发音、节奏等；2.学习模仿各种声音和语调，提高自己的音色变化能力；3.多观察、多倾听，
  • 想学配音怎么自学，没有基础怎么学配音 声优配音圈
    一、自学配音的方法自学配音的方法有很多种，可以通过观看配音教学视频、参加配音培训班、阅读相关教材等方式进行学习。兼职副业推荐公众号，配音新手圈，声优配音圈，新配音兼职圈，配音就业圈，鼎音副业，有声新手圈，每天更新各种远程工作与在线兼职，职位包括：写手、程序开发、剪辑、设计、翻译、配音、无门槛、插画、翻译、等等。。。每日更新兼职。此外，还可以通过模仿优秀配音演员的表演，不断练习来提高自己的配音技能。
  • 社招面试官问我Spring的IOC是啥？我一个比喻让他眼前一亮！ 软件求生 #工作建议人工智能开发语言java大数据算法
    大家好，我是小米，一个31岁的程序员大哥哥，经历了太多社招面试后，逐渐从“面试焦虑”毕业了，现在最大的乐趣，就是给朋友讲面试故事+分享技术干货。今天要聊的，是我最近帮一个朋友模拟面试时遇到的一个老生常谈、但又超容易踩坑的问题：“你能说说Spring的IOC是什么吗？它是怎么实现的？”朋友当场一愣，说了一些“IOC是控制反转，DI是依赖注入，它能让对象解耦……”就被我摇头否掉了。今天，我就用一个超级
  • git常用操作及git submodule子模块操作和简单讲解，git源码包下载镜像网站推荐，编译安装git，配置git局域网ssh服务端免密操作
    项目多人协作开发一般都要用到版本管理工具并配置代码仓库服务器，这里根据网上资料汇总并实操修改整理出了源码包编译安装git，ssh涉服务端操作免密以及盘点一些git常用操作一：源码包安装git从官网或者镜像网站下到源码包，这里给一个镜像网站，里边找到想要的git-版本号.tar.gzhttps://mirrors.edge.kernel.org/pub/software/scm/git/先校准系统时
  • 神经网络：模拟人脑的 AI 信息处理系统
    1.神经网络是什么：AI的“数字大脑”1.1从生物神经元到人工神经元人脑由860亿个神经元通过突触连接形成复杂网络，神经元通过电信号传递信息——当信号强度超过阈值时，神经元被激活并向其他神经元发送信号。神经网络正是模仿这一结构设计的计算模型，其核心是“人工神经元”和“层级连接”。人工神经元接收多个输入信号，通过权重（模拟突触强度）加权求和，再经激活函数处理（模拟神经元“是否激活”），输出结果。例如
  • 同步发电机与逆变型电源故障电流特性对比实验研究 神经网络15044 MATLAB专栏仿真模型生成对抗网络学习人工智能开发语言matlab
    同步发电机与逆变型电源故障电流特性对比实验研究前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到网站。1.研究背景与意义随着可再生能源在电力系统中的渗透率不断提高，逆变型电源(Inverter-BasedResources,IBR)在电网中的比重日益增加。与传统同步发电机相比，IBR的故障响应特性存在显著差异，这对电力系统的保护设计和运行控制提出了新的挑战
  • 查看.bin二进制文件的方式（HxD十六进制编辑器的安装） Ac157ol 编辑器
    文章目录Windows系统上安装HxD十六进制编辑器的步骤。**HxD是一款免费、轻量级的工具，适合查看和编辑.bin等二进制文件。****PS:实际安装过程中会发现找不到Windows11的版本，安装windows10的即可，并且没有区别setup版和portable版**安装HxD的步骤1.访问官方网站2.**下载安装程序**3.运行安装程序4.验证安装5.注意事项6.后续使用Windows系
  • 免费手游内部号平台是哪些 可以免费获得手游内部号的平台排名 诸葛村夫123
    2024游戏盒子网站排行榜大全随着数位科技的发展，2024年手游市场持续火爆，各种新开手游持续涌现。本文为广大手游爱好者带来巅峰推荐，总结五个最具实力的手游新服发布网站，为您提供最全面的游戏资讯以及专业的游戏攻略。▶免费手游内部号平台推荐TOP1：游戏豹官网特点：内部特权游戏类型：多类型推荐日活跃人数：15万网址链接：www.ystt88.cn游戏介绍：游戏豹官网以快速获取新开手游的特点，把握游戏
  • Django基础(一)———创建与启动 【本人】 PythonWebdjangopython后端
    前言从这篇文章开始，我将给大家介绍Python中的一个框架Django我将从基础开始一步一步带领大家深入了解Django框架并完成实战案例一、Django是什么？Django是一个免费、开源、高级的PythonWeb框架。它的核心目标是使开发复杂的、数据库驱动的网站变得快速、简单和安全。Django遵循“Don'tRepeatYourself”的设计哲学，强调代码复用和组件化。它奉行“包含电池”的
  • 淘宝返利机器人 返金app平台高佣返利省钱
    淘宝返利机器人是一种自动化工具，用于帮助用户在购物过程中获取返利。它通常是一个软件程序或浏览器插件，可以自动识别用户在淘宝网站上的购物行为，并通过返利平台的接口实现返利功能。使用淘宝返利机器人可以帮助用户省下一部分购物费用，获取一定比例的返利。用户可以在购物前启动返利机器人，它会自动跟踪用户的购物行为，并将相应的返利金额返还到用户的账户上。需要注意的是，使用返利机器人时要确保选择可靠的返利平台和合
  • Django母婴商城项目实践（二）- 商城项目环境配置 ITB业生 Djangodjango数据库python
    2、母婴商城项目环境配置环境配置：Python3.12解释器PycharmProfessional2025.1编辑器Django4.2（或Django5.x）MySQL8.0.28数据库1、Django框架介绍Django是一个高级的PythonWeb应用框架，可以快速开发安全和可维护的网站。由经验丰富的开发者构建，Django负责处理网站开发中麻烦的部分，可以专注于编写应用程序，而无需重新开发。
  • 【2024国赛C题】【农作物的种植策略】2024 年全国大学生数学建模比赛思路、代码更新中..... 程序猿鑫 数学建模
    欢迎来到本博客❤️❤️博主优势：博客内容尽量做到思维缜密，逻辑清晰，为了方便读者。⛳️座右铭：行百里者，半于九十。本文目录如下：目录⛳️竞赛事件及参赛1找程序网站推荐2公式编辑器、流程图、论文排版324年国赛C题及资源下载4思路、代码分享......⛳️竞赛事件及参赛根据乡村的实际情况，充分利用有限的耕地资源，因地制宜，发展有机种植产业，对乡村经济的可持续发展具有重要的现实意义。选择适宜的农作物，
  • python爬虫运行_Python爬虫杂记 - python运行js weixin_39727402 python爬虫运行
    execjs使用有了selenium+ChromeHeadless加载页面为什么还要用execjs来运行js？selenium+ChromeHeadless必然是爬虫的一大利器，可是缺点依然存在，性能问题不可忽视。但这构不成舍弃它而不用的理由。我认为舍弃包括ChromeHeadless、PhantomJS在内的无头浏览器的原因主要有以下几点：1.页面结构改变、弹窗(一些网站的页面结构经常无规则改变
  • wap页面和html5,WAP网站、3G网站、html5触屏版有什么区别？
    目前手机上的网站主要就分为WAP格式和3G格式，从脚本语言来讲，我们通常喜欢说用WML开发的网站就是WAP网站，用XHTML开发的网上3G网站。WML是当初专门为2.5G时代开发的一个脚本，他的功能挺简单的，页面形式呢主要是文字居多，因为那个时候的网速带宽还有机型的限制，所以WAP网站不能用CSS，字体颜色也只有普通文字的黑色和链接文字的蓝色，至于页面背景什么的是不能设置的。3G网站，也就是我们所
  • html5这什么意思,html5是什么意思？html5和html的区别介绍 wiles super html5这什么意思
    一、HTML5是什么？HTML5是HyperTextMarkupLanguage5的缩写，HTML5是超文本标记语言的最新版本，也就是描述网页的代码，html5实际上是三种代码形式，首先是HTML提供结构，其次是层叠样式表(CSS)负责网站的样式和布局，最后是JavaScript是给网站添加动态功能。二、html5和html的区别1、定义上区别HTML5是应用超文本标记语言(HTML)的第五次修改
  • sgg大数据全套技术链接[plus] 原来是大华啊~ 资源大数据
    写在开头：感谢尚硅谷，尚硅谷万岁，我爱尚硅谷111个技术栈+43个项目，兄弟们，冲！最近小米又又又火了一把，致敬所有造福人民的企业和伟大的企业家，致敬雷军，小米，致敬马云，致敬尚硅谷，致敬所有为人民谋福的英雄人物和企业，再次献上我诚挚的敬意，致敬！尚硅谷大数据全套111个技术1.Java从入门到精通JDK版链接：https://pan.baidu.com/s/1GAc610SYSMmZBuOX4D
  • 基于DTLC-AEC与DTLN的轻量级实时语音增强系统设计与实现 神经网络15044 仿真模型神经网络机器学习图像处理cnn人工智能机器人
    基于DTLC-AEC与DTLN的轻量级实时语音增强系统设计与实现前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到网站。1.引言在当今的互联网通信时代，实时语音通信已成为人们日常生活中不可或缺的一部分。然而，语音通信质量常常受到回声、背景噪声等因素的严重影响。为了解决这些问题，我们需要高效的语音增强技术。本文将详细介绍如何将DTLC-AEC（深度学习回声消
  • C/C++Win32编程基础详解视频下载 择善Zach 编程C++Win32
    课题视频：C/C++Win32编程基础详解 视频知识：win32窗口的创建                   windows事件机制 主讲：择善Uncle老师 学习交流群：386620625 验证码：625 --
  • Guava Cache使用笔记 bylijinnan javaguavacache
    1.Guava Cache的get/getIfPresent方法当参数为null时会抛空指针异常 我刚开始使用时还以为Guava Cache跟HashMap一样，get(null)返回null。 实际上Guava整体设计思想就是拒绝null的，很多地方都会执行com.google.common.base.Preconditions.checkNotNull的检查。 2.Guava
  • 解决ora-01652无法通过128（在temp表空间中） 0624chenhong oracle
    解决ora-01652无法通过128（在temp表空间中）扩展temp段的过程 一个sql语句后，大约花了10分钟，好不容易有一个结果，但是报了一个ora-01652错误，查阅了oracle的错误代码说明：意思是指temp表空间无法自动扩展temp段。这种问题一般有两种原因：一是临时表空间空间太小，二是不能自动扩展。 分析过程：    既然是temp表空间有问题，那当
  • Struct在jsp标签 不懂事的小屁孩 struct
    非UI标签介绍： 控制类标签： 1：程序流程控制标签   if   elseif    else <s:if test="isUsed"> <span class="label label-success">True</span> </
  • 按对象属性排序 换个号韩国红果果 JavaScript对象排序
    利用JavaScript进行对象排序，根据用户的年龄排序展示 <script> var bob={ name;bob, age:30 } var peter={ name;peter, age:30 } var amy={ name;amy, age:24 } var mike={ name;mike, age:29 } var john={
  • 大数据分析让个性化的客户体验不再遥远 蓝儿唯美 数据分析
    顾客通过多种渠道制造大量数据，企业则热衷于利用这些信息来实现更为个性化的体验。 分析公司Gartner表示，高级分析会成为客户服务的关键，但是大数据分析的采用目前仅局限于不到一成的企业。 挑战在于企业还在努力适应结构化数据，疲于根据自身的客户关系管理（CRM）系统部署有效的分析框架，以及集成不同的内外部信息源。 然而，面对顾客通过数字技术参与而产生的快速变化的信息，企业需要及时作出反应。要想实
  • java笔记4 a-john java
    操作符 1，使用java操作符       操作符接受一个或多个参数，并生成一个新值。参数的形式与普通的方法调用不用，但是效果是相同的。加号和一元的正号（+）、减号和一元的负号（-）、乘号（*）、除号（/）以及赋值号（=）的用法与其他编程语言类似。       操作符作用于操作数，生成一个新值。另外，有些操作符可能会改变操作数自身的
  • 从裸机编程到嵌入式Linux编程思想的转变------分而治之：驱动和应用程序 aijuans 嵌入式学习
        笔者学习嵌入式Linux也有一段时间了，很奇怪的是很多书讲驱动编程方面的知识，也有很多书将ARM9方面的知识，但是从以前51形式的（对寄存器直接操作，初始化芯片的功能模块）编程方法，和思维模式，变换为基于Linux操作系统编程，讲这个思想转变的书几乎没有，让初学者走了很多弯路，撞了很多难墙。     笔者因此写上自己的学习心得，希望能给和我一样转变
  • 在springmvc中解决FastJson循环引用的问题 asialee 循环引用fastjson
              我们先来看一个例子：           package com.elong.bms; import java.io.OutputStream; import java.util.HashMap; import java.util.Map; import co
  • ArrayAdapter和SimpleAdapter技术总结 百合不是茶 androidSimpleAdapterArrayAdapter高级组件基础
    ArrayAdapter比较简单，但它只能用于显示文字。而SimpleAdapter则有很强的扩展性，可以自定义出各种效果   ArrayAdapter;的数据可以是数组或者是队列        // 获得下拉框对象 AutoCompleteTextView textview = (AutoCompleteTextView) this
  • 九封信 bijian1013 人生励志
            有时候，莫名的心情不好，不想和任何人说话，只想一个人静静的发呆。有时候，想一个人躲起来脆弱，不愿别人看到自己的伤口。有时候，走过熟悉的街角，看到熟悉的背影，突然想起一个人的脸。有时候，发现自己一夜之间就长大了。         2014，写给人
  • Linux下安装MySQL Web 管理工具phpMyAdmin sunjing PHPInstallphpMyAdmin
    PHP http://php.net/ phpMyAdmin http://www.phpmyadmin.net Error compiling PHP on CentOS x64   一、安装Apache 请参阅http://billben.iteye.com/admin/blogs/1985244   二、安装依赖包 sudo yum install gd
  • 分布式系统理论 bit1129 分布式
    FLP One famous theory in distributed computing, known as FLP after the authors Fischer, Lynch, and Patterson, proved that in a distributed system with asynchronous communication and process crashes,
  • ssh2整合(spring+struts2+hibernate)-附源码 白糖_ eclipsespringHibernatemysql项目管理
    最近抽空又整理了一套ssh2框架，主要使用的技术如下： spring做容器，管理了三层(dao,service,actioin)的对象 struts2实现与页面交互(MVC)，自己做了一个异常拦截器，能拦截Action层抛出的异常 hibernate与数据库交互 BoneCp数据库连接池，据说比其它数据库连接池快20倍，仅仅是据说 MySql数据库   项目用eclipse
  • treetable bug记录 braveCS table
    // 插入子节点删除再插入时不能正常显示。修改： //不知改后有没有错，先做个备忘 Tree.prototype.removeNode = function(node) { // Recursively remove all descendants of +node+ this.unloadBranch(node); // Remove
  • 编程之美-电话号码对应英语单词 bylijinnan java算法编程之美
    import java.util.Arrays; public class NumberToWord { /** * 编程之美 电话号码对应英语单词 * 题目： * 手机上的拨号盘，每个数字都对应一些字母，比如2对应ABC，3对应DEF.........，8对应TUV，9对应WXYZ， * 要求对一段数字，输出其代表的所有可能的字母组合
  • jquery ajax读书笔记 chengxuyuancsdn jQuery ajax
    1、jsp页面 <%@ page language="java" import="java.util.*" pageEncoding="GBK"%> <% String path = request.getContextPath(); String basePath = request.getScheme()
  • JWFD工作流拓扑结构解析伪码描述算法 comsci 数据结构算法工作活动J#
      对工作流拓扑结构解析感兴趣的朋友可以下载附件，或者下载JWFD的全部代码进行分析   /*  流程图拓扑结构解析伪码描述算法         public java.util.ArrayList DFS(String graphid, String stepid, int j)
  • oracle I/O 从属进程 daizj oracle
    I/O 从属进程 　　I/O从属进程用于为不支持异步I/O的系统或设备模拟异步I/O.例如，磁带设备(相当慢)就不支持异步I/O.通过使用I/O 从属进程，可以让磁带机模仿通常只为磁盘驱动器提供的功能。就好像支持真正的异步I/O 一样，写设备的进程(调用者)会收集大量数据，并交由写入器写出。数据成功地写出时，写入器(此时写入器是I/O 从属进程，而不是操作系统)会通知原来的调用者，调用者则会
  • 高级排序:希尔排序 dieslrae 希尔排序
    public void shellSort(int[] array){ int limit = 1; int temp; int index; while(limit <= array.length/3){ limit = limit * 3 + 1;
  • 初二下学期难记忆单词 dcj3sjt126com englishword
    kitchen 厨房 cupboard 厨柜 salt 盐 sugar 糖 oil 油 fork 叉；餐叉 spoon 匙；调羹 chopsticks 筷子 cabbage 卷心菜；洋白菜 soup 汤 Italian 意大利的   Indian 印度的 workplace  工作场所 even 甚至；更 Italy 意大利 laugh 笑 m
  • Go语言使用MySQL数据库进行增删改查 dcj3sjt126com mysql
    目前Internet上流行的网站构架方式是LAMP，其中的M即MySQL, 作为数据库，MySQL以免费、开源、使用方便为优势成为了很多Web开发的后端数据库存储引擎。MySQL驱动Go中支持MySQL的驱动目前比较多，有如下几种，有些是支持database/sql标准，而有些是采用了自己的实现接口,常用的有如下几种: http://code.google.c...o-mysql-dri
  • git命令 shuizhaosi888 git
    ---------------设置全局用户名： git config --global user.name "HanShuliang" //设置用户名 git config --global user.email "[email protected]" //设置邮箱 ---------------查看环境配置 git config --li
  • qemu-kvm 网络 nat模式 (四) haoningabc kvmqemu
    qemu-ifup-NAT #!/bin/bash BRIDGE=virbr0 NETWORK=192.168.122.0 GATEWAY=192.168.122.1 NETMASK=255.255.255.0 DHCPRANGE=192.168.122.2,192.168.122.254 TFTPROOT= BOOTP= function check_bridge()
  • 不要让未来的你，讨厌现在的自己 jingjing0907 生活 奋斗 工作 梦想
     故事one 　23岁，他大学毕业，放弃了父母安排的稳定工作，独闯京城，在家小公司混个小职位，工作还算顺手，月薪三千，混了混，混走了一年的光阴。　　　　24岁，有了女朋友，从二环12人的集体宿舍搬到香山民居，一间平房，二人世界，爱爱爱。偶然约三朋四友，打扑克搓麻将，日子快乐似神仙；　　　　25岁，出了几次差，调了两次岗，薪水涨了不过百，生猛狂飙的物价让现实血淋淋，无力为心爱银儿购件大牌
  • 枚举类型详解 一路欢笑一路走 enum枚举详解enumsetenumMap
    枚举类型详解 一.Enum详解      1.1枚举类型的介绍   JDK1.5加入了一个全新的类型的”类”—枚举类型，为此JDK1.5引入了一个新的关键字enum,我们可以这样定义一个枚举类型。      Demo:一个最简单的枚举类   public enum ColorType { RED
  • 第11章 动画效果（上） onestopweb 动画
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • Eclipse中jsp、js文件编辑时，卡死现象解决汇总 ljf_home eclipsejsp卡死js卡死
    使用Eclipse编辑jsp、js文件时，经常出现卡死现象，在网上百度了N次，经过N次优化调整后，卡死现象逐步好转，具体那个方法起到作用，不太好讲。将所有用过的方法罗列如下：   1、取消验证 windows–>perferences–>validation 把 除了manual 下面的全部点掉，build下只留 classpath dependency Valida
  • MySQL编程中的6个重要的实用技巧 tomcat_oracle mysql
    每一行命令都是用分号(;)作为结束 对于MySQL，第一件你必须牢记的是它的每一行命令都是用分号(;)作为结束的，但当一行MySQL被插入在PHP代码中时，最好把后面的分号省略掉，例如： mysql_query("INSERT INTO tablename(first_name,last_name)VALUES('$first_name',$last_name')");
  • zoj 3820 Building Fire Stations(二分+bfs) 阿尔萨斯 Build
    题目链接：zoj 3820 Building Fire Stations 题目大意：给定一棵树，选取两个建立加油站，问说所有点距离加油站距离的最大值的最小值是多少，并且任意输出一种建立加油站的方式。 解题思路：二分距离判断，判断函数的复杂度是o(n)，这样的复杂度应该是o(nlogn)，即使常数系数偏大，但是居然跑了4.5s，也是醉了。 判断函数里面做了3次bfs，但是每次bfs节点最多
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他