程序员经验分享-hwhale

计算机毕业设计 HTML+CSS+JavaScript食品餐饮行业网站(10页)

2023-05-16

🎀 精彩专栏推荐👇🏻👇🏻👇🏻

✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主
💂 作者主页: 【主页——🚀获取更多优质源码】
🎓 web前端期末大作业： 【📚毕设项目精品实战案例 (1000套) 】
🧡 程序员有趣的告白方式：【💌HTML七夕情人节表白网页制作 (110套) 】
🌎超炫酷的Echarts大屏可视化源码：【🦄 echarts大屏展示大数据平台可视化(150套) 】
🎁 免费且实用的WEB前端学习指南： 【📂web前端零基础到高级学习视频教程 120G干货分享】
🥇 关于作者: 历任研发工程师，技术组长，教学总监；曾于2016年、2020年两度荣获CSDN年度十大博客之星。 十载寒冰，难凉热血；多年过去，历经变迁，物是人非。 然而，对于技术的探索和追求从未停歇。 💪坚持原创，热衷分享，初心未改，继往开来！

📂文章目录

  • 一、👨‍🎓网站题目
  • 二、✍️网站描述
  • 三、📚网站介绍
  • 四、🌐网站效果
  • 五、🪓 代码实现
    • 🧱HTML结构代码
    • 💒CSS样式代码
  • 六、🥇 如何让学习不再盲目
  • 七、🎁更多干货

一、👨‍🎓网站题目

🥧 美食网页介绍、🍰甜品蛋糕、🦐地方美食小吃文化、🍺餐饮文化、等网站的设计与制作。

二、✍️网站描述

🍧美食主题网站 主要对各种美食进行展示，让浏览者清晰地了解到各种美食的详细信息，便于浏览者进行选择。该模块的左侧有个美食分类，用户可以选择自己喜欢的种类，当点击种类后，就会在右侧出现该分类下的各种美食，用户可以点击自己感兴趣的食品，从而看到它的具体信息。它的具体信息包括配料、产地及它的一些功能，使用户对该食品有着全面的认识。

👨‍🎓静态网站的编写主要是用HTML DIV+CSS JS等来完成页面的排版设计👩‍🎓,常用的网页设计软件有Dreamweaver、EditPlus、HBuilderX、VScode 、Webstorm、Animate等等，用的最多的还是DW，当然不同软件写出的前端Html5代码都是一致的，本网页适合修改成为各种类型的产品展示网页，比如美食、旅游、摄影、电影、音乐等等多种主题，希望对大家有所帮助。

三、📚网站介绍

📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。

📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。

📘网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。

📒网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；

📙网页编辑方面：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。
其中：
（1）📜html文件包含：其中index.html是首页、其他html为二级页面；
（2）📑 css文件包含：css全部页面样式,文字滚动, 图片放大等；
（3）📄 js文件包含：js实现动态轮播特效, 表单提交, 点击事件等等（个别网页中运用到js代码）。

四、🌐网站效果

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

五、🪓 代码实现

🧱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/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>XXX_首页</title>
<link rel="stylesheet" type="text/css" href="css/slf.css"/>
<script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/banner.index.js"></script>
<script type="text/javascript" src="js/jquery.easing.js"></script>
<script type="text/javascript" src="js/slf.js"></script>
<script src="js/swiper.jquery.js"></script>
</head>

<body>
<div class="gray">
  <div id="headr">
    <ul id="nav">
      <li><a href="index.html">关于我们</a></li>
      <li><a href="about.html">门店分布</a></li>
      <li><a href="news.html">品牌活动</a></li>
      <li><a href="#" class="logo"><img src="picture/logo.gif" width="120" height="75" alt=""/></a></li>
      <li><a href="products.html">网络商城</a></li>
      <li><a href="contact.html">产品中心</a></li>
      <li><a href="zhaopin.html">联系我们</a></li>
      <div class="clear"></div>
    </ul>
  </div>
</div>
<div class="banner">
  <div id="full-screen-slider">
    <ul id="slides">
      <li style="background:url(images/ban01.jpg) no-repeat center top"><a href=""></a></li>
      <li style="background:url(images/ban02.jpg) no-repeat center top"><a href=""></a></li>
      <li style="background:url(images/ban03.jpg) no-repeat center top"><a href=""></a></li>
      <div class="clear"></div>
    </ul>
  </div>
