成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

超贊!快來用Python的搭建你的AI老婆吧!

Tychio / 3395人閱讀

摘要:夏天太熱,又不想出門,就讓我們用的來搭建屬于自己的可以對話的老婆吧本文擬使用的開發(fā)語言實現(xiàn)類似于的平臺的小娜,或者是下的的。

夏天太熱,又不想出門,就讓我們用的Python來搭建屬于自己的?可以對話的AI老婆吧?

  本文擬使用Python的開發(fā)語言實現(xiàn)類似于的WIndows平臺的“小娜”,或者是IOS下的“Siri的”。最終達(dá)到人機對話的效果。

【實現(xiàn)功能】

  柳貓將會從下面兩個方面開始:

  1.搭建人工智能 - 人機對話服務(wù)端平臺

  2.實現(xiàn)調(diào)用服務(wù)端平臺進行人機對話交互

【實現(xiàn)思路】

  AIML

  AIML由Richard Wallace發(fā)明。他設(shè)計了一個名為ALICE(人工語言學(xué)互聯(lián)網(wǎng)計算機實體人工語言網(wǎng)計算機實體)的機器人,并獲得了多項人工智能大獎。有趣的是,圖靈測試的其中一項就在尋找這樣的人工智能:人與機器人通過文本界面展開數(shù)分鐘的交流,以此查看機器人是否會被當(dāng)作人類。

  本文就使用了Python的語言調(diào)用AIML庫進行智能機器人的開發(fā)。

  本系統(tǒng)的運作方式是使用Python的搭建服務(wù)端后臺接口,供各平臺可以直接調(diào)用。然后客戶端進行對智能對話API接口的調(diào)用,服務(wù)端分析參數(shù)數(shù)據(jù),進行語句的分析,最終返回應(yīng)答結(jié)果。

  當(dāng)前系統(tǒng)前端使用HTML進行簡單地聊天室的設(shè)計與編寫,使用異步請求的方式渲染數(shù)據(jù)。

大家在學(xué)python的時候肯定會遇到很多難題,以及對于新技術(shù)的追求,這里推薦一下我們的Python學(xué)習(xí)扣qun:784,758,214,這里是python學(xué)習(xí)者聚集地

【開發(fā)及部署環(huán)境】

開發(fā)環(huán)境:Windows 7×64英文版

     JetBrains PyCharm 2017.1.3 x64

測試環(huán)境:Windows 7×64

【所需技術(shù)】

小伙伴們,如果要完全理解,請熟練以下技能(不會也??沒關(guān)系啦,一起學(xué)習(xí)就好了):

Python的語言的熟練掌握,Python的版本2.7及以上

Python的服務(wù)端開發(fā)框架龍卷風(fēng)的使用

AIML庫接口的簡單使用

HTML + CSS +的JavaScript(jQuery的)的熟練使用

Ajax的技術(shù)的掌握

【實現(xiàn)過程】

  1.安裝Python aiml庫

pip install aiml

  2.獲取alice資源

  Python aiml安裝完成后在Python安裝目錄下的Lib / site-packages / aiml下會有alice子目錄,將此目錄復(fù)制到工作區(qū)。

或者在谷歌代碼上下載

alice brain:aiml-en-us-foundation-alice.v1-9.zip

  3. Python下加載alice

  取得alice資源之后就可以直接利用Python aiml庫加載alice brain了:

進口目的
os.chdir("./ src / alice")#將工作區(qū)目錄切換到剛才復(fù)制的alice文件夾
alice = aiml.Kernel()
alice.learn( “startup.xml”)
alice.respond("LOAD ALICE")

  注意加載時需要切換工作目錄到愛麗絲(剛才復(fù)制的文件夾)下。

  4.與alice聊天

  加載之后就可以與愛麗絲聊天了,每次只需要調(diào)用響應(yīng)接口:

alice.respond("hello")#這里的hello即為發(fā)給機器人的信息

  柳貓緊接上篇,現(xiàn)在我們來實現(xiàn)AI老婆的對話(畫臉):

  5.用Tornado搭建聊天機器人網(wǎng)站

  龍卷風(fēng)可以很方便地搭建一個網(wǎng)絡(luò)網(wǎng)站的服務(wù)端,并且接口風(fēng)格是休閑風(fēng)格,可以很方便搭建一個通用的服務(wù)端接口。

  這里寫兩個方法:

得到:渲染界面
崗位:獲取請求參數(shù),并分析,返回聊天結(jié)果

  類類的代碼如下:

class ChatHandler(tornado.web.RequestHandler):
    def get(self):
        self.render( "chat.html")
    def post(self):
        嘗試:
            message = self.get_argument("msg",None)
            打?。⊿TR(消息))
            result = {
                "is_success":是的,
                "message":str(alice.respond(message))
            }
            打?。⊿TR(結(jié)果))
            respon_json = tornado.escape.json_encode(結(jié)果)
            self.write(respon_json)
        除了例外,例如:
            再版(前)
            打印(STR(前))
            result = {
                "is_success":錯,
                "信息": ""
            }
            self.write(STR(結(jié)果))

  6.簡單搭建一個聊天界面

  該界面是基于自舉的,我們簡單搭建這么一個聊天的界面用于展示我們的接口結(jié)果。同時進行簡單的聊天。

  7.接口調(diào)用

  我們異步請求服務(wù)端接口,并將結(jié)果渲染到界面

$就({
                    類型:"post",
                    url:AppDomain +"chat",
                    async:true,//異步
                    dataType:"json",
                    數(shù)據(jù):(
                    {
                        “味精”:request_txt
                    }),
                    成功:功能(數(shù)據(jù))
                    {
                        的console.log(JSON.stringify(數(shù)據(jù)));
                        if(data.is_success == true){
                            的setView(resUser,data.message);
                        }
                    },
                    錯誤:功能(數(shù)據(jù))
                    {
                        的console.log(JSON.stringify(數(shù)據(jù)));
                    }
                }); //結(jié)束Ajax

  這里我附上系統(tǒng)的完整目錄結(jié)構(gòu)以及完整代碼 - >

  8.目錄結(jié)構(gòu)

  9. Python服務(wù)端代碼

