费尔特公司网站首页纯html、css源码

于 2024-06-28 13:20:15 发布
阅读量213 收藏
点赞数 2
文章标签： html css 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_49018210/article/details/140040873
版权 

<!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" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>浙江菲尔特工贸有限公司</title>
<meta name="keywords" content="铜门、铜门厂家、铜装饰、铜门十大品牌、铜工艺、上海铜门厂家、广东铜门厂家、铜楼梯厂家、铜楼梯、铜栏杆" />
<meta name="description" content="浙江菲尔特工贸有限公司是一家专业为高端客户提供铜门、铜栏杆、铜隔断、铜吊顶、铜艺装饰、铜饰品生产定制服务的企业。产品广泛应用于机关、银行、星级酒店会所、别墅、高档住宅等领域。
公司于1999年成立，坐落于素有“木雕王国”之称的浙江东阳，是国内最早生产铜门的企业之一。公司秉持“尽至诚之心、献至善之作”十年来依托强大的人才技术优势，已成为铜门工艺工程领域的领先品牌。
“打开一扇门，开启一片天”菲尔特融铜文化与门艺术于一体，结合现代科技手段，始终如一的纯手工制作、精雕细凿，打造出了铜门精品。“华丽巧饰其外，精伦绝秀其中”的菲尔特铜艺，以典雅至尊的风格，给客户气蕴富贵祥和的享受。产品已热销浙江、福建、云南、山西、贵州、重庆、四川、东北、台湾等地，并远销美国、马来西亚、新加坡……
菲尔特铜艺“奢华定制、尊贵享受”创造“豪门”精彩！" />
<!-- mobile phone-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--mobile phone end -->
<link rel="shortcut icon" href="http://www.fetty.cc/images/logo.ico" /><link rel="stylesheet" type="text/css" href="css/style.css" tppabs="http://www.fetty.cc/css/style.css">
<link rel="stylesheet" type="text/css" href="css/common.css" tppabs="http://www.fetty.cc/css/common.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" tppabs="http://www.fetty.cc/css/bootstrap.css">
<script src="js/jquery-1.11.1.min.js" tppabs="http://www.fetty.cc/js/jquery-1.11.1.min.js"></script>
<script src="js/easing.js" tppabs="http://www.fetty.cc/js/easing.js"></script>
<script src="js/bootstrap.js" tppabs="http://www.fetty.cc/js/bootstrap.js"></script>
<script src="js/index.js" tppabs="http://www.fetty.cc/js/index.js"></script>
<script src="js/main.js" tppabs="http://www.fetty.cc/js/main.js"></script>
<!--[if lte IE 9]>

   <script src="js/respond.min.js" tppabs="http://www.fetty.cc/js/respond.min.js"></script>
   <script src="js/html5shiv.js" tppabs="http://www.fetty.cc/js/html5shiv.js"></script>
<![endif]-->

<!--手机-->
<link rel="stylesheet" type="text/css" href="css/phone.css" tppabs="http://www.fetty.cc/css/phone.css">
<!--手机-->

</head>
     <!--phone menu-->
 <div id="jPanelMenu-menu" class="visible-xs visible-sm" style="width:100%;">
 
  <div class="xpnav">
    <div class="xpnav-btn"><span></span><span></span><span></span></div>
    <a href="index.html" tppabs="http://www.fetty.cc/index.html"><img src="images/logo4.png" tppabs="http://www.fetty.cc/images/logo4.png" width="60"></a>
  </div>
  
  <ul>
    <li><a href="index.html" tppabs="http://www.fetty.cc/index.html">首页</a></li>
    <li class="li1"><a href="##">品牌</a><ul>
        <li><a href="brand.html#ab1" tppabs="http://www.fetty.cc/brand.html#ab1">品牌介绍</a></li>
        <li><a href="brand.html#ab2" tppabs="http://www.fetty.cc/brand.html#ab2">企业文化</a></li>
        <li><a href="brand.html#ab3" tppabs="http://www.fetty.cc/brand.html#ab3">工程案例</a></li>
        <li><a href="brand.html#ab4" tppabs="http://www.fetty.cc/brand.html#ab4">人力资源</a></li>
        <li><a href="brand.html#ab5" tppabs="http://www.fetty.cc/brand.html#ab5">品牌历史</a></li>
        <li><a href="brand.html#ab6" tppabs="http://www.fetty.cc/brand.html#ab6">企业荣誉</a></li>
        <li><a href="brand.html#ab7" tppabs="http://www.fetty.cc/brand.html#ab7">合作伙伴</a></li>

      </ul>
    </li>    <li class="li2"><a href="##">产品</a>
<ul>
        <li><a href="products2_4.html" tppabs="http://www.fetty.cc/products2_4.html">铜艺系列</a></li>
        <li><a href="products2_20.html" tppabs="http://www.fetty.cc/products2_20.html">铜建筑系列</a></li>
        <li><a href="products2_3.html" tppabs="http://www.fetty.cc/products2_3.html">工艺品系列</a></li>

      </ul>
    </li>    <li class="li4"><a href="##">加入我们</a>
<ul>
        <li><a href="join.html" tppabs="http://www.fetty.cc/join.html">加盟中心</a></li>
        <li><a href="brand.html#ab8" tppabs="http://www.fetty.cc/brand.html#ab8">联系我们</a></li>
      </ul>
    </li>
  </ul>
</div>