</div>
<div class="main about">
  <div class="about_con l">
    <h2>公司简介</h2>
    <p> 2006年6月，“XXX”品牌正式开始企业化运作，总部落户于湖北省武汉市。是一家专门从事鸭类、鹅类、鸭副产品及素食类休闲熟卤制品深加工的品牌企业，截止到2015年，XXX在职员工已超3000人，下属20多家子公司...</p>
    <a href="#" class="view">View more</a> </div>
  <div class="about_rig r">
    <div class="video"><img src="picture/video.gif" width="736" height="410" alt=""/></div>
  </div>
</div>
<div class="clear"></div>
<div class="main">
  <div class="inTit1" style="background:url(images/intit1.png) no-repeat center center"></div>
  <div class="kv">
    <ul class="kv_pic">
      <li><img src="picture/1.jpg" alt="" /></li>
      <li><img src="picture/2.jpg" alt="" /></li>
      <li><img src="picture/3.jpg" alt="" /></li>
      <li><img src="picture/2.jpg" alt="" /></li>
    </ul>
    <div class="kv_word">
      <ul>
        <li>
          <div class="tit">
            <h2>缘起</h2>
            <div class="bg">a</div>
            <span class="en">SINCE THE EDGE</span></div>
          <div class="clear"></div>
          <div class="f1">1997-2006</div>
          <div class="wordCon">
            <p> 1997年---- “XXX”创始人周富裕先生在湖北省武汉市航空路电业集贸市场开设了“XXX”品牌前身“周记怪味鸭”卤制品专卖店。 </p>
            <p> 2004年----根据产品特点，品牌由“周记怪味鸭”升级为“周记黑鸭”，同年，通过商标注册申请，正式迈出了品牌建设的第一步，最终确定为“XXX”。 </p>
            <p> 2006年----通过在湖北省武汉市江岸区谌家矶大道72号注册成立公司，“XXX”正式完成了从传统生产方式到规模化生产方式的跨越。 </p>
            <p> 1997年---- “XXX”创始人周富裕先生在湖北省武汉市航空路电业集贸市场开设了“XXX”品牌前身“周记怪味鸭”卤制品专卖店。 </p>
            <p> 2004年----根据产品特点，品牌由“周记怪味鸭”升级为“周记黑鸭”，同年，通过商标注册申请，正式迈出了品牌建设的第一步，最终确定为“XXX”。 </p>
            <p> 2006年----通过在湖北省武汉市江岸区谌家矶大道72号注册成立公司，“XXX”正式完成了从传统生产方式到规模化生产方式的跨越。 </p>
            <p> 1997年---- “XXX”创始人周富裕先生在湖北省武汉市航空路电业集贸市场开设了“XXX”品牌前身“周记怪味鸭”卤制品专卖店。 </p>
            <p> 2004年----根据产品特点，品牌由“周记怪味鸭”升级为“周记黑鸭”，同年，通过商标注册申请，正式迈出了品牌建设的第一步，最终确定为“XXX”。 </p>
            <p> 2006年----通过在湖北省武汉市江岸区谌家矶大道72号注册成立公司，“XXX”正式完成了从传统生产方式到规模化生产方式的跨越。 </p>
          </div>
        </li>
        <li>
          <div class="tit">
            <h2>缘起</h2>
            <div class="bg">a</div>
            <span class="en">SINCE THE EDGE</span></div>
          <div class="clear"></div>
          <div class="f1">1997-2006</div>
          <div class="wordCon">
            <p> 1997年---- “XXX”创始人周富裕先生在湖北省武汉市航空路电业集贸市场开设了“XXX”品牌前身“周记怪味鸭”卤制品专卖店。 </p>
            <p> 2004年----根据产品特点，品牌由“周记怪味鸭”升级为“周记黑鸭”，同年，通过商标注册申请，正式迈出了品牌建设的第一步，最终确定为“XXX”。 </p>
            <p> 2006年----通过在湖北省武汉市江岸区谌家矶大道72号注册成立公司，“XXX”正式完成了从传统生产方式到规模化生产方式的跨越。 </p>
            <p> 1997年---- “XXX”创始人周富裕先生在湖北省武汉市航空路电业集贸市场开设了“XXX”品牌前身“周记怪味鸭”卤制品专卖店。 </p>
            <p> 2004年----根据产品特点，品牌由“周记怪味鸭”升级为“周记黑鸭”，同年，通过商标注册申请，正式迈出了品牌建设的第一步，最终确定为“XXX”。 </p>
            <p> 2006年----通过在湖北省武汉市江岸区谌家矶大道72号注册成立公司，“XXX”正式完成了从传统生产方式到规模化生产方式的跨越。 </p>
            <p> 1997年---- “XXX”创始人周富裕先生在湖北省武汉市航空路电业集贸市场开设了“XXX”品牌前身“周记怪味鸭”卤制品专卖店。 </p>
            <p> 2004年----根据产品特点，品牌由“周记怪味鸭”升级为“周记黑鸭”，同年，通过商标注册申请，正式迈出了品牌建设的第一步，最终确定为“XXX”。 </p>
            <p> 2006年----通过在湖北省武汉市江岸区谌家矶大道72号注册成立公司，“XXX”正式完成了从传统生产方式到规模化生产方式的跨越。 </p>
          </div>
        </li>
        <li>
          <div class="tit">
            <h2>缘起</h2>
            <div class="bg">a</div>
            <span class="en">SINCE THE EDGE</span></div>
          <div class="clear"></div>
          <div class="f1">1997-2006</div>
          <div class="wordCon">
            <p> 1997年---- “XXX”创始人周富裕先生在湖北省武汉市航空路电业集贸市场开设了“XXX”品牌前身“周记怪味鸭”卤制品专卖店。 </p>
            <p> 2004年----根据产品特点，品牌由“周记怪味鸭”升级为“周记黑鸭”，同年，通过商标注册申请，正式迈出了品牌建设的第一步，最终确定为“XXX”。 </p>
            <p> 2006年----通过在湖北省武汉市江岸区谌家矶大道72号注册成立公司，“XXX”正式完成了从传统生产方式到规模化生产方式的跨越。 </p>
            <p> 1997年---- “XXX”创始人周富裕先生在湖北省武汉市航空路电业集贸市场开设了“XXX”品牌前身“周记怪味鸭”卤制品专卖店。 </p>
            <p> 2004年----根据产品特点，品牌由“周记怪味鸭”升级为“周记黑鸭”，同年，通过商标注册申请，正式迈出了品牌建设的第一步，最终确定为“XXX”。 </p>
            <p> 2006年----通过在湖北省武汉市江岸区谌家矶大道72号注册成立公司，“XXX”正式完成了从传统生产方式到规模化生产方式的跨越。 </p>
            <p> 1997年---- “XXX”创始人周富裕先生在湖北省武汉市航空路电业集贸市场开设了“XXX”品牌前身“周记怪味鸭”卤制品专卖店。 </p>
            <p> 2004年----根据产品特点，品牌由“周记怪味鸭”升级为“周记黑鸭”，同年，通过商标注册申请，正式迈出了品牌建设的第一步，最终确定为“XXX”。 </p>
            <p> 2006年----通过在湖北省武汉市江岸区谌家矶大道72号注册成立公司，“XXX”正式完成了从传统生产方式到规模化生产方式的跨越。 </p>
          </div>
        </li>
        <li>
          <div class="tit">
            <h2>缘起</h2>
            <div class="bg">a</div>
            <span class="en">SINCE THE EDGE</span></div>
          <div class="clear"></div>
          <div class="f1">1997-2006</div>
          <div class="wordCon">
            <p> 1997年---- “XXX”创始人周富裕先生在湖北省武汉市航空路电业集贸市场开设了“XXX”品牌前身“周记怪味鸭”卤制品专卖店。 </p>
            <p> 2004年----根据产品特点，品牌由“周记怪味鸭”升级为“周记黑鸭”，同年，通过商标注册申请，正式迈出了品牌建设的第一步，最终确定为“XXX”。 </p>
            <p> 2006年----通过在湖北省武汉市江岸区谌家矶大道72号注册成立公司，“XXX”正式完成了从传统生产方式到规模化生产方式的跨越。 </p>
            <p> 1997年---- “XXX”创始人周富裕先生在湖北省武汉市航空路电业集贸市场开设了“XXX”品牌前身“周记怪味鸭”卤制品专卖店。 </p>
            <p> 2004年----根据产品特点，品牌由“周记怪味鸭”升级为“周记黑鸭”，同年，通过商标注册申请，正式迈出了品牌建设的第一步，最终确定为“XXX”。 </p>
            <p> 2006年----通过在湖北省武汉市江岸区谌家矶大道72号注册成立公司，“XXX”正式完成了从传统生产方式到规模化生产方式的跨越。 </p>
            <p> 1997年---- “XXX”创始人周富裕先生在湖北省武汉市航空路电业集贸市场开设了“XXX”品牌前身“周记怪味鸭”卤制品专卖店。 </p>
            <p> 2004年----根据产品特点，品牌由“周记怪味鸭”升级为“周记黑鸭”，同年，通过商标注册申请，正式迈出了品牌建设的第一步，最终确定为“XXX”。 </p>
            <p> 2006年----通过在湖北省武汉市江岸区谌家矶大道72号注册成立公司，“XXX”正式完成了从传统生产方式到规模化生产方式的跨越。 </p>
          </div>
        </li>
      </ul>
    </div>
    <div class="control">
      <div class="prev"><img src="picture/icons_move_left.jpg" alt="" /></div>
      <div class="next"><img src="picture/icons_move_right.jpg" alt="" /></div>
    </div>
    <div class="kv_dot">
      <ul>
        <li class="action"></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
    </div>
  </div>