#!/ usr / bin / env python
# -  *  - 編碼:utf-8  -  *  - 
import os.path
導(dǎo)入tornado.auth
導(dǎo)入tornado.escape
import tornado.httpserver
import tornado.ioloop
導(dǎo)入tornado.options
import tornado.web
來自tornado.options導(dǎo)入定義,選項
進口口
進口目的
os.chdir( "./ SRC /愛麗絲")
alice = aiml.Kernel()
alice.learn( “startup.xml”)
alice.respond("LOAD ALICE")
define("port",default = 3999,help ="在給定端口上運行",type = int)
class Application(tornado.web.Application):
    def __init __(self):
        處理程序= [
            (r"/",MainHandler),
            (r"/ chat",ChatHandler),
        ]
        settings = dict(
            template_path = os.path.join(os.path.dirname(__ file __),"templates"),
            static_path = os.path.join(os.path.dirname(__ file __),"static"),
            調(diào)試=真,
        )
        #conn = pymongo.Connection("localhost",12345)
        #self.db = conn ["demo"]
        tornado.web.Application .__ init __(自我,處理程序,**設(shè)置)
class MainHandler(tornado.web.RequestHandler):
    def get(self):
        self.render( "的index.html")
    def post(self):
        result = {
            "is_success":是的,
            "message":"123"
        }
        respon_json = tornado.escape.json_encode(結(jié)果)
        self.write(STR(respon_json))
    def put(self):
        respon_json = tornado.escape.json_encode(“{"name":"qixiao","age":123}”)
        self.write(respon_json)
class ChatHandler(tornado.web.RequestHandler):
    def get(self):
        self.render( "chat.html")
    def post(self):
        嘗試:
            message = self.get_argument("msg",None)
            打?。⊿TR(消息))
            result = {
                "is_success":是的,
                "message":str(alice.respond(message))
            }
            打?。⊿TR(結(jié)果))
            respon_json = tornado.escape.json_encode(結(jié)果)
            self.write(respon_json)
        除了例外,例如:
            再版(前)
            打?。⊿TR(前))
            result = {
                "is_success":錯,
                "信息": ""
            }
            self.write(STR(結(jié)果))
def main():
    tornado.options.parse_command_line()
    http_server = tornado.httpserver.HTTPServer(Application())
    http_server.listen(options.port)
    tornado.ioloop.IOLoop.instance()。開始()
如果__name__ =="__ main__":
    print("HTTP服務(wù)器啟動...")
    主要()

  10. Html前端代碼