<body style="overflow-x:hidden;">
<div class="wap">
   <div class="section">
  <!--top-->
    <div class="heard_top hidden-xs hidden-sm">
      <div class="heard_top_con">
        <div class="logo"> <a href="index.html" tppabs="http://www.fetty.cc/index.html"><img src="images/logo4.png" tppabs="http://www.fetty.cc/images/logo4.png" width="200" /></a> </div>
        <ul class="heard_nav clearfix">
          <li><a href="brand.html" tppabs="http://www.fetty.cc/brand.html">品牌</a>
            <ul class="clearfix">
              <li><a href="brand.html#ab1" tppabs="http://www.fetty.cc/brand.html#ab1">品牌介绍</a></li>
              <li><a href="javascript:if(confirm('http://www.fetty.cc/%22brand.html  \n\n   ļ δ   Teleport Pro    أ   Ϊ    ļ      û      ѱ   ֹ    ù    ѱ ֹͣ    \n\n    Ҫ ӷ           ?'))window.location='http://www.fetty.cc/"brand.html#ab2"'" tppabs="http://www.fetty.cc/"brand.html#ab2"">企业文化</a></li>
              <li><a href="brand.html#ab3" tppabs="http://www.fetty.cc/brand.html#ab3">工程案例</a></li>
              <li><a href="brand.html#ab4" tppabs="http://www.fetty.cc/brand.html#ab4">人力资源</a></li>
              <li><a href="brand.html#ab5" tppabs="http://www.fetty.cc/brand.html#ab5">品牌历史</a></li>
              <li><a href="brand.html#ab6" tppabs="http://www.fetty.cc/brand.html#ab6">企业荣誉</a></li>
              <li><a href="brand.html#ab7" tppabs="http://www.fetty.cc/brand.html#ab7">合作伙伴</a></li>
            </ul>
          </li>
          <li><a href="products.html" tppabs="http://www.fetty.cc/products.html">产品</a>
            <ul class="clearfix">
            <li><a href="products2_4.html#chanpin1" tppabs="http://www.fetty.cc/products2_4.html#chanpin1">工艺品系列</a></li>
            <li><a href="products2_3.html#chanpin1" tppabs="http://www.fetty.cc/products2_3.html#chanpin1">铜建筑系列</a></li>
             <li><a href="products2_2.html#chanpin1" tppabs="http://www.fetty.cc/products2_2.html#chanpin1">铜艺系列</a></li>
              <li><a href="products2_1.html#chanpin1" tppabs="http://www.fetty.cc/products2_1.html#chanpin1">铜门系列</a></li>
             
              
              
            </ul>
          </li>
          <li><a href="join.html" tppabs="http://www.fetty.cc/join.html">加入我们</a>
            <ul class="clearfix">
              <li><a href="join.html" tppabs="http://www.fetty.cc/join.html">加盟中心</a></li>
              <li><a href="brand.html#ab8" tppabs="http://www.fetty.cc/brand.html#ab8">联系我们</a></li>
            </ul>
          </li>
        </ul>
        <div class="heard_icon clearfix">
          <div class="weixin">W</div>
          <div class="lang">E</div>
          <div class="weixinxs"><img src="images/ewmtop.jpg" tppabs="http://www.fetty.cc/images/ewmtop.jpg"></div>
        </div>
      </div>
    </div>
 <!--/top-->
 
 

  <!--banner-->
    <div class="banner hidden-xs hidden-sm">
      <ul>
    
              
                    <li><img src="upload/unohacha_20160614083806.jpg" tppabs="http://www.fetty.cc/upload/unohacha_20160614083806.jpg" width="100%" />
          <div class="banner_zi"> <img src="images/banner_text1.png" tppabs="http://www.fetty.cc/images/banner_text1.png" />  </div>
        </li>
                     <li><img src="upload/unohacha_20160525073941.jpg" tppabs="http://www.fetty.cc/upload/unohacha_20160525073941.jpg" width="100%" />
          <div class="banner_zi"> <img src="images/banner_text2.png" tppabs="http://www.fetty.cc/images/banner_text2.png" />  </div>
        </li>
                     <li><img src="upload/unohacha_20160525073608.jpg" tppabs="http://www.fetty.cc/upload/unohacha_20160525073608.jpg" width="100%" />
          <div class="banner_zi"> <img src="images/banner_text3.png" tppabs="http://www.fetty.cc/images/banner_text3.png" />  </div>
        </li>
                     <li><img src="upload/unohacha_20160614083848.jpg" tppabs="http://www.fetty.cc/upload/unohacha_20160614083848.jpg" width="100%" />
          <div class="banner_zi"> <img src="images/banner_text4.png" tppabs="http://www.fetty.cc/images/banner_text4.png" />  </div>
        </li>
                     <li><img src="upload/unohacha_20160525074116.jpg" tppabs="http://www.fetty.cc/upload/unohacha_20160525074116.jpg" width="100%" />
          <div class="banner_zi"> <img src="images/banner_text5.png" tppabs="http://www.fetty.cc/images/banner_text5.png" />  </div>
        </li>
                     <li><img src="upload/unohacha_20160525074249.jpg" tppabs="http://www.fetty.cc/upload/unohacha_20160525074249.jpg" width="100%" />
          <div class="banner_zi">   </div>
        </li>
                
        
      </ul>
      <div class="banner_prev"><img src="images/prev.png" tppabs="http://www.fetty.cc/images/prev.png" width="100%" /></div>
      <div class="banner_next"><img src="images/next.png" tppabs="http://www.fetty.cc/images/next.png" width="100%" /></div>
    </div>
  <!--banner-->
    
  <!--phone banner-->