</div>
<div class="gray2"></div>
<div class="main">
  <div class="inTit2" style="background-image: url(images/intit2.png);"></div>
  <ul class="HotNew">
    <dl>
      <dt><a href="#"><img src="picture/new1.jpg" width="340" height="250" alt=""/></a></dt>
      <dd>
        <h2>XXX在中国：向我们引以为豪的伙伴致敬。</h2>
        <p>我们努力工作，就是希望能与朋友们分享美味醇厚的咖啡。并努力让世界变得更美好一点。这就是1971我们开设第一家XXX咖啡店时的理念，如今我们依然秉承这样的理念。
          了解我们的故事</p>
        <a href="#">了解更多</a> </dd>
    </dl>
    <dl>
      <dt><a href="#"><img src="picture/new1.jpg" width="340" height="250" alt=""/></a></dt>
      <dd>
        <h2>XXX在中国：向我们引以为豪的伙伴致敬。</h2>
        <p>我们努力工作，就是希望能与朋友们分享美味醇厚的咖啡。并努力让世界变得更美好一点。这就是1971我们开设第一家XXX咖啡店时的理念，如今我们依然秉承这样的理念。
          了解我们的故事,家XXX咖啡店时的理念，如今我们依然秉承这样的理念。 </p>
        <a href="#">了解更多</a> </dd>
    </dl>
    <dl>
      <dt><a href="#"><img src="picture/new1.jpg" width="340" height="250" alt=""/></a></dt>
      <dd>
        <h2>XXX在中国：向我们引以为豪的伙伴致敬。</h2>
        <p>我们努力工作，就是希望能与朋友们分享美味醇厚的咖啡。并努力让世界变得更美好一点。这就是1971我们开设第一家XXX咖啡店时的理念，如今我们依然秉承这样的理念。
          了解我们的故事</p>
        <a href="#">了解更多</a> </dd>
    </dl>
    <div class="clear"></div>
  </ul>