<!DOCTYPE html>


      
     qixiao tools </ title>
    <link rel =“stylesheet”type =“text / css”href =“../ static / css / bootstrap.min.css”>
    <script type =“text / javascript”src =“../ static / js / jquery-3.2.0.min.js”> </ script>
    <script type =“text / javascript”src =“../ static / js / bootstrap.min.js”> </ script>
    <style type =“text / css”>
        .TOP利潤率-20 {
            margin-top:20px;
        }
        #result_table,#result_table thead th {
            text-align:center;
        }
        #result_table .td-width-40 {
            寬度:40%;
        }
    </樣式>
    <script type =“text / javascript”>
    </ SCRIPT>
    <script type =“text / javascript”>
        var AppDomain ="http:// localhost:3999 /"
        $(文件)。就緒(函數(shù)(){
            $( “#btn_sub”)。點擊(函數(shù)(){
                var user ="qixiao(10011)";
                var resUser ="alice(3333)";
                var request_txt = $(“#txt_sub”)。val();
                的setView(用戶,request_txt);
                $就({
                    類型:"post",
                    url:AppDomain +"chat",
                    async:true,//異步
                    dataType:"json",
                    數(shù)據(jù):(
                    {
                        “味精”:request_txt
                    }),
                    成功:功能(數(shù)據(jù))
                    {
                        的console.log(JSON.stringify(數(shù)據(jù)));
                        if(data.is_success == true){
                            的setView(resUser,data.message);
                        }
                    },
                    錯誤:功能(數(shù)據(jù))
                    {
                        的console.log(JSON.stringify(數(shù)據(jù)));
                    }
                }); //結(jié)束Ajax
                
            });
        });
        函數(shù)setView(用戶,文本)
        {
            var subTxt = user +“”+ new Date()。toLocaleTimeString()+" n·"+ text;
            $( “#txt_view”)VAL($( “#txt_view”)VAL()+ " n  n" + subTxt。)。
            var scrollTop = $(“#txt_view”)[0] .scrollHeight;  
            $( “#txt_view”)scrollTop的(scrollTop的)。  
        }
    </ SCRIPT>
</ HEAD>
<body class =“container”>
    <header class =“row”>
        <header class =“row”>
            <a href="/" class="col-md-2" style="font-family:SimHei;font-size:20px;text-align:center;margin-top:30px;">
                <span id="qoyqs8suu2u"    class =“glyphicon glyphicon-home”> </ span>主頁
            </A>
            <font class =“col-md-4 col-md-offset-2”style =“font-family:SimHei; font-size:30px; text-align:center; margin-top:30px;”>
                <a href="/tools" style="cursor: pointer;">奇曉 - 聊天</a>
            </ FONT>
        </報頭>
        <HR>
        <article class =“row”>
            <section class =“col-md-10 col-md-offset-1”style =“border:border:solid#4B5288 1px; padding:0”>管理員:QiXiao </ section>
            <section class =“col-md-10 col-md-offset-1 row”style =“border:solid#4B5288 1px; padding:0”>
                <section class =“col-md-9”style =“height:400px;”>
                    <section class =“row”style =“height:270px;”>
                        <textarea class =“form-control”style =“width:100%; height:100%; resize:none; overflow-x:none; overflow-y:scroll;” readonly =“true”id =“txt_view”> </ textarea>
                    </節(jié)>
                    <section class =“row”style =“height:130px; border-top:solid#4B5288 1px;”>
                        <textarea class =“form-control”style =“overflow-y:scroll; overflow-x:none; resize:none; width:100%; height:70%; border:#fff”id =“txt_sub”> < / textarea>的
                        <button class =“btn btn-primary”style =“float:right; margin:0 5px 0 0”id =“btn_sub”>提交</ button>
                    </節(jié)>
                </節(jié)>
                <section class =“col-md-3”style =“height:400px; border-left:solid#4B5288 1px;”> </ section>
            </節(jié)>
        </文章>
    </ BODY>
    </ HTML>
</pre>
<p><strong>【系統(tǒng)測試】</strong></p>
<p>  <strong>1.首先我們將我們的服務(wù)運行起來</strong></p>
<p><script type="text/javascript">showImg("https://segmentfault.com/img/remote/1460000019437903");</script></p>
<p>  <strong>2.調(diào)用測試</strong></p>
<p>?  然后我們進行前臺界面的調(diào)用</p>
<p><script type="text/javascript">showImg("https://segmentfault.com/img/remote/1460000019437904");</script></p>
<p><script type="text/javascript">showImg("https://segmentfault.com/img/remote/1460000019437905");</script></p>
<p>  這里我們可以看到,我們的項目完美運行,并且達(dá)到預(yù)期效果。</p>           
               
                                           
                       
                 </div>
            
                     <div   id="qoyqs8suu2u"   class="mt-64 tags-seach" >
                 <div   id="qoyqs8suu2u"   class="tags-info">
                                                                                                                    
                         <a style="width:120px;" title="云服務(wù)器" href="http://systransis.cn/site/active/kuaijiesale.html?ytag=seo">云服務(wù)器</a>
                                             
                         <a style="width:120px;" title="GPU云服務(wù)器" href="http://systransis.cn/site/product/gpu.html">GPU云服務(wù)器</a>
                                                                                                                                                 
                                      
                     
                    
                                                                                               <a style="width:120px;" title="提高你的python" href="http://systransis.cn/yun/tag/tigaonidepython/">提高你的python</a>
                                                                                                           <a style="width:120px;" title="你的看法" href="http://systransis.cn/yun/tag/nidekanfa/">你的看法</a>
                                                                                                           <a style="width:120px;" title="你的電腦" href="http://systransis.cn/yun/tag/nidediannao/">你的電腦</a>
                                                                                                           <a style="width:120px;" title="java你的名字" href="http://systransis.cn/yun/tag/javanidemingzi/">java你的名字</a>
                                                         
                 </div>
               
              </div>
             
               <div   id="qoyqs8suu2u"   class="entry-copyright mb-30">
                   <p class="mb-15"> 文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。</p>
                 
                   <p>轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/43998.html</p>
               </div>
                      
               <ul class="pre-next-page">
                 
                                  <li id="qoyqs8suu2u"    class="ellipsis"><a class="hpf" href="http://systransis.cn/yun/43997.html">上一篇:關(guān)于Python編碼這一篇文章就夠了</a></li>  
                                                
                                       <li id="qoyqs8suu2u"    class="ellipsis"><a class="hpf" href="http://systransis.cn/yun/43999.html">下一篇:用Python寫了個檢測文章抄襲,詳談去重算法原理</a></li>
                                  </ul>
              </div>
              <div   id="qoyqs8suu2u"   class="about_topicone-mid">
                <h3 class="top-com-title mb-0"><span data-id="0">相關(guān)文章</span></h3>
                <ul class="com_white-left-mid atricle-list-box">
                             
                                                                                                    <li>
                                                <div   id="qoyqs8suu2u"   class="atricle-list-right">
                          <h2 class="ellipsis2"><a class="hpf" href="http://systransis.cn/yun/41396.html"><b>「碼個蛋」2017年200篇精選干貨集合</b></a></h2>
                                                     <p class="ellipsis2 good">摘要:讓你收獲滿滿碼個蛋從年月日推送第篇文章一年過去了已累積推文近篇文章,本文為年度精選,共計篇,按照類別整理便于讀者主題閱讀。本篇文章是今年的最后一篇技術(shù)文章,為了讓大家在家也能好好學(xué)習(xí),特此花了幾個小時整理了這些文章。

showImg(https://segmentfault.com/img/remote/1460000013241596);
讓你收獲滿滿!
碼個蛋從2017年02月20...</p>
                                                   
                          <div   id="qoyqs8suu2u"   class="com_white-left-info">
                                <div   id="qoyqs8suu2u"   class="com_white-left-infol">
                                    <a href="http://systransis.cn/yun/u-922.html"><img src="http://systransis.cn/yun/data/avatar/000/00/09/small_000000922.jpg" alt=""><span id="qoyqs8suu2u"    class="layui-hide64">wangtdgoodluck</span></a>
                                    <time datetime="">2019-07-30 15:40</time>
                                    <span><i class="fa fa-commenting"></i>評論0</span> 
                                    <span><i class="fa fa-star"></i>收藏0</span> 
                                </div>
                          </div>
                      </div>
                    </li> 
                                                                                       <li>
                                                <div   id="qoyqs8suu2u"   class="atricle-list-right">
                          <h2 class="ellipsis2"><a class="hpf" href="http://systransis.cn/yun/37809.html"><b>蠎周刊 2015 年度最贊</b></a></h2>
                                                     <p class="ellipsis2 good">摘要:蠎周刊年度最贊親俺們又來回顧又一個偉大的年份兒包去年最受歡迎的文章和項目如果你錯過了幾期就這一期不會丟失最好的嗯哼還為你和你的準(zhǔn)備了一批紀(jì)念裇從這兒獲取任何時候如果想分享好物給大家在這兒提交喜歡我們收集的任何意見建議通過來吧原文

Title: 蠎周刊 2015 年度最贊Date: 2016-01-09 Tags: Weekly,Pycoder,Zh Slug: issue-198-to...</p>
                                                   
                          <div   id="qoyqs8suu2u"   class="com_white-left-info">
                                <div   id="qoyqs8suu2u"   class="com_white-left-infol">
                                    <a href="http://systransis.cn/yun/u-76.html"><img src="http://systransis.cn/yun/data/avatar/000/00/00/small_000000076.jpg" alt=""><span id="qoyqs8suu2u"    class="layui-hide64">young.li</span></a>
                                    <time datetime="">2019-07-24 18:32</time>
                                    <span><i class="fa fa-commenting"></i>評論0</span> 
                                    <span><i class="fa fa-star"></i>收藏0</span> 
                                </div>
                          </div>
                      </div>
                    </li> 
                                                                                       <li>
                                                <div   id="qoyqs8suu2u"   class="atricle-list-right">
                          <h2 class="ellipsis2"><a class="hpf" href="http://systransis.cn/yun/119774.html"><b>爆肝一周,用<em>Python</em>在物聯(lián)網(wǎng)設(shè)備上寫了個智能語音助手</b></a></h2>
                                                     <p class="ellipsis2 good">摘要:背景介紹智能語音助手作為物聯(lián)網(wǎng)領(lǐng)域的一個重要生態(tài)成員,是一種全新的交互方式,它能夠解放雙手,隨時提供服務(wù),無須借助任何按鍵。學(xué)完該案例讓你對智能語音助手有一個全新的認(rèn)識??靵泶蛟炷愕闹悄苷Z音助手吧                                                     1. 背景介紹 智能語音助手作為物聯(lián)網(wǎng)領(lǐng)域的一個重要生態(tài)成員,是一種全新的交互方式,它能夠解...</p>
                                                   
                          <div   id="qoyqs8suu2u"   class="com_white-left-info">
                                <div   id="qoyqs8suu2u"   class="com_white-left-infol">
                                    <a href="http://systransis.cn/yun/u-1216.html"><img src="http://systransis.cn/yun/data/avatar/000/00/12/small_000001216.jpg" alt=""><span id="qoyqs8suu2u"    class="layui-hide64">I_Am</span></a>
                                    <time datetime="">2021-09-10 10:50</time>
                                    <span><i class="fa fa-commenting"></i>評論0</span> 
                                    <span><i class="fa fa-star"></i>收藏0</span> 
                                </div>
                          </div>
                      </div>
                    </li> 
                                                                                       <li>
                                                <div   id="qoyqs8suu2u"   class="atricle-list-right">
                          <h2 class="ellipsis2"><a class="hpf" href="http://systransis.cn/yun/17945.html"><b>想玩轉(zhuǎn)分布式存儲引擎?<em>快來</em>加入 TiKV 團隊<em>吧</em> | PingCAP 招聘季</b></a></h2>
                                                     <p class="ellipsis2 good">摘要:負(fù)責(zé)構(gòu)建分布式壓力測試框架,穩(wěn)定性測試框架。但同時,這些獨立的模塊最終會形成這一個整體。分布式一致性算法,現(xiàn)在無非就是兩類,和,我們選擇了。對各個模塊進行詳細(xì)的測試,使用等對系統(tǒng)進行注入測試。設(shè)計并實現(xiàn)性能回歸測試平臺。

上周我們推送了?TiDB 團隊職位解讀文章,當(dāng)天就有很多簡歷砸來,我們深深感受到了小伙伴們的熱情~ 趁熱打鐵,今天我司首席架構(gòu)師唐劉老師將帶大家了解一下傳說中「面試通...</p>
                                                   
                          <div   id="qoyqs8suu2u"   class="com_white-left-info">
                                <div   id="qoyqs8suu2u"   class="com_white-left-infol">
                                    <a href="http://systransis.cn/yun/u-239.html"><img src="http://systransis.cn/yun/data/avatar/000/00/02/small_000000239.jpg" alt=""><span id="qoyqs8suu2u"    class="layui-hide64">susheng</span></a>
                                    <time datetime="">2019-06-25 19:08</time>
                                    <span><i class="fa fa-commenting"></i>評論0</span> 
                                    <span><i class="fa fa-star"></i>收藏0</span> 
                                </div>
                          </div>
                      </div>
                    </li> 
                                                                           
                </ul>
              </div>
              
               <div   id="qoyqs8suu2u"   class="topicone-box-wangeditor">
                  
                  <h3 class="top-com-title mb-64"><span>發(fā)表評論</span></h3>
                   <div   id="qoyqs8suu2u"   class="xcp-publish-main flex_box_zd">
                                      
                      <div   id="qoyqs8suu2u"   class="unlogin-pinglun-box">
                        <a href="javascript:login()" class="grad">登陸后可評論</a>
                      </div>                   </div>
               </div>
              <div   id="qoyqs8suu2u"   class="site-box-content">
                <div   id="qoyqs8suu2u"   class="site-content-title">
                  <h3 class="top-com-title mb-64"><span>0條評論</span></h3>   
                </div> 
                      <div   id="qoyqs8suu2u"   class="pages"></ul></div>
              </div>
           </div>
           <div   id="qoyqs8suu2u"   class="layui-col-md4 layui-col-lg3 com_white-right site-wrap-right">
              <div   id="qoyqs8suu2u"   class=""> 
                <div   id="qoyqs8suu2u"   class="com_layuiright-box user-msgbox">
                    <a href="http://systransis.cn/yun/u-563.html"><img src="http://systransis.cn/yun/data/avatar/000/00/05/small_000000563.jpg" alt=""></a>
                    <h3><a href="http://systransis.cn/yun/u-563.html" rel="nofollow">Tychio</a></h3>
                    <h6>男<span>|</span>高級講師</h6>
                    <div   id="qoyqs8suu2u"   class="flex_box_zd user-msgbox-atten">
                     
                                                                      <a href="javascript:attentto_user(563)" id="attenttouser_563" class="grad follow-btn notfollow attention">我要關(guān)注</a>
      
                                                                                        <a href="javascript:login()" title="發(fā)私信" >我要私信</a>
                     
                                            
                    </div>
                    <div   id="qoyqs8suu2u"   class="user-msgbox-list flex_box_zd">
                          <h3 class="hpf">TA的文章</h3>
                          <a href="http://systransis.cn/yun/ut-563.html" class="box_hxjz">閱讀更多</a>
                    </div>
                      <ul class="user-msgbox-ul">
                                                  <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/116271.html">前端面試每日3+1——第120天</a></h3>
                            <p>閱讀 1491<span>·</span>2019-08-30 15:44</p></li>
                                                       <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/115783.html">對height 100%和inherit的總結(jié)</a></h3>
                            <p>閱讀 1954<span>·</span>2019-08-30 14:07</p></li>
                                                       <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/115648.html">邊距重疊以及解決方案BFC</a></h3>
                            <p>閱讀 2881<span>·</span>2019-08-30 13:56</p></li>
                                                       <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/114108.html">譯-使用Scroll Snapping實現(xiàn)CSS控制頁面滾動</a></h3>
                            <p>閱讀 2350<span>·</span>2019-08-29 17:06</p></li>
                                                       <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/113002.html">vertical-align,今晚來我房間聊聊劇本</a></h3>
                            <p>閱讀 1333<span>·</span>2019-08-29 14:13</p></li>
                                                       <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/111672.html">小程序的開發(fā)成本真的比原生App低嗎?</a></h3>
                            <p>閱讀 2091<span>·</span>2019-08-29 11:28</p></li>
                                                       <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/109849.html">數(shù)組分割算法(JavaScript)</a></h3>
                            <p>閱讀 3238<span>·</span>2019-08-26 13:56</p></li>
                                                       <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/108173.html">JavaScript學(xué)習(xí)第七天筆記(面向?qū)ο螅?/a></h3>
                            <p>閱讀 1954<span>·</span>2019-08-26 12:11</p></li>
                                                
                      </ul>
                </div>

                   <!-- 文章詳情右側(cè)廣告-->
              
  <div   id="qoyqs8suu2u"   class="com_layuiright-box">
                  <h6 class="top-com-title"><span>最新活動</span></h6> 
           
         <div   id="qoyqs8suu2u"   class="com_adbox">
                    <div   id="qoyqs8suu2u"   class="layui-carousel" id="right-item">
                      <div carousel-item>
                                                                                                                       <div>
                          <a href="http://systransis.cn/site/active/kuaijiesale.html?ytag=seo"  rel="nofollow">
                            <img src="http://systransis.cn/yun/data/attach/240625/2rTjEHmi.png" alt="云服務(wù)器">                                 
                          </a>
                        </div>
                                                <div>
                          <a href="http://systransis.cn/site/product/gpu.html"  rel="nofollow">
                            <img src="http://systransis.cn/yun/data/attach/240807/7NjZjdrd.png" alt="GPU云服務(wù)器">                                 
                          </a>
                        </div>
                                                                   
                    
                        
                      </div>
                    </div>
                      
                    </div>                    <!-- banner結(jié)束 -->
              
<div   id="qoyqs8suu2u"   class="adhtml">

</div>
                <script>
                $(function(){
                    $.ajax({
                        type: "GET",
                                url:"http://systransis.cn/yun/ad/getad/1.html",
                                cache: false,
                                success: function(text){
                                  $(".adhtml").html(text);
                                }
                        });
                    })
                </script>                </div>              </div>
           </div>
        </div>
      </div> 
    </section>
    <!-- wap拉出按鈕 -->
     <div   id="qoyqs8suu2u"   class="site-tree-mobile layui-hide">
      <i class="layui-icon layui-icon-spread-left"></i>
    </div>
    <!-- wap遮罩層 -->
    <div   id="qoyqs8suu2u"   class="site-mobile-shade"></div>
    
       <!--付費閱讀 -->
       <div   class="qoyqs8suu2u"   id="payread">
         <div   id="qoyqs8suu2u"   class="layui-form-item">閱讀需要支付1元查看</div>  
         <div   id="qoyqs8suu2u"   class="layui-form-item"><button class="btn-right">支付并查看</button></div>     
       </div>
      <script>
      var prei=0;

       
       $(".site-seo-depict pre").each(function(){
          var html=$(this).html().replace("<code>","").replace("</code>","").replace('<code class="javascript hljs" codemark="1">','');
          $(this).attr('data-clipboard-text',html).attr("id","pre"+prei);
          $(this).html("").append("<code>"+html+"</code>");
         prei++;
       })
           $(".site-seo-depict img").each(function(){
             
            if($(this).attr("src").indexOf('data:image/svg+xml')!= -1){
                $(this).remove();
            }
       })
     $("LINK[href*='style-49037e4d27.css']").remove();
       $("LINK[href*='markdown_views-d7a94ec6ab.css']").remove();
layui.use(['jquery', 'layer','code'], function(){
  $("pre").attr("class","layui-code");
      $("pre").attr("lay-title","");
       $("pre").attr("lay-skin","");
  layui.code(); 
       $(".layui-code-h3 a").attr("class","copycode").html("復(fù)制代碼 ").attr("onclick","copycode(this)");
      
});
function copycode(target){
    var id=$(target).parent().parent().attr("id");
  
                  var clipboard = new ClipboardJS("#"+id);

clipboard.on('success', function(e) {


    e.clearSelection();
    alert("復(fù)制成功")
});

clipboard.on('error', function(e) {
    alert("復(fù)制失敗")
});
}
//$(".site-seo-depict").html($(".site-seo-depict").html().slice(0, -5));
</script>
  <link rel="stylesheet" type="text/css" href="http://systransis.cn/yun/static/js/neweditor/code/styles/tomorrow-night-eighties.css">
    <script src="http://systransis.cn/yun/static/js/neweditor/code/highlight.pack.js" type="text/javascript"></script>
    <script src="http://systransis.cn/yun/static/js/clipboard.js"></script>

<script>hljs.initHighlightingOnLoad();</script>

<script>
    function setcode(){
        var _html='';
    	  document.querySelectorAll('pre code').forEach((block) => {
        	  var _tmptext=$.trim($(block).text());
        	  if(_tmptext!=''){
        		  _html=_html+_tmptext;
        		  console.log(_html);
        	  }
    		 
    		  
    		 
      	  });
    	 

    }

</script>

<script>
function payread(){
  layer.open({
      type: 1,
      title:"付費閱讀",
      shadeClose: true,
      content: $('#payread')
    });
}
// 舉報
function jupao_tip(){
  layer.open({
      type: 1,
      title:false,
      shadeClose: true,
      content: $('#jubao')
    });

}
$(".getcommentlist").click(function(){
var _id=$(this).attr("dataid");
var _tid=$(this).attr("datatid");
$("#articlecommentlist"+_id).toggleClass("hide");
var flag=$("#articlecommentlist"+_id).attr("dataflag");
if(flag==1){
flag=0;
}else{
flag=1;
//加載評論
loadarticlecommentlist(_id,_tid);
}
$("#articlecommentlist"+_id).attr("dataflag",flag);

})
$(".add-comment-btn").click(function(){
var _id=$(this).attr("dataid");
$(".formcomment"+_id).toggleClass("hide");
})
$(".btn-sendartcomment").click(function(){
var _aid=$(this).attr("dataid");
var _tid=$(this).attr("datatid");
var _content=$.trim($(".commenttext"+_aid).val());
if(_content==''){
alert("評論內(nèi)容不能為空");
return false;
}
var touid=$("#btnsendcomment"+_aid).attr("touid");
if(touid==null){
touid=0;
}
addarticlecomment(_tid,_aid,_content,touid);
})
 $(".button_agree").click(function(){
 var supportobj = $(this);
         var tid = $(this).attr("id");
         $.ajax({
         type: "GET",
                 url:"http://systransis.cn/yun/index.php?topic/ajaxhassupport/" + tid,
                 cache: false,
                 success: function(hassupport){
                 if (hassupport != '1'){






                         $.ajax({
                         type: "GET",
                                 cache:false,
                                 url: "http://systransis.cn/yun/index.php?topic/ajaxaddsupport/" + tid,
                                 success: function(comments) {

                                 supportobj.find("span").html(comments+"人贊");
                                 }
                         });
                 }else{
                	 alert("您已經(jīng)贊過");
                 }
                 }
         });
 });
 function attenquestion(_tid,_rs){
    	$.ajax({
    //提交數(shù)據(jù)的類型 POST GET
    type:"POST",
    //提交的網(wǎng)址
    url:"http://systransis.cn/yun/favorite/topicadd.html",
    //提交的數(shù)據(jù)
    data:{tid:_tid,rs:_rs},
    //返回數(shù)據(jù)的格式
    datatype: "json",//"xml", "html", "script", "json", "jsonp", "text".
    //在請求之前調(diào)用的函數(shù)
    beforeSend:function(){},
    //成功返回之后調(diào)用的函數(shù)
    success:function(data){
    	var data=eval("("+data+")");
    	console.log(data)
       if(data.code==2000){
    	layer.msg(data.msg,function(){
    	  if(data.rs==1){
    	      //取消收藏
    	      $(".layui-layer-tips").attr("data-tips","收藏文章");
    	      $(".layui-layer-tips").html('<i class="fa fa-heart-o"></i>');
    	  }
    	   if(data.rs==0){
    	      //收藏成功
    	      $(".layui-layer-tips").attr("data-tips","已收藏文章");
    	      $(".layui-layer-tips").html('<i class="fa fa-heart"></i>')
    	  }
    	})
    	 
       }else{
    	layer.msg(data.msg)
       }


    }   ,
    //調(diào)用執(zhí)行后調(diào)用的函數(shù)
    complete: function(XMLHttpRequest, textStatus){
     	postadopt=true;
    },
    //調(diào)用出錯執(zhí)行的函數(shù)
    error: function(){
        //請求出錯處理
    	postadopt=false;
    }
 });
}
</script>
<footer>
        <div   id="qoyqs8suu2u"   class="layui-container">
            <div   id="qoyqs8suu2u"   class="flex_box_zd">
              <div   id="qoyqs8suu2u"   class="left-footer">
                    <h6><a href="http://systransis.cn/"><img src="http://systransis.cn/yun/static/theme/ukd//images/logo.png" alt="UCloud (優(yōu)刻得科技股份有限公司)"></a></h6>
                    <p>UCloud (優(yōu)刻得科技股份有限公司)是中立、安全的云計算服務(wù)平臺,堅持中立,不涉足客戶業(yè)務(wù)領(lǐng)域。公司自主研發(fā)IaaS、PaaS、大數(shù)據(jù)流通平臺、AI服務(wù)平臺等一系列云計算產(chǎn)品,并深入了解互聯(lián)網(wǎng)、傳統(tǒng)企業(yè)在不同場景下的業(yè)務(wù)需求,提供公有云、混合云、私有云、專有云在內(nèi)的綜合性行業(yè)解決方案。</p>
              </div>
              <div   id="qoyqs8suu2u"   class="right-footer layui-hidemd">
                  <ul class="flex_box_zd">
                      <li>
                        <h6>UCloud與云服務(wù)</h6>
                         <p><a href="http://systransis.cn/site/about/intro/">公司介紹</a></p>
                         <p><a  >加入我們</a></p>
                         <p><a href="http://systransis.cn/site/ucan/onlineclass/">UCan線上公開課</a></p>
                         <p><a href="http://systransis.cn/site/solutions.html" >行業(yè)解決方案</a></p>                                                  <p><a href="http://systransis.cn/site/pro-notice/">產(chǎn)品動態(tài)</a></p>
                      </li>
                      <li>
                        <h6>友情鏈接</h6>                                             <p><a >GPU算力平臺</a></p>                                             <p><a >UCloud私有云</a></p>
                                             <p><a >SurferCloud</a></p>                                             <p><a >工廠仿真軟件</a></p>                                             <p><a >Pinex</a></p>                                             <p><a >AI繪畫</a></p>
                                             
                      </li>
                      <li>
                        <h6>社區(qū)欄目</h6>
                         <p><a href="http://systransis.cn/yun/column/index.html">專欄文章</a></p>
                     <p><a href="http://systransis.cn/yun/udata/">專題地圖</a></p>                      </li>
                      <li>
                        <h6>常見問題</h6>
                         <p><a href="http://systransis.cn/site/ucsafe/notice.html" >安全中心</a></p>
                         <p><a href="http://systransis.cn/site/about/news/recent/" >新聞動態(tài)</a></p>
                         <p><a href="http://systransis.cn/site/about/news/report/">媒體動態(tài)</a></p>                                                  <p><a href="http://systransis.cn/site/cases.html">客戶案例</a></p>                                                
                         <p><a href="http://systransis.cn/site/notice/">公告</a></p>
                      </li>
                      <li>
                          <span><img src="https://static.ucloud.cn/7a4b6983f4b94bcb97380adc5d073865.png" alt="優(yōu)刻得"></span>
                          <p>掃掃了解更多</p></div>
            </div>
            <div   id="qoyqs8suu2u"   class="copyright">Copyright ? 2012-2023 UCloud 優(yōu)刻得科技股份有限公司<i>|</i><a rel="nofollow" >滬公網(wǎng)安備 31011002000058號</a><i>|</i><a rel="nofollow" ></a> 滬ICP備12020087號-3</a><i>|</i> <script type="text/javascript" src="https://gyfk12.kuaishang.cn/bs/ks.j?cI=197688&fI=125915" charset="utf-8"></script>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://#/hm.js?290c2650b305fc9fff0dbdcafe48b59d";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DZSMXQ3P9N"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-DZSMXQ3P9N');
</script>
<script>
(function(){
var el = document.createElement("script");
el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?99f50ea166557aed914eb4a66a7a70a4709cbb98a54ecb576877d99556fb4bfc3d72cd14f8a76432df3935ab77ec54f830517b3cb210f7fd334f50ccb772134a";
el.id = "ttzz";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(el, s);
})(window)
</script></div> 
        </div>
    </footer>

<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站,您可能还对以下资源感兴趣:</p>
<a href="http://systransis.cn/" title="成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费">成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费</a>

<div class="friend-links">


</div>
</div>

</footer>


<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
</body><div id="tzp5p" class="pl_css_ganrao" style="display: none;"><tt id="tzp5p"><menuitem id="tzp5p"><ol id="tzp5p"><pre id="tzp5p"></pre></ol></menuitem></tt><div id="tzp5p"><ol id="tzp5p"></ol></div><tt id="tzp5p"><big id="tzp5p"><dl id="tzp5p"><i id="tzp5p"></i></dl></big></tt><div id="tzp5p"></div><div id="tzp5p"><ol id="tzp5p"></ol></div><form id="tzp5p"><output id="tzp5p"></output></form><strong id="tzp5p"><ruby id="tzp5p"></ruby></strong><track id="tzp5p"><tt id="tzp5p"></tt></track><nobr id="tzp5p"><small id="tzp5p"></small></nobr><pre id="tzp5p"><style id="tzp5p"></style></pre><output id="tzp5p"><sub id="tzp5p"></sub></output><ol id="tzp5p"></ol><sup id="tzp5p"></sup><optgroup id="tzp5p"><video id="tzp5p"><em id="tzp5p"><big id="tzp5p"></big></em></video></optgroup><span id="tzp5p"><i id="tzp5p"></i></span><menuitem id="tzp5p"><dl id="tzp5p"><i id="tzp5p"><dfn id="tzp5p"></dfn></i></dl></menuitem><label id="tzp5p"><th id="tzp5p"></th></label><th id="tzp5p"><font id="tzp5p"><progress id="tzp5p"><sup id="tzp5p"></sup></progress></font></th><ins id="tzp5p"><pre id="tzp5p"><p id="tzp5p"><strong id="tzp5p"></strong></p></pre></ins><em id="tzp5p"><big id="tzp5p"></big></em><acronym id="tzp5p"><label id="tzp5p"><th id="tzp5p"><b id="tzp5p"></b></th></label></acronym><b id="tzp5p"></b><dl id="tzp5p"><pre id="tzp5p"><video id="tzp5p"><sub id="tzp5p"></sub></video></pre></dl><style id="tzp5p"></style><tt id="tzp5p"><big id="tzp5p"><ol id="tzp5p"><optgroup id="tzp5p"></optgroup></ol></big></tt><u id="tzp5p"><ruby id="tzp5p"></ruby></u><mark id="tzp5p"></mark><th id="tzp5p"><b id="tzp5p"></b></th><label id="tzp5p"><rp id="tzp5p"><thead id="tzp5p"><progress id="tzp5p"></progress></thead></rp></label><em id="tzp5p"></em><track id="tzp5p"><tt id="tzp5p"><big id="tzp5p"><dl id="tzp5p"></dl></big></tt></track><big id="tzp5p"><ol id="tzp5p"></ol></big><optgroup id="tzp5p"><video id="tzp5p"><sub id="tzp5p"><strike id="tzp5p"></strike></sub></video></optgroup><pre id="tzp5p"><p id="tzp5p"></p></pre><u id="tzp5p"><ruby id="tzp5p"></ruby></u><track id="tzp5p"><tt id="tzp5p"></tt></track><video id="tzp5p"><address id="tzp5p"><p id="tzp5p"><var id="tzp5p"></var></p></address></video><style id="tzp5p"></style><label id="tzp5p"><rp id="tzp5p"><thead id="tzp5p"><legend id="tzp5p"></legend></thead></rp></label><strong id="tzp5p"><optgroup id="tzp5p"></optgroup></strong><strong id="tzp5p"><ruby id="tzp5p"></ruby></strong><dl id="tzp5p"><pre id="tzp5p"></pre></dl><th id="tzp5p"><b id="tzp5p"></b></th><dfn id="tzp5p"><tt id="tzp5p"><menuitem id="tzp5p"><span id="tzp5p"></span></menuitem></tt></dfn><menuitem id="tzp5p"></menuitem><listing id="tzp5p"><tt id="tzp5p"></tt></listing><ins id="tzp5p"></ins><var id="tzp5p"><form id="tzp5p"><output id="tzp5p"><sub id="tzp5p"></sub></output></form></var><ins id="tzp5p"></ins><rp id="tzp5p"></rp><dfn id="tzp5p"><tt id="tzp5p"><menuitem id="tzp5p"><span id="tzp5p"></span></menuitem></tt></dfn><ins id="tzp5p"><address id="tzp5p"><p id="tzp5p"><var id="tzp5p"></var></p></address></ins><label id="tzp5p"><rp id="tzp5p"></rp></label><div id="tzp5p"><ol id="tzp5p"></ol></div><acronym id="tzp5p"><style id="tzp5p"><rp id="tzp5p"><font id="tzp5p"></font></rp></style></acronym><div id="tzp5p"><ol id="tzp5p"></ol></div><th id="tzp5p"><font id="tzp5p"></font></th><address id="tzp5p"><strike id="tzp5p"><strong id="tzp5p"><optgroup id="tzp5p"></optgroup></strong></strike></address><b id="tzp5p"></b><label id="tzp5p"><strong id="tzp5p"></strong></label><dfn id="tzp5p"><menuitem id="tzp5p"><dl id="tzp5p"><legend id="tzp5p"></legend></dl></menuitem></dfn><acronym id="tzp5p"></acronym><em id="tzp5p"><big id="tzp5p"></big></em><legend id="tzp5p"><dfn id="tzp5p"></dfn></legend><track id="tzp5p"></track><output id="tzp5p"><address id="tzp5p"></address></output><listing id="tzp5p"><em id="tzp5p"><big id="tzp5p"><dl id="tzp5p"></dl></big></em></listing><rp id="tzp5p"><thead id="tzp5p"><thead id="tzp5p"><label id="tzp5p"></label></thead></thead></rp><i id="tzp5p"><listing id="tzp5p"></listing></i><rp id="tzp5p"><font id="tzp5p"></font></rp><span id="tzp5p"></span><optgroup id="tzp5p"><video id="tzp5p"></video></optgroup><address id="tzp5p"><strike id="tzp5p"><var id="tzp5p"><form id="tzp5p"></form></var></strike></address><ins id="tzp5p"></ins><sup id="tzp5p"></sup><th id="tzp5p"><b id="tzp5p"></b></th><ins id="tzp5p"><address id="tzp5p"></address></ins><thead id="tzp5p"><legend id="tzp5p"></legend></thead><style id="tzp5p"></style><nobr id="tzp5p"><b id="tzp5p"></b></nobr><p id="tzp5p"></p><dfn id="tzp5p"></dfn><var id="tzp5p"><form id="tzp5p"><ins id="tzp5p"><address id="tzp5p"></address></ins></form></var><strike id="tzp5p"><nobr id="tzp5p"><small id="tzp5p"><ins id="tzp5p"></ins></small></nobr></strike><div id="tzp5p"><ol id="tzp5p"></ol></div><label id="tzp5p"><rp id="tzp5p"><form id="tzp5p"><thead id="tzp5p"></thead></form></rp></label><thead id="tzp5p"></thead><acronym id="tzp5p"></acronym><label id="tzp5p"><strong id="tzp5p"></strong></label><progress id="tzp5p"><acronym id="tzp5p"><style id="tzp5p"><nobr id="tzp5p"></nobr></style></acronym></progress><ruby id="tzp5p"><form id="tzp5p"><legend id="tzp5p"><label id="tzp5p"></label></legend></form></ruby><form id="tzp5p"><legend id="tzp5p"><dfn id="tzp5p"><dfn id="tzp5p"></dfn></dfn></legend></form><font id="tzp5p"><progress id="tzp5p"></progress></font><progress id="tzp5p"></progress><i id="tzp5p"></i><rp id="tzp5p"><form id="tzp5p"><thead id="tzp5p"><label id="tzp5p"></label></thead></form></rp><style id="tzp5p"></style><address id="tzp5p"><strike id="tzp5p"><nobr id="tzp5p"><form id="tzp5p"></form></nobr></strike></address><rp id="tzp5p"></rp><p id="tzp5p"><nobr id="tzp5p"><b id="tzp5p"><meter id="tzp5p"></meter></b></nobr></p></div>
<script src="http://systransis.cn/yun/static/theme/ukd/js/common.js"></script>
<<script type="text/javascript">
$(".site-seo-depict *,.site-content-answer-body *,.site-body-depict *").css("max-width","100%");
</script>
</html>