<div class="touch_slide visible-xs visible-sm">
      <div class="main_visual" id="flash_box">
        <div class="main_image" id="flash_con">
          <ul style="padding:0">
               
                    <li><span class="split undis"> <img width="100%" class="scrollLoading" data-url="http://www.fetty.cc/upload/unohacha_20160614083811.jpg" src="upload/unohacha_20160614083811.jpg" tppabs="http://www.fetty.cc/upload/unohacha_20160614083811.jpg" /> </span>
           <div class="banner_zi"> <img src="images/banner_text1.png" tppabs="http://www.fetty.cc/images/banner_text1.png"  width="60%" /> </div>
           </li>
                     <li><span class="split undis"> <img width="100%" class="scrollLoading" data-url="http://www.fetty.cc/upload/unohacha_20160525073946.jpg" src="upload/unohacha_20160525073946.jpg" tppabs="http://www.fetty.cc/upload/unohacha_20160525073946.jpg" /> </span>
           <div class="banner_zi"> <img src="images/banner_text2.png" tppabs="http://www.fetty.cc/images/banner_text2.png"  width="60%" /> </div>
           </li>
                     <li><span class="split undis"> <img width="100%" class="scrollLoading" data-url="http://www.fetty.cc/upload/unohacha_20160525073811.jpg" src="upload/unohacha_20160525073811.jpg" tppabs="http://www.fetty.cc/upload/unohacha_20160525073811.jpg" /> </span>
           <div class="banner_zi"> <img src="images/banner_text3.png" tppabs="http://www.fetty.cc/images/banner_text3.png"  width="60%" /> </div>
           </li>
                     <li><span class="split undis"> <img width="100%" class="scrollLoading" data-url="http://www.fetty.cc/upload/unohacha_20160614083852.jpg" src="upload/unohacha_20160614083852.jpg" tppabs="http://www.fetty.cc/upload/unohacha_20160614083852.jpg" /> </span>
           <div class="banner_zi"> <img src="images/banner_text4.png" tppabs="http://www.fetty.cc/images/banner_text4.png"  width="60%" /> </div>
           </li>
                     <li><span class="split undis"> <img width="100%" class="scrollLoading" data-url="http://www.fetty.cc/upload/unohacha_20160525074214.jpg" src="upload/unohacha_20160525074214.jpg" tppabs="http://www.fetty.cc/upload/unohacha_20160525074214.jpg" /> </span>
           <div class="banner_zi"> <img src="images/banner_text5.png" tppabs="http://www.fetty.cc/images/banner_text5.png"  width="60%" /> </div>
           </li>
                     <li><span class="split undis"> <img width="100%" class="scrollLoading" data-url="http://www.fetty.cc/upload/unohacha_20160525074258.jpg" src="upload/unohacha_20160525074258.jpg" tppabs="http://www.fetty.cc/upload/unohacha_20160525074258.jpg" /> </span>
           <div class="banner_zi"> <img src="images/banner_text6.png" tppabs="http://www.fetty.cc/images/banner_text6.png"  width="60%" /> </div>
           </li>
                      
            <li><span class="split undis"> <img width="100%" class="scrollLoading" data-url="http://www.fetty.cc/images/01.jpg" src="images/01.jpg" tppabs="http://www.fetty.cc/images/01.jpg" /> </span>
           <div class="banner_zi"> <img src="images/banner_text6.png" tppabs="http://www.fetty.cc/images/banner_text6.png"  width="60%" /> </div>
           </li>
           
           <li> <span class="split undis"> <img data-url="http://www.fetty.cc/images/index_banner9a.jpg" src="images/index_banner9a.jpg" tppabs="http://www.fetty.cc/images/index_banner9a.jpg" width="100%" class="scrollLoading" /> </span>
                <div class="banner_zi"> <img src="images/banner_textc.png" tppabs="http://www.fetty.cc/images/banner_textc.png" width="60%" /> </div>
            </li>
           
           
            <li> <span class="split undis"> <img data-url="http://www.fetty.cc/images/06.jpg" src="images/06.jpg" tppabs="http://www.fetty.cc/images/06.jpg" width="100%" class="scrollLoading" /> </span>
                <div class="banner_zi"> <img src="images/banner_text3ab.png" tppabs="http://www.fetty.cc/images/banner_text3ab.png" width="60%" /> </div>
             </li>
             
            <li> <span class="split undis"> <img data-url="http://www.fetty.cc/images/02.jpg" src="images/02.jpg" tppabs="http://www.fetty.cc/images/02.jpg" width="100%" class="scrollLoading" /> </span>
                <div class="banner_zi"> <img src="images/banner_text2c.png" tppabs="http://www.fetty.cc/images/banner_text2c.png" width="60%" /> </div>
            </li>
            
              <li> <span class="split undis"> <img data-url="http://www.fetty.cc/images/04.jpg" src="images/04.jpg" tppabs="http://www.fetty.cc/images/04.jpg" width="100%" class="scrollLoading" /> </span>
                <div class="banner_zi"> <img src="images/banner_text5ab.png" tppabs="http://www.fetty.cc/images/banner_text5ab.png" width="60%" /> </div>
            </li>
            
            <li> <span class="split undis"> <img data-url="http://www.fetty.cc/images/05.jpg" src="images/05.jpg" tppabs="http://www.fetty.cc/images/05.jpg" width="100%" class="scrollLoading" /> </span>
               <!-- <div class="banner_zi"> <img src="http://www.fetty.cc/images/banner_text4ab.png" width="60%" /> </div>-->
            </li>
            


            
          </ul>
          <a href="javascript:;" id="btn_prev"></a> <a href="javascript:;" id="btn_next"></a> </div>
      </div>
    </div>
    
    
    
  <!--/phone banner-->
    
        
    
    <!--<div class="foot_nav_box">
   <div style="position:relative; float:right;  height:250px; top:-250px; width:100%;"></div>
    <div class="foot_nav_icon">
      <h5>products</h5>
    </div>
    <div class="foot_nav">
      <div class="foot_nav_con clearfix">
        <div class="foot_nav_con_list">
          <div class="foot_nav_con_listbg">
          <h5><span><img src="http://www.fetty.cc/images/icon_main3.png " width="20" /></span>铜门系列</h5>
          </div>
        </div>
        <div class="foot_nav_con_list">
          <div class="foot_nav_con_listbg">
          <h5><span><img src="http://www.fetty.cc/images/icon_main2.png" /></span>铜艺栏杆系列</h5>
          </div>
        </div>
        <div class="foot_nav_con_list">
          <div class="foot_nav_con_listbg">
          <h5><span><img src="http://www.fetty.cc/images/icon_main1.png" /></span>铜艺装饰品系列</h5>
          </div>
        </div>
        <div class="foot_nav_con_list">
          <div class="foot_nav_con_listbg">
          <h5><span><img src="http://www.fetty.cc/images/icon_main2.png" /></span>可选配件系列</h5>
          </div>
        </div>
      </div>
    </div>
  </div>
    
    <div class="bottom_nav_img hidden-xs"> <img src="http://www.fetty.cc/images/bottom_list1.jpg" width="100%" />
      <div class="sanjiao"></div>
    </div>
    
    -->
    
    <div class="to_bottom hidden-xs"> <img src="images/main_arrow.png" tppabs="http://www.fetty.cc/images/main_arrow.png" /> </div>
    
        <div class="to_bottom visible-xs"> <img src="images/main_arrowx.png" tppabs="http://www.fetty.cc/images/main_arrowx.png" /> </div>

  </div>
  
  
  <a href="brand.html#ab1" tppabs="http://www.fetty.cc/brand.html#ab1" ><div class="section2"> 
  
  
  <img  src="images/section2_bg.jpg" tppabs="http://www.fetty.cc/images/section2_bg.jpg" width="100%"/>
  


  
    <div class="sec2_1"><img src="images/sec2_img1.png" tppabs="http://www.fetty.cc/images/sec2_img1.png" width="100%" /></div>
    <div class="sec2_2"><img src="images/sec2_img2.png" tppabs="http://www.fetty.cc/images/sec2_img2.png" width="100%" /></div>
    
    
  </div>
  </a>
  <div class="section3">
  
    <!--产品-->
    <div class="sec3_top"> 
    
   <a href="products.html#chanpin" tppabs="http://www.fetty.cc/products.html#chanpin"> <img src="images/sec4_t5c.png" tppabs="http://www.fetty.cc/images/sec4_t5c.png" /> </a>

    
    </div>
    
    <div class="pro_box_phone visible-xs visible-sm">
       <div class="cover_wrap_phone">
        
      <a style="zoom:1;" href="products2_1.html#chanpin1" tppabs="http://www.fetty.cc/products2_1.html#chanpin1">
        <div class="cover_pro_phone divimg_phone clearfix">
        <div class="divimg_bg_phone"></div>
          <div class="divimg_zi_phone">
            <h5>铜门系列</h5>
            <div class="line_phone"></div>
            <p class="hidden-xs hidden-sm">门之所指不仅是空间，更是一个家族或一个民族的文化微记。菲尔特铜艺，不忘原物本真，在追求美观造诣的同时，还原门最真实的本意。门与门之间传承着流传至今的圈层启示，讲述着门后居者的身份与地位。