</div>
<div  class="ishopCon">
  <div class="ishop">
    <div class="tit"></div>
    <div class="shopUl"><a target="_blank" href="#">天猫旗舰店</a><a target="_blank" href="#">锁鲜专卖店</a><a target="_blank" href="#">京东商城</a><a target="_blank" href="#">一号店商城</a><a target="_blank" href="#">拍拍商城</a></div>
  </div>
</div>
<div class="footer">
  <div class="main2">
    <div class="icontact"><span class="f2">contact</span> <span class="f3">for me</span></div>
    <div class="tel"> online Service
      <div class="telNum">XXX</div>
      <div class="box"></div>
      <span style="text-transform:normal;">传真：XXX</span> <span style="text-transform: none;">邮箱：XXX</span></div>
    <dl>
      <dt><a href="#">关于我们</a></dt>
      <dd><a href="#">企业简介</a></dd>
      <dd><a href="#">企业文化</a></dd>
      <dd><a href="#">企业历程</a></dd>
    </dl>
    <dl>
      <dt><a href="#">品牌活动</a></dt>
      <dd><a href="#">品牌活动推广</a></dd>
      <dd><a href="#">品牌资讯</a></dd>
    </dl>
    <dl>
      <dt><a href="#">关于我们</a></dt>
      <dd><a href="#">企业简介</a></dd>
      <dd><a href="#">企业文化</a></dd>
      <dd><a href="#">企业历程</a></dd>
    </dl>
    <dl>
      <dt><a href="#">品牌活动</a></dt>
      <dd><a href="#">品牌活动推广</a></dd>
      <dd><a href="#">品牌资讯</a></dd>
    </dl>
    <!-- 二维码 开始 -->
    <div class="bgEwm">
      <div class="topBg" style="background-image: url(images/topbg.png);"></div>
      
      <!-- 代码 开始 --> 
      <script type="text/javascript" src="js/zzsc.js"></script>
      <div id="box">
        <div class="prev"></div>
        <div class="next"></div>
        <ul class="bigUl">
          <li style="z-index:1"><a href="#"><img src="picture/ewm1.jpg" alt="图1" /></a></li>
          <li><a href="#"><img src="picture/ewm1.jpg" alt="图2" /></a></li>
          <li><a href="#"><img src="picture/ewm2.jpg" alt="图3" /></a></li>
          <li><a href="#"><img src="picture/ewm1.jpg" alt="图4" /></a></li>
        </ul>
        <ul class="numberUl">
          <li class="night"><a href="javascript:;">1</a></li>
          <li><a href="javascript:;">2</a></li>
          <li><a href="javascript:;">3</a></li>
          <li><a href="javascript:;">4</a></li>
        </ul>
        <div>
          <ul class="textUl">
            <li style="display:block;"><a href="#">XXX公众号</a></li>
            <li><a href="#">XXX手机二维码</a></li>
            <li><a href="#">XXX微商城</a></li>
            <li><a href="#">XXX微信号</a></li>
          </ul>
        </div>
      </div>
      <!-- 代码 结束 --> 
    </div>
  </div>