</p>
          </div>
        </div>
        </a> 
        
        <a style="zoom:1;" href="products2_2.html#chanpin1" tppabs="http://www.fetty.cc/products2_2.html#chanpin1">
        <div class="cover_wait_phone divimg_phone clearfix">
        <div class="divimg_bg_phone"></div>
          <div class="divimg_zi_phone">
            <h5>铜艺系列</h5>
            <div class="line_phone"></div>
            <p class="hidden-xs hidden-sm">华丽巧饰其外、精伦绝秀其中”，将极致的锻铜造诣与建筑美学相结合，打造细腻入微的护栏作品，隔离柴米油盐的平庸生活，营造高雅华贵的艺术人生。菲尔特铜艺为每一位客户提供别具匠心的私人定制服务。</p>
          </div>
        </div>
        </a> 
        
        <a style="zoom:1;" href="products2_20.html#chanpin1" tppabs="http://www.fetty.cc/products2_20.html#chanpin1">
        <div class="cover_wait1_phone divimg_phone clearfix">
        <div class="divimg_bg_phone"></div>
          <div class="divimg_zi_phone">
            <h5>铜建筑工程系列</h5>
            <div class="line_phone"></div>
            <p class="hidden-xs hidden-sm">步入门庭，流光溢彩的铜建筑装饰，在柔黄的灯光下，映射出十八世纪宫廷般的奢华与气度。菲尔特铜艺带您一起，仿佛穿越时空，展开历史上流生活的序幕。</p>
          </div>
        </div>
        </a>
        
         <a style="zoom:1;" href="products2_4.html#chanpin1" tppabs="http://www.fetty.cc/products2_4.html#chanpin1">
        <div class="cover_activity_phone divimg_phone clearfix">
         <div class="divimg_bg_phone"></div>
          <div class="divimg_zi_phone">
            <h5>工艺品系列</h5>
            <div class="line_phone"></div>
            <p class="hidden-xs hidden-sm"传承东西方精粹铜艺，汲取古今锻造精髓，菲尔特铜艺手法纯真，多样化的设计理念，融汇传统与现代、东方与西方，铸就传承工艺之质、彰显人文之光的传世工艺精品。</p>
          </div>
        </div>
        </a>
       </div>   
    </div>
    
    
    
    <div class="pro_box hidden-xs hidden-sm">
      <div class="cover_wrap"> 
      <a style="zoom:1;" href="products2_1.html#chanpin1" tppabs="http://www.fetty.cc/products2_1.html#chanpin1">
        <div class="cover_pro divimg">
          <div class="divimg_bg"></div>
          <div class="divimg_zi">
            <h5>铜门系列</h5>
            <div class="line"></div>
            <p>门之所指不仅是空间，更是一个家族或一个民族的文化微记。菲尔特铜艺，不忘原物本真，在追求美观造诣的同时，还原门最真实的本意。门与门之间传承着流传至今的圈层启示，讲述着门后居者的身份与地位。
</p>
          </div>
        </div>
        </a> 
        
        <a style="zoom:1;" href="products2_2.html#chanpin1" tppabs="http://www.fetty.cc/products2_2.html#chanpin1">
        <div class="cover_wait divimg">
          <div class="divimg_bg"></div>
          <div class="divimg_zi">
            <h5>铜艺系列</h5>
            <div class="line"></div>
            <p>“华丽巧饰其外、精伦绝秀其中”，将极致的锻铜造诣与建筑美学相结合，打造细腻入微的护栏作品，隔离柴米油盐的平庸生活，营造高雅华贵的艺术人生。菲尔特铜艺为每一位客户提供别具匠心的私人定制服务。