</div>
<div class="copyRight">
  <div class="copyRightCon">
    <p>COPYRIGHT © 2020  ALL RIGHTS RESERVED</p>
     </div>
</div>
</body>
</html>

💒CSS样式代码


.gray{ width:100%; height:auto; background-color:#191c1d; height:75px; padding:12px 0px;}
.main3{ width:100%; height:auto; overflow:hidden;}
#headr,.HotNew{ width:1200px; height:auto; margin:0px auto; position:relative;}
.main,.about,.copyRightCon,.nyCon{ width:1200px; height:auto; margin:0px auto; overflow:hidden;}
.gray2{position: relative;height: 332px; background-repeat: no-repeat;background-image: url(../images/inculture.jpg);background-position: top center;  }
.logo{ display:block; width:88px; height:100px;float:left;}
#nav{ width:auto; float:right;}
#nav li{ float:left;}
#nav li a{ display:block; float:left; width:auto; padding:0px 25px; height:75px; line-height:75px; color:#fff; font-size:18px;}
/*banner start*/
.banner{width:100%;height:750px;overflow:hidden;}
#full-screen-slider{width:100%;height:750px;float:left;position:relative;}
#slides{display:block;height:750px;list-style:none;padding:0;margin:0;position:relative}
#slides li{display:block;width:100%;height:100%;list-style:none; padding:0;margin:0;position:absolute}
#slides li a{display:block;width:100%;height:100%;text-indent:-9999px}
#pagination{display:block;list-style:none;position:absolute;left:50%;top:700px;z-index:9900;padding:5px 0px 5px 0;margin:0;}
#pagination li{display:block;list-style:none;width:12px;height:12px;float:left;margin-right:13px;background-color:#fff;-moz-border-radius:15px;-webkit-border-radius:15px;-o-border-radius:15px;border-radius:15px;}
#pagination li a{display:block;width:100%;height:100%;padding:0;margin:0;text-indent:-9999px;}
#pagination li.current{background-color:#9f3a10;}
/*内页 banner start*/
.nyBanner{ width:100%; height:443px; background:url(../images/about.jpg) no-repeat center top;}
.newBanner{width:100%; height:443px; background:url(../images/newbanner.jpg) no-repeat center top;}
.ProBanner{width:100%; height:443px; background:url(../images/probanner.jpg) no-repeat center top;}
.zhaopinBanner{width:100%; height:443px; background:url(../images/zhaopin.jpg) no-repeat center top;}
.contcatBan{width:100%; height:443px; background:url(../images/contactus.jpg) no-repeat center top;}

.about{ margin:90px auto 115px auto;}
.about_rig{ width:736px; height:auto; float:right;overflow:hidden;}

六、🥇 如何让学习不再盲目

很多刚入门编程的小白学习了基础语法，却不知道语法的用途，不知道如何加深映像，不知道如何提升自己，这个时候每天刷自主刷一些题就非常重要（百炼成神），可以去牛客网上的编程初学者入门训练。该专题为编程入门级别，适合刚学完语法的小白练习，题目涉及编程基础语法，基本结构等，每道题带有练习模式和考试模式，可还原考试模式进行模拟，也可通过练习模式进行练习。

七、🎁更多干货

1.如果我的博客对你有帮助、如果你喜欢我的博客内容，请 “👍点赞” “✍️评论” “💙收藏” 一键三连哦！

2.💗【👇🏻👇🏻👇🏻关注我| 获取更多源码 | 优质文章】 带您学习各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、期末大作业模板 、等! 「在这里有好多 前端 开发者，一起探讨 前端 Node 知识，互相学习」！

3.

以上内容技术相关问题💌欢迎一起交流学习👇🏻👇🏻👇🏻🔥

在这里插入图片描述

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

html

css

javascript

计算机毕业设计

食品餐饮行业网站

计算机毕业设计 HTML+CSS+JavaScript食品餐饮行业网站(10页) 的相关文章

  • 列表项的替代背景颜色

    我有一个列表 每个项目都是链接的 有没有办法可以替换每个项目的背景颜色 ul li a href link Link 1 a li li a href link Link 2 a li li a href link Link 3 a li

  • 如何使输入字段的宽度为 100% 减去提交按钮的宽度？

    我有一个非常基本的单一输入字段 旁边有一个 提交 按钮 搜索按钮的固定宽度为 104 像素 两者都包裹在一起 总宽度占浏览器视口的 50 我的计划是允许输入字段随着浏览器窗口的扩大而扩大 目前 对于我的特定浏览器窗口 我必须修复输入字段的宽

  • 单击元素外部时触发事件的指令

    我知道有很多问题都在问类似的事情 但没有人真正解决我的问题 我正在尝试构建一个指令 当鼠标单击当前元素外部时 该指令将执行表达式 为什么我需要这个功能 我正在构建一个应用程序 在这个应用程序中 有 3 个下拉菜单 5 个下拉列表 如选择的

  • 如何检查字符串中是否存在阿拉伯字符（javascript）

    如何用javascript语言检查字符串中是否存在阿拉伯字符 根据维基百科 http en wikipedia org wiki Basic Multilingual Plane 阿拉伯字符属于 Unicode 范围 0600 06FF 因

  • 如何在 d3.js 中填充 svg 圆圈内的图像

    这是我在 svg 中填充圆圈的代码 var svgContainer d3 select body append svg attr width 1000 attr height 1000 var circles svgContainer s

  • 当 eslint 从子文件夹运行时无法解析相对模块路径

    当我从存储库的根文件夹运行 eslint 时 一切运行正常 没有错误 但是当我从子文件夹运行时 我会得到大量导入 未解决的问题 而当我从根目录运行时则不会发生这种情况 reporoot subfolder0 subfolder1 MyFil

  • 将 JSON 字符串传递给 Django 模板

    我一直在用头撞墙 试图找出为什么我无法将从 Django 模型生成的 JSON 字符串传递到模板的 javascript 静态文件中 事实证明 问题不在模型级别 使用serializers serialize 在脚本本身中放入相同的字符串将

  • 是否可以全局文本对齐表列而不在每行中指定类？

    想知道提高效率的最佳方法是什么 也许使用 jQuery 我可以接受不兼容 ie7 的解决方案 如果需要的话 即使缺乏对 ie8 的支持也可以 table th td class cal center td td left td td cla

  • 使用Doctype让scrollTop返回0，为什么？

    当我将此 Doctype 放入我的文档中时document body scrollTop返回零 这是为什么 当您使用该 Doctype 时 您会将每个当前浏览器放入所谓的几乎标准模式 http hsivonen iki fi doctype

  • 需要将焦点放在react中的div上

    我有一个之前用 H1 标签包裹的文本 页面加载后 我需要专注于该文本 为了方便起见 我将它包装在 div 中 render const translate billing primaryContactSelection true this

  • 输入号码时自动格式化 SSN

    我有一个文本字段 用户输入 SSN 号码 输入自身时 它应该格式化 就像关于文本字段的更改 它应该格式化999 999 999以这种方式在显示器本身上 kottenator 的脚本几乎已经完成 但它每隔 3 位数字就中断该值 而不是 3 位

  • 如何列出特定服务器的所有成员？

    我的代码是 const list client guilds find id 335507048017952771 for user of list users console log user 1 username 这实际上没有任何作用

  • 在 wkwebview 中启用摄像头和麦克风访问

    我有一个针对移动设备优化的网络应用程序 它利用getUserMedia访问网络摄像头和麦克风资源 我正在将这个应用程序包装在WKWebView因为我想提供原生应用程序体验 我知道 iOS 不允许通过浏览器访问相机 但是有什么方法可以使用本机

  • EaselJS Alpha 遮罩滤镜

    我对 Canvas 还很陌生 我一直在尝试将图像颠倒过来EaselJS Alpha 蒙版 http www createjs com demos easeljs alphamaskreveal示例 以便初始图像清晰 并且您可以paint是模

  • Chrome 和 IE 上的滚动/延迟事件

    我试图让用户始终看到一个内容块 即使他向下滚动页面也是如此 他还应该能够上下滚动内容块 这是一个精简版本的小提琴 向您展示我的意思 http jsfiddle net 9ehfV 2 http jsfiddle net 9ehfV 2 人们

  • 在 gulp 和 browsersync 问题中观看新文件

    我使用 browsersync 在文件更改时重新加载浏览器 而且它工作完美 但是当我创建新文件 例如 html scss js 时 bowsersync 不起作用 如何解决这个问题 gulpjs Browser Sync gulp task

  • 显示对象内容 - JS/jQuery

    With this data events 返回 object Object 我需要看看里面到底发生了什么 我找到了这个 var Finder each this data events function i n Finder Name i

  • javascript初学者：在javascript中添加动态样式？ [复制]

    这个问题在这里已经有答案了 可能的重复 如何使用 Javascript 创建 标签 https stackoverflow com questions 524696 how to create a style tag with javasc

  • TypeScript 中 C# 类虚拟成员的等效项

    因此 在 C 中 当我创建模型类和延迟加载内容时 我会执行以下操作 public int User ID get set public int Dept ID get set 然后在我的班级稍远一点的地方 我像这样弹出我的虚拟 public

  • 使用 Javascript 删除字符串的最后一个字符

    我有一个DIV与一些字符 如何在每次单击时删除文本中的最后一个字符DIV itself 删除第一个字符 div on click function this text function index text return text repl

随机推荐

  • java：synchronized 锁的原理

    synchronized 的基本认识 在多线程并发编程中 synchronized 一直是元老级角色 xff0c 很多人都会称呼它为重量级锁 但是 xff0c 随着 Java SE 1 6 对synchronized 进行了各种优化之后 x

  • sift = cv2.xfeatures2d.SIFT_create报错，解决

    本人原因opencv版本过高 xff0c 回退版本解决 先卸载原有opencv版本 pip uninstall opencv python pip uninstall opencv contrib python 回退版本到3 4 2 17解

  • CentOS 7.9上lightdm+ICEWM 桌面的配置+XManager远程

    IceWM是X Window系统的窗口管理器 IceWM的目标是速度 xff0c 简单 xff0c 并且不妨碍用户 它带有一个带寻呼机的任务栏 xff0c 全局键绑定和每窗口键绑定和动态菜单系统 应用程序窗口可以通过键盘和鼠标进行管理 窗口

  • windows下使用powershell 操作服务器进行上传或下载

    1 上传文件使用scp命令 43 本地路径 43 服务器用户名称 64 服务器Ip xff1a 上传路径 2 下载文件到本地 使用scp命令 43 服务器用户名称 64 服务器Ip xff1a 文件路径 43 下载到本地的路径 最后的点表示

  • 佛系解决 DataBinding 无法生成 Activity****Binding 类

    起初呢 xff0c ActivityMainBinding 该类始终无法生成 于是确定一下几个地方 build gradle android dataBinding enabled 61 true 布局文件名称 lt layout gt l

  • 宇宙最强pyqt5的安装（一）！！！

    前期准备工作 xff1a pythonIDE3 5以上版本开发环境pycharm编程知识熟悉python基本语法 在线安装pyqt5 安装sip C Users xxx gt pip install sip Collecting sip D

  • Win10下部署TensorFlow以及一些避坑小指南

    第一步 xff0c 下载Anaconda3 Anaconda官网目前最新的版本是Python3 6的 xff0c 想要历史版本的 xff0c 去下面的网站下载 xff1a https repo continuum io archive 我们

  • SpringBoot如何整合邮箱服务实现登录验证功能

    写在前面 这里主要讲解大致思路 详细代码 xff08 目前部分功能还在开发完善中 xff09 请见这里 如果个人用户还是想白嫖短信服务的话 xff0c 可以看看我的这篇博客 一 开启 POP3 SMTP服务 获得的授权码 这里以qq邮箱为例

  • 手动创建和挂载SWAP分区

    手动创建和挂载SWAP分区 在安装系统的时候很难决定多大的交换空间 xff0c 往往需要根据服务器实际负载 运行情况 以及未来可能应用来综合考虑 swap 分区的大小 xff0c 所以这里参考推荐最小 swap 大小更实际一些 xff1a

  • python中处理字符编码问题

    NO 1认识字符编码 GBK win默认中文字符编码是 xff1a GBK Unicode xff08 统一码 万国码 单一码 xff09 是计算机科学领域里的一项业界标准 xff0c 包括字符集 编码方案等 Unicode 是为了解决传统

  • python中if not的用法

    python中空的概念 xff1a 在python中 xff1a None False 0 空列表 空字典 空元祖 都相当于false coding utf 8 x 61 39 39 0 False None 1 x为真 故not x 为假

  • python实现文件上传下载的功能socket编程（基础版）

    环境介绍 xff1a 项目路径 xff1a 服务端执行过程 xff1a 客户端执行过程 xff1a 上传成功截图 xff1a 服务端代码 xff1a import socket file server 61 socket socket fi

  • -bash: java: command not found （Linux）

    原因 xff1a 安装jdk后没有配置环境变量 1 编辑配置文件 xff0c 配置环境变更 vim etc profile 在最下面添加 export JAVA HOME 61 usr local jdk8 export PATH 61 P

  • idea使用本地代码远程调试线上运行代码---windows环境

    场景 xff1a 今天在书上看了一个代码远程调试的方法 xff0c 自己本地验证了一下感觉十分不错 xff01 xff01 windows环境 xff1a 启动测试jar包 xff1a platform multiappcenter bas

  • anaconda：安装cuda和对应版本的cudnn

    复现别人论文的时候经常遇到不同的cuda版本 xff0c 可以使用anaconda创建虚拟环境 xff0c 并在不同的虚拟环境中配置对应的cuda版本 1 安装anaconda及虚拟环境使用 Anaconda多个python版本 xff08

  • Linux Server 种脚本自动执行

    在我们用python编写完脚本后 xff0c 时常需要定时运行我们的脚本 在这里 xff0c 我为大家介绍两种常用定时执行python脚本文件的方式 xff1a 第一种 xff1a crontab job 在Linux系统中可以通过设置cr

  • Tomcat9配置HTTP/2

    1 概述 Tomcat从Tomcat8的一些较新版本就支持HTTP 2了 xff0c Tomcat9直接支持 xff0c 本文首先讲述了相关HTTP 2的特性 xff0c 接着利用一个简单的开源工具mkcert生成证书并利用该证书配置HTT

  • SVN提交代码报错，怎么破？

    目录 SVN提交代码报错1 SVN提交被锁定 xff08 locked xff09 2 SVN提交已存在版本控制信息 xff08 is already under version control xff09 SVN提交代码报错 1 SVN提

  • Hive隐藏分割字符\001替换为可见字符

    Hive默认的分隔符是 001 xff0c 属于不可见字符 xff0c 这个字符在vi里是 A 一个文本0000 0 xff0c 直接cat内容如下 xff1a 320643204N2559613979 320828796N446323 3

  • 计算机毕业设计 HTML+CSS+JavaScript食品餐饮行业网站(10页)

    x1f380 精彩专栏推荐 x1f447 x1f3fb x1f447 x1f3fb x1f447 x1f3fb 作者简介 一个热爱把逻辑思维转变为代码的技术博主 x1f482 作者主页 主页 x1f680 获取更多优质源码 x1f393 w

热门标签