</p>
          </div>
        </div>
        </a> 
        
        <a style="zoom:1;" href="products2_20.html#chanpin1" tppabs="http://www.fetty.cc/products2_20.html#chanpin1">
        <div class="cover_wait divimg" style="background:url(images/sec3_list3_tongzhuangshi.jpg) right no-repeat; background-size:cover;">
          <div class="divimg_bg"></div>
          <div class="divimg_zi">
            <h5>铜建筑工程系列</h5>
            <div class="line"></div>
            <p>步入门庭，流光溢彩的铜建筑装饰，在柔黄的灯光下，映射出十八世纪宫廷般的奢华与气度。菲尔特铜艺带您一起，仿佛穿越时空，展开历史上流生活的序幕。</p>
          </div>
        </div>
        </a>
        
         <a style="zoom:1;" href="products2_4.html#chanpin1" tppabs="http://www.fetty.cc/products2_4.html#chanpin1">
        <div class="cover_activity divimg">
          <div class="divimg_bg"></div>
          <div class="divimg_zi">
            <h5>工艺品系列</h5>
            <div class="line"></div>
            <p>传承东西方精粹铜艺，汲取古今锻造精髓，菲尔特铜艺手法纯真，多样化的设计理念，融汇传统与现代、东方与西方，铸就传承工艺之质、彰显人文之光的传世工艺精品。</p>
          </div>
        </div>
        </a>
       </div>
    </div>
    <!--产品-->
    <!--      case    -->
    <div class="sec3_top"> 
    <a href="case.html" tppabs="http://www.fetty.cc/case.html"><img  src="images/sec4_t6c.png" tppabs="http://www.fetty.cc/images/sec4_t6c.png" /></a>
     </div>
    
   <div class="index_anli">
     <div class="row">
      <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 clp padcase">
         <div class="index_anli_left">
            <div class="index_anli_left_top">
                <a href="case.html" tppabs="http://www.fetty.cc/case.html"><img src="images/index_anli_left_top.jpg" tppabs="http://www.fetty.cc/images/index_anli_left_top.jpg" width="100%" /></a>
                  <div class="index_anli_zhezhao">
                      <div class="anli_zhezhaobg"></div>
                      <h2> fine case </h2>
                      <p>-</p> 
                  </div>
            </div>
            <div class="thumbnail-img ">
          <div class="bianan hidden-xs"></div>
          <a href="case.html" tppabs="http://www.fetty.cc/case.html">
          <div class="wenzi_linian hidden-xs">
                <h2><img src="images/icase_more.png" tppabs="http://www.fetty.cc/images/icase_more.png"  width="40"/></h2>
                铜艺体验 工程案例 <br />
                <br />
              </div>
          </a>
          <div class="ind_sec3_line hidden-xs hidden-sm"></div>
         <a href="case.html" tppabs="http://www.fetty.cc/case.html"> <img  class="shimg" src="images/index_anli_right_bottom.jpg" tppabs="http://www.fetty.cc/images/index_anli_right_bottom.jpg" width="100%" /> </a></div>
         </div>
      </div>
      
      <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 clp padcase">
         <div class="index_anli_middle">
             <div class="thumbnail-img ">
          <div class="bianan hidden-xs hidden-sm"></div>
          <a href="case.html" tppabs="http://www.fetty.cc/case.html">
          <div class="wenzi_linian hidden-xs hidden-sm">
                <h2><img src="images/icase_more.png" tppabs="http://www.fetty.cc/images/icase_more.png"  width="40"/></h2>
                铜艺体验 工程案例 <br />
                <br />
              </div>
          </a>
          <div class="ind_sec3_line hidden-xs hidden-sm"></div>
         <a href="case.html" tppabs="http://www.fetty.cc/case.html"> <img  class="shimg" src="images/index_anli_middle.jpg" tppabs="http://www.fetty.cc/images/index_anli_middle.jpg" width="100%" /></a> </div>
            
         </div>
      </div>
      
      <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 clp  padcase">
         <div class="index_anli_right">
           
            <div class="thumbnail-img ">
          <div class="bianan hidden-xs hidden-sm"></div>
          <a href="case.html" tppabs="http://www.fetty.cc/case.html">
          <div class="wenzi_linian hidden-xs hidden-sm">
                <h2><img src="images/icase_more.png" tppabs="http://www.fetty.cc/images/icase_more.png"  width="40"/></h2>
                铜艺体验 工程案例 <br />
                <br />
              </div>
          </a>
          <div class="ind_sec3_line hidden-xs hidden-sm"></div>
        <a href="case.html" tppabs="http://www.fetty.cc/case.html">  <img  class="shimg" src="images/index_anli_right_top.jpg" tppabs="http://www.fetty.cc/images/index_anli_right_top.jpg" width="100%" /></a>
       </div>
            <div class="index_anli_left_top">
               <a href="case.html" tppabs="http://www.fetty.cc/case.html"> <img src="images/index_anli_left_bottom.jpg" tppabs="http://www.fetty.cc/images/index_anli_left_bottom.jpg" width="100%" /></a>
                  <div class="index_anli_zhezhao2">
                      <div class="anli_zhezhaobg"></div>
                      <h2> fine case </h2>
                      <p>-</p> 
                  </div>
            </div>
         </div>
      </div>
     </div>
      
   </div>
    <!--    /  case     -->
    
    
    
     <!--    /  news     -->
    <div class="section4">
      <div class="sec4_top"> 
     <a href="news.html" tppabs="http://www.fetty.cc/news.html"> <img src="images/sec4_tc.png" tppabs="http://www.fetty.cc/images/sec4_tc.png" /></a>
      </div>
      <div class="container1">
        <div class="sec4_con">
          <div class="row clm">
                                   
            <div class="col-sm-3 clp news_list_box">
              <div class="news_list"> <a href="news_inner_30.html" tppabs="http://www.fetty.cc/news_inner_30.html"><img src="images/news1.jpg" tppabs="http://www.fetty.cc/images/news1.jpg" width="100%" /></a>
                <div class="news_list_zi" >
                  <h5>第二届家居文化博览会圆满结束</h5>
                  <p>做门还是铜门好！菲尔特铜门</p>
                  <a href="news_inner_30.html" tppabs="http://www.fetty.cc/news_inner_30.html">view more</a> </div>
                <div class="news_bg hidden-xs"></div>
                <a class="news_more hidden-xs" href="news_inner_30.html" tppabs="http://www.fetty.cc/news_inner_30.html"><img src="images/news_more.png" tppabs="http://www.fetty.cc/images/news_more.png" /></a> </div>
            </div>
            
            
            
                                         
            <div class="col-sm-3 clp news_list_box">
              <div class="news_list"> <a href="news_inner_29.html" tppabs="http://www.fetty.cc/news_inner_29.html"><img src="images/news2.jpg" tppabs="http://www.fetty.cc/images/news2.jpg" width="100%" /></a>
                <div class="news_list_zi" >
                  <h5>菲尔特2014年新款铜工艺品震撼上市</h5>
                  <p>做门还是铜门好！菲尔特铜门</p>
                  <a href="news_inner_29.html" tppabs="http://www.fetty.cc/news_inner_29.html">view more</a> </div>
                <div class="news_bg hidden-xs"></div>
                <a class="news_more hidden-xs" href="news_inner_29.html" tppabs="http://www.fetty.cc/news_inner_29.html"><img src="images/news_more.png" tppabs="http://www.fetty.cc/images/news_more.png" /></a> </div>
            </div>
            
            
            
                                         
            <div class="col-sm-3 clp news_list_box">
              <div class="news_list"> <a href="news_inner_28.html" tppabs="http://www.fetty.cc/news_inner_28.html"><img src="images/news3.jpg" tppabs="http://www.fetty.cc/images/news3.jpg" width="100%" /></a>
                <div class="news_list_zi" >
                  <h5>菲尔特铜门制作工艺流程</h5>
                  <p>做门还是铜门好！菲尔特铜门</p>
                  <a href="news_inner_28.html" tppabs="http://www.fetty.cc/news_inner_28.html">view more</a> </div>
                <div class="news_bg hidden-xs"></div>
                <a class="news_more hidden-xs" href="news_inner_28.html" tppabs="http://www.fetty.cc/news_inner_28.html"><img src="images/news_more.png" tppabs="http://www.fetty.cc/images/news_more.png" /></a> </div>
            </div>
            
            
            
                                         
            <div class="col-sm-3 clp news_list_box">
              <div class="news_list"> <a href="news_inner_27.html" tppabs="http://www.fetty.cc/news_inner_27.html"><img src="images/news4.jpg" tppabs="http://www.fetty.cc/images/news4.jpg" width="100%" /></a>
                <div class="news_list_zi" style="border-right:1px solid #d4d4d4;">
                  <h5>别墅铜门保养与维护小知识</h5>
                  <p>做门还是铜门好！菲尔特铜门</p>
                  <a href="news_inner_27.html" tppabs="http://www.fetty.cc/news_inner_27.html">view more</a> </div>
                <div class="news_bg hidden-xs"></div>
                <a class="news_more hidden-xs" href="news_inner_27.html" tppabs="http://www.fetty.cc/news_inner_27.html"><img src="images/news_more.png" tppabs="http://www.fetty.cc/images/news_more.png" /></a> </div>
            </div>
            
            
            
                              
            
          </div>
          <img src="images/news_icon.jpg" tppabs="http://www.fetty.cc/images/news_icon.jpg" /> </div>
      </div>
    </div>
     <!--    /  news     -->
    
    
    
   
   <!--    /  network     --> 
    <div class="section5"><a href="join.html#j1" tppabs="http://www.fetty.cc/join.html#j1"> <img src="images/sec5_con.jpg" tppabs="http://www.fetty.cc/images/sec5_con.jpg" width="100%" /></a>
      <div class="sec5_1"> <img src="images/sec5_t.png" tppabs="http://www.fetty.cc/images/sec5_t.png" />
        <p>联系& 寻找最近的零售商</p>
      </div>
      <div class="sec5_2">
       <p>地址：浙江省东阳市经济开发区长松岗功能区湖莲东街1216号</p>
        <h5>浙江菲尔特工贸有限公司</h5>
        <p>服务热线：400-803-8866</p>
        <p>传真：86-0579-86569678</p>
        <p>邮箱：jhfet@163.com</p>
       
      </div>
    </div>
   <!--    /  network     -->
    
  </div>
  <div class="section4 hidden-xs hidden-sm">
  <div class="footer">
      <div class="footer_inner clearfix">
        <div class="col-lg-3 erweima"> <img src="images/ewm.jpg" tppabs="http://www.fetty.cc/images/ewm.jpg" /> </div>
        <div class="col-lg-9 footer2">
          <div class="footer_text">
            <h4><a href="case.html" tppabs="http://www.fetty.cc/case.html">工程案例</a> <a href="brand.html#ab8" tppabs="http://www.fetty.cc/brand.html#ab8"> 联系我们 </a> <a href="news.html" tppabs="http://www.fetty.cc/news.html">品牌新闻 </a></h4>
            <p><span> TEL：400-803-8866               
              FAX：86-0579-86569678
              ADD： </span> 浙江省东阳市经济开发区长松岗功能区湖莲东街1216号</p>
            <P style="text-align:right;">
            </p><div class="flogo"><div style="display:none;"><a href="javascript:if(confirm('http://www.unohacha.cn/  \n\n   ļ δ   Teleport Pro    أ   Ϊ   λ    ʼ  ַ     õı߽         ·   С   \n\n    Ҫ ӷ           ?'))window.location='http://www.unohacha.cn/'" tppabs="http://www.unohacha.cn/" target="_blank">杭州网页制作</a></div>
              <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" title="UNOHACHA 吾诺瀚卓"  codebase="swflash.cab#version=7,0,19,0" tppabs="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="150" height="30">
                <param name="movie" value="swf/unohacha.swf" tppabs="http://www.fetty.cc/swf/unohacha.swf" />
                <param name="quality" value="high" />
                <param name="wmode" value="transparent" />
                <embed src="swf/unohacha.swf" tppabs="http://www.fetty.cc/swf/unohacha.swf" wmode="transparent" title="UNOHACHA 吾诺瀚卓" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="150" height="30">
              </embed></object>
            </div>
            <span style="float:right">Copyright ©2016 FIELD COPPER . All Rights Reserved.</span>
            <p></P>
          </div>
        </div>
        <div class="to_top"><a href="javascript:scrollTo(0,0);"> <img src="images/top.jpg" tppabs="http://www.fetty.cc/images/top.jpg" /></a> </div>
      </div>
    </div>
  </div>
  
  <div class="footer_phone visible-xs visible-sm ">
    <div class="border_line"></div>
    <ul class="clearfix">
      <li><a href="case.html" tppabs="http://www.fetty.cc/case.html">工程案例</a></li>
      <li> <a href="brand.html#ab8" tppabs="http://www.fetty.cc/brand.html#ab8"> 联系我们 </a></li>
      <li> <a href="news.html" tppabs="http://www.fetty.cc/news.html"> 品牌新闻 </a> </li>
    </ul>
    <p> Copyright ©2016 FIELD COPPER . All Rights Reserved. </p>
  </div>
</div>







</div>

<div style="display:none;">
<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1258154679'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s4.cnzz.com/z_stat.php%3Fid%3D1258154679%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>
</div></body>


<script src="js/bootstrap.js" tppabs="http://www.fetty.cc/js/bootstrap.js"></script>
<script src="js/jquery.touchSlider.js" tppabs="http://www.fetty.cc/js/jquery.touchSlider.js"></script>



<script type="text/javascript">

   $(".thumbnail-img").hover(
       function(){
		   $(this).find('.bianan').stop(true,false).animate({"opacity":"0.3","top":"0"});
		   $(this).find('.wenzi_linian').stop(true,false).animate({"opacity":"1"});
		   
		   
		     $(this).find('.bianan2').stop(true,false).animate({"opacity":"0.8","top":"0"});
			 $(this).find('.bianan2_img').stop(true,false).animate({"opacity":"1","top":"0"});
			 
			 
		   	$(this).find('.shimg').addClass('fd')
		    $(this).find('.news-showtext').stop(true,false).animate({"opacity":"1","top":"0"});
			
			 $(this).find('.overlay_more').stop(true,false).animate({"opacity":"1"});
			
			
			
		   },function(){
		   $(this).find('.bianan').stop(true,false).animate({"opacity":"0.5","top":"0"});
		    $(this).find('.wenzi_linian').stop(true,false).animate({"opacity":"0"});
			
			
			
		   $(this).find('.bianan2').stop(true,false).animate({"opacity":"0","top":"0"});
		    $(this).find('.bianan2_img').stop(true,false).animate({"opacity":"0","top":"250"});
			
			
		   $(this).find('.shimg').removeClass('fd')
		   $(this).find('.news-showtext').stop(true,false).animate({"opacity":"0","top":"0"});
		    $(this).find('.overlay_more').stop(true,false).animate({"opacity":"0"});
		   }
   )
   
   
   $(window).load(function(){
	   $('.brand_culture_list2').height($('.brand_culture_list').height())
	   
	   
	   $(window).resize(function(){
			$('.brand_culture_list2').height($('.brand_culture_list').height())					 
		})
    })
  
$('.brand_culture_list2').hover(function(){
	$(this).find('.line-t').stop(true).animate({width:"100%"},1000)
	$(this).find('.line-b').stop(true).animate({width:"100%"},1000)
	$(this).find('.line-r').stop(true).animate({height:"100%"},1000)
	$(this).find('.line-l').stop(true).animate({height:"100%"},1000)
	},function(){
		$(this).find('.line-t').stop(true).animate({width:"0%"},1000)
	    $(this).find('.line-b').stop(true).animate({width:"0%"},1000)
	    $(this).find('.line-r').stop(true).animate({height:"0%"},1000)
	    $(this).find('.line-l').stop(true).animate({height:"0%"},1000)
		})
  

  
  
</script>


<script language="javascript">
$(document).ready(function (){
var height = $(window).height();
var win_w = $(window).width();	
var hei=parseInt(win_w*500/385);
$(".main_visual").hover(function(){
		$("#btn_prev,#btn_next").fadeIn()
		},function(){
		$("#btn_prev,#btn_next").fadeOut()
		})
	$dragBln = false;
$(".main_image").css("height",hei);
	$dragBln = false;
	$(".main_image").touchSlider({
		flexible : true,
		speed : 400,
		btn_prev : $("#btn_prev"),
		btn_next : $("#btn_next"),
		paging : $(".flicking_con a"),
		counter : function (e) {
			$(".flicking_con a").removeClass("on").stop().eq(e.current-1).addClass("on");
		}
	});
	$(".main_image").bind("mousedown", function() {
		$dragBln = false;
	})
	$(".main_image").bind("dragstart", function() {
		$dragBln = true;
	})
	$(".main_image a").click(function() {
		if($dragBln) {
			return false;
		}
	})
	<!--timer = setInterval(function() { $("#btn_next").click();}, 4000);-->
	timer = setInterval(function() { $("#btn_next").click();}, 2500);
	$(".main_visual").hover(function() {
		clearInterval(timer);
	}, function() {
		timer = setInterval(function() { $("#btn_next").click();}, 2500);
	})
	$(".main_image").bind("touchstart", function() {
		clearInterval(timer);
	}).bind("touchend", function() {
		timer = setInterval(function() { $("#btn_next").click();}, 4000);
	})
});
</script>








   <link href="css/online.css" tppabs="http://www.fetty.cc/css/online.css" rel="stylesheet" type="text/css" />
<script>
function changeOnline(num) {
	if (isNaN(num) && num == "")
		return;
	for (var i = 1; i <=6 ; i++)
	{
		if (i == num)
		{
			document.getElementById("onlineSort" + i).className = "online_bar expand";
			document.getElementById("onlineType" + i).style.display = "block";
		}
		else
		{
			document.getElementById("onlineSort" + i).className = "online_bar collapse";
			document.getElementById("onlineType" + i).style.display = "none";
		}
	}
}

$(document).ready(function(){
  $("#floatShow").bind("click",function(){
    $('#onlineService').animate({width: 'show', opacity: 'show'}, 'normal',function(){ $('#onlineService').show(); });$('#floatShow').attr('style','display:none');$('#floatHide').attr('style','display:block');
	return false;
  });
  $("#floatHide").bind("click",function(){
	$('#onlineService').animate({width: 'hide', opacity: 'hide'}, 'normal',function(){ $('#onlineService').hide(); });$('#floatShow').attr('style','display:block');$('#floatHide').attr('style','display:none');
  });
  $(document).bind("click",function(event){
	if ($(event.target).isChildOf("#online_qq_layer") == false)
	{
	 $('#onlineService').animate({width: 'hide', opacity: 'hide'}, 'normal',function(){ $('#onlineService').hide(); });$('#floatShow').attr('style','display:block');$('#floatHide').attr('style','display:none');
	}
  });
jQuery.fn.isChildAndSelfOf = function(b){
    return (this.closest(b).length > 0);
};
jQuery.fn.isChildOf = function(b){
    return (this.parents(b).length > 0);
};
  //$(window).scroll(function(){ 
	//$('#online_qq_layer').stop().animate({top:$(document).scrollTop() + $("#online_qq_layer").height()}, 100) 
  //}); 
});
</script>
<div id="online_qq_layer">
<div id="online_qq_tab">
		<div class="online_icon" style="font-size:19px; background-color:#846C27;">
			<a title id="floatShow" style="display: none;" href="javascript:void(0);">&nbsp;<p>&nbsp;联</p><p>&nbsp;系</p><p>&nbsp;方</p><p>&nbsp;式</p>&nbsp;</a>
			<a title id="floatHide" style="display: block;" href="javascript:void(0);">&nbsp;<p>&nbsp;联</p><p>&nbsp;系</p><p>&nbsp;方</p><p>&nbsp;式</p>&nbsp;</a>
		</div>
		<!--online_icon end--></div>
	<div id="onlineService" style="display:block; background-color:#615020;">
		<div class="online_windows overz" style="min-height:200px;">
			<div class="online_w_top">
			</div>
			<!--online_w_top end-->
			<div class="online_w_c overz" style="padding-bottom:10px;">
				<div class="online_bar expand" id="onlineSort1">
					<h2 style="color:#FFF;">&nbsp;在线QQ</h2>
					<div class="online_content overz" id="onlineType1" style="margin-top:-5px;">
						<ul class="overz" style="line-height:10px;">
						 <!-- <li>
							<a  href="tencent://message/?uin=3207287670&Site=&Menu=yes" class="qq_icon" style="background:none;text-indent:inherit; margin:0px; vertical-align:middle">
						  <img src="http://wpa.qq.com/pa?p=1:3207287670:4" style=" vertical-align:middle" > &nbsp;&nbsp;QQ交谈</a></li>-->
                    <!--      <li>
							<a  href="tencent://message/?uin=2915838408&Site=&Menu=yes" class="qq_icon" style="background:none;text-indent:inherit; margin:0px; vertical-align:middle">
						  <img src="http://wpa.qq.com/pa?p=1:2915838408:4" style=" vertical-align:middle" > &nbsp;&nbsp;QQ交谈</a></li>		-->
                          <li>
							<a  href="tencent://message/?uin=981996866&Site=&Menu=yes" class="qq_icon" style="background:none;text-indent:inherit; margin:0px; vertical-align:middle; color:#FFF;">
						  <img src="../pub.idqqimg.com/qconn/wpa/button/button_old_41.gif" tppabs="http://wpa.qq.com/pa?p=1:981996866:4" style=" vertical-align:middle" > &nbsp;&nbsp;QQ交谈</a></li>
                          <li>
							<a  href="tencent://message/?uin=1545822310&Site=&Menu=yes" class="qq_icon" style="background:none;text-indent:inherit; margin:0px; vertical-align:middle; color:#FFF;">
						  <img src="../pub.idqqimg.com/qconn/wpa/button/button_old_41.gif" tppabs="http://wpa.qq.com/pa?p=1:1545822310:4" style=" vertical-align:middle" > &nbsp;&nbsp;QQ交谈</a></li>
                    <!--      <li>
							<a  href="tencent://message/?uin=3282746474&Site=&Menu=yes" class="qq_icon" style="background:none;text-indent:inherit; margin:0px; vertical-align:middle">
						  <img src="http://wpa.qq.com/pa?p=1:3282746474:4" style=" vertical-align:middle" > &nbsp;&nbsp;QQ交谈</a></li>		-->
						</ul>
                        
                        <div style="text-align:left; padding-left:27px; line-height:22px; padding-top:10px; margin-bottom:10px;">
                        
                        <p style="color:#FFF; margin-left:22px;">二维码</p>
                        <img src="images/er.jpg" tppabs="http://www.fetty.cc/images/er.jpg" style="height:90px; width:90px;" />
                        
                        </div>
					</div>
					<!--online_content end--></div>
				<!--online_bar end--><!--online_bar end--><!--online_bar end--><!--online_bar end--><!--online_bar end--><!--online_bar end--></div>
			<!--online_w_c end-->

<!--			<div class="online_w_bottom">
			</div>-->
			<!--online_w_bottom end--></div>
		<!--online_windows end--></div>
</div>
<!-- online qq end -->



</html>

卷不动的程序员
关注
博客
02_Vue基本指令
09-23 799
在webstorm中配置serve导入路由 Terminal输入 npm install vue-router@3 可在node_modules文件夹中导入设置路由在main.js中将router挂载到vue实例上在src目录下创建router包，创建index.js，配置路由App.vue中将script内容删除，并在template中加入router-view标签node_modules查看加载的包语法规定提示，可在vue.config.js文件中加入然后设置不显示。
博客
将代码传到github公库
09-14 989
Github顾名思义是一个Git版本库的托管服务，是目前全球最大的软件仓库，拥有上百万的开发者用户，也是软件开发和寻找资源的最佳途径 ，Github不仅可以托管各种Git版本仓库，还拥有了更美观的Web界面，您的代码文件可以被任何人克隆 ，使得开发者为开源项贡献代码变得更加容易，当然也可以付费购买私有库，这样高性价比的私有库真的是帮助到了很多团队和企业。假设2：假设你是一个非常努力的程序员，除了在公司写代码外你还经常把代码用U盘拷贝回家继续工作，如果在通勤过程中U盘不小心丢了，回家之后你就不能工作了。
博客
一、Spring开发历程
09-14 409
案例：通过浏览器发送请求，服务器向浏览器响应“Hello SpringBoot”浏览器访问: http://localhost:8080/getHello。注意：要将controller控制器创建在启动类所在的包及其子包下。前提：必须拥有spring开发经验，熟悉maven，熟悉idea。创建maven项目（纯maven项目，非web项目）创建controller控制器，编写业务代码。运行主程序，启动项目。
博客
虚拟化与KVM介绍
09-14 819
虚拟化其实就是在电脑系统中虚拟电脑，以CentOS 8为例介绍CentOS 8提供了虚拟化功能，它使运行CentOS 8的机器主机多个虚拟机（VM），也被称为Guest。VM使用主机的物理硬件和计算资源来运行单独的虚拟化操作系统（guest OS），KVM虚拟机作为主机操作系统上的用户空间进程。换句话说，虚拟化使得在操作系统内具有操作系统成为可能。KVM-redhat虚拟化的发展仿真虚拟化：早期VMware，对系统硬件没有要求,性能最低。
博客
lamp部署-WordPress站点上线
09-14 704
选择网站语言，我选择的简体中文，然后点继续](http://IP，我的IP地址是192.168.11.251，所以在地址栏中输入的是http://192.168.11.251!我的IP地址是192.168.11.251 ，所以在地址栏中输入的是http://192.168.11.251。安装前要求你设置wordpress的后台管理账户和密码，注意，这可是网站后台管理员啊，密码一定不能像我这么随意。欢迎信息，同时告诉你准备连接数据库的相关信息和它的安装操作，直接点现在就开始，继续吧。根据步骤发布一篇文章吧！
博客
部署lamp-MySQL安装
09-14 346
瑞典AB公司开发，后来卖给了oracle一个关系型数据库中小型数据库，表过大会出现IO性能瓶颈，树明建议单表600万条记录或2G以上就分表分为企业版和社区版，目前两大版本mysql5.7 和mysql 8.0。
博客
终极 Nginx 配置指南（全网最详细）
09-13 1089
对于自己上线项目的前端来说，nginx也是必须要了解和熟悉的，查了很多的nginx文章，看着写的都很详细，但是却没有了整体的概念。这里就重新梳理一遍，也理清思路。我们在安装nginx之后，会自动生成很多的文件，但是nginx.conf这个文件是我们的核心，如何去正确的修改和优化它是nginx的核心。首先我们可以先看下原本的配置，你会觉得无所适从，因为感觉这个鬼东西也太多了吧。而且感觉根本就不理解，也不知道该怎么写。下面，就一步一步的教你如何入门到熟悉。
博客
脑图mybatis
09-10 102
博客
linux面试题（运维面试）
09-10 2070
如单行复制，多行复制，单行删除，多行删除，（退。用最为广泛的用户界面，它通常不支持鼠标，用户通过键盘输入指令，计算机接收到指令后，予以。的软件通常需要用户记忆操作的命令，但是，由于其本身的特点，命令行界面要较图形用户界面节。约计算机系统的资源。由于程序员的水平及经验参差不齐，大部分程序员在编写代码的时候，没有对用户输入数据的合法。看，如果自己这边访问快，基本断定是用户端问题，就需要耐心跟客户解释，协助客户解决问题。、如果访问也慢，那么可以利用浏览器的调试功能，看看加载那一项数据消耗时间过多，是图片。
博客
SpringBoot整合MinIO实现文件的分片上传、秒传、续传！
09-10 924
概述Spring Boot整合Minio后，前端的文件上传有两种方式： 文件上传到后端，由后端保存到Minio 这种方式好处是完全由后端集中管理，可以很好的做到、身份验证、权限控制、文件与处理等，并且可以做一些额外的业务逻辑，比如生成缩略图、提取元数据等。 缺点也很明显： 所以，实际上我们不会把文件传到后端，而是直接传给Minio，其实这也符合OSS服务的使用方式。 延迟时间高了，本来花费上传一次文件的时间，现在多了后端保存到Minio的时间 后端资源占用，后
博客
token是用来鉴权的，那session是用来干什么的？
09-10 553
即使JWT是无状态的，但在某些应用场景中，仅依赖JWT可能存在一些安全问题，例如Token的泄露或滥用。Session可以作为一个额外的安全层，确保Token即使有效，也必须在服务器的Session管理器中存在对应的会话。如果用户选择了“记住我”选项，Session可以记录这个状态，并在JWT过期后，通过Session来决定是否允许继续使用旧的Token。在某些场景下，追踪用户状态是必要的，例如监控用户的活跃度、登录历史等，这些信息可以通过Session进行管理。
博客
keepalived服务器部署
09-09 457
通过前面课程的学习，我们知道LVS、Nginx可以实现很多种不同类型的分发，我们还知道，集群系统存在的作用就是为了解决单点故障的问题。keepalived是使用C语言编写的路由热备软件，该项目主要目标是为linux系统提供简单高效的负载均衡及高可用解决方案。keepalived由一组检查器，根据服务器的健康状况动态的维护和管理服务器池，另外keepalived通过vrrp协议实现高可用架构，vrrp是路由灾备的实现基础。
博客
部署LVS高可用集群
09-09 506
六台安装CentOS8的虚拟机一台测试机，两台LVS分发器，一台路由器，两台web服务器，关闭selinux关闭防火墙，停止libvirtd.service服务。提示：使用tcpdump命令可以看到vrrp的相关信息发送信息，深度理解VRRP协议。提示：使用tcpdump命令可以看到vrrp的相关信息发送信息，深度理解VRRP协议。c、设置RS的VIP、网关、内核参数。
博客
使用prometheus监控一个业务
08-21 283
通过prometheus监控MariaDB业务要监控mysql需要两个条件，一个是系统中有mysql，另一个是要有监控插件，现在监控插件我已经下载好了，所以我们要先安装mysql，然后进行相应的授权，让插件可以获取到所需要的信息，然后再设置相关插件，修改prometheus配置文件。
博客
部署prometheus监控平台
08-21 280
通过这个URL我们可以知道prometheus把监控的数据都统一存放在一起,然后生成一个web页面,用户可以通过web页面查看相关的数据,这些数据遵循了时序数据库的格式,也就是key=value的形式.这些数据就是我们的监控指标,只不过现在我们还没有办法分析,借助图形展示才会更方便阅读。这里输入的是process_cpu_seconds_total，CPU使用状态表就出现了，注意要点一下图表左上角的Graph按钮，默认是在console按钮页面。
博客
Prometheus监控介绍
08-21 663
Prometheus(由go语言开发)是一套开源的监控&报警&时间序列（按照时间排序）数据库的组合。适合监控docker 容器。因为kubernetes(俗称k8s)的流行带动了prometheus的发展。它可以监控主机，服务，容器(TimeSeries Data) : 按照时间顺序记录系统、设备状态变化的数据被称为时序数据。
博客
prometheus+Grafana数据展示
08-21 815
通过前面课程的学习我们知道了如何部署和设置prometheus，但是这个监控软件的展示界面实在是有些难看，所以我们换一个展示方式Grafana，是一个开源的度量分析和可视化工具（没有监控功能），可以通过将采集的数据分析，查询，然后进行可视化的展示,并能实现报警。
博客
Grafana报警
08-21 378
这里报警阈值设置的是取CPU Load平均值 因为是实验，所以预警值是0.5方便测试报警。点击左侧铃铛图表—notification channels—Add channel。(img-VunP2f9l-1724220270023)]设置完成后点击send test可以去注册账号时使用的邮箱查看报警邮件。选择图表 点击图表名称的下拉菜单—edit 进入编辑菜单。选择铃铛图表—create alert 设置图表报警。设置完成后，发现图表上出现了预警线，点击保存吧。设置好通道并完成验证后，为图表设置报警。
博客
Apache安全-用户登录验证
08-15 169
当用户访问网站或者网站某个目录时，如果希望用户提供授权才能登录，那么就需要针对该站或者该目录设置登录验证了。apache提供了该功能，可以让我们针对站点或目录设置登录验证。这样用户访问网站时需要提交账号密码才能登录。
博客
Apache 站点优化-长连接
08-15 153
http是一个面向连接的协议，用户完成一次请求需要以下步骤三次握手发起请求响应请求四次断开N个请求就重复N次，如果希望用户能够更快的拿到数据，服务器的压力降到最低，让你去优化这个请求过程。答案很明确，那就是建设每次执行的三次握手和四次断开，最好是一次三次握手建立成功后，在这个数据通道完成所有的请求后，然后在四次断开，这就是优化思路–理想中应该是这样。三次握手发起请求响应请求发起请求响应请求。。。。。请求全部完成后，四次断开减少了三次握手和四次断开的次数。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值