整合營銷服務(wù)商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          淘寶8年案例解讀大廠如何開發(fā)和部署前端代碼

          淘寶8年案例解讀大廠如何開發(fā)和部署前端代碼


          者:張偉(上坡) 淘系技術(shù)

          轉(zhuǎn)發(fā)鏈接:https://mp.weixin.qq.com/s/uapPcIC8j44AfDSby3PrTQ

          文實例為大家分享了python實現(xiàn)淘寶秒殺腳本的具體代碼,供大家參考,具體內(nèi)容如下

          1.安裝pycharm。網(wǎng)上教程很多。

          2.安裝 Selenium 庫。

          Selenium支持很多瀏覽器,我選擇的是Firefox瀏覽器。

          因為我這里是Python3環(huán)境,自帶的又pip,所以安裝selenium直接使用pip安裝

          安裝方法:

          --打開cmd;

          --輸入命令進(jìn)入Python36/Scripts(找到下圖的目錄)目錄下;

          --輸入命令 pip install selenium;

          --回車,等待自動安裝;

          --當(dāng)最后一行代碼出現(xiàn)Successfully install selenium-XX時,表示安裝成功。

          請輸入圖片描述

          請輸入圖片描述

          3.插件 FireBug

          FireBug 是火狐瀏覽器的一款查看代碼元素的插件,可以快速的定位元素,selenium的重點就是元素定位,只有定到位了,才能進(jìn)行下一步操作。

          安裝方法:

          --打開Firefox瀏覽器,點擊右上角按鈕

          --點擊附加組件

          --點擊擴展

          --搜索firebug

          --點擊安裝,重啟瀏覽器

          --測試安裝成功,按F12出現(xiàn)如下畫面,表示firebug已經(jīng)安裝成功了

          請輸入圖片描述

          4.安裝 驅(qū)動安裝 geckodriver(windows環(huán)境下)

          文件鏈接在下方。

          使用方法:

          1、下載完成解壓;

          2、將 geckodriver 放到 該瀏覽器可執(zhí)行文件的路徑下

          請輸入圖片描述

          3、添加到環(huán)境變量中

          請輸入圖片描述

          5. 設(shè)置 pycharm

          先創(chuàng)建一個工程

          打開 pycharm -> 打開 file -> 點擊 setting -> 點擊最右邊的設(shè)置按鈕

          請輸入圖片描述

          點擊 add, 在 Virtualenv Environment 和 System Interpreter 并選定找到本文給的 python 運行文件夾,Location 是自己建立的工作文件夾,里面為空,參考操作如下:

          請輸入圖片描述

          打開 pycharm -> 打開 file -> 點擊 setting

          將 project Interpreter 設(shè)置為 本文給的文件,或是自己本身的 python自帶運行庫

          請輸入圖片描述

          6. 新建一個python文件

          輸入以下程序:

          請輸入圖片描述

          得到如下:

          請輸入圖片描述

          則成功搭建好環(huán)境。

          7. 淘寶秒殺程序

          請輸入圖片描述

          ?

          請輸入圖片描述

          以上程序是參照對應(yīng)的 html 源碼的對應(yīng)元素所選擇的。舉例如下:

          請輸入圖片描述

          中對應(yīng)的 J_SelectAll1 對應(yīng)如下:

          請輸入圖片描述

          想學(xué)的小伙伴都可以私信小編來學(xué)習(xí) python

          無論你是大牛還是小白,是想轉(zhuǎn)行還是想入行都可以來了解一起進(jìn)步一起學(xué)習(xí)!有開發(fā)工具,很多干貨和技術(shù)資料分享!

          文章部分來源:腳本之家

          個效果是作為案例演示的一個效果。然后放到了店鋪里面,很多小伙伴看到覺得喜歡。

          所以這里米色免費將源碼分享出來。有喜歡的小伙伴 可以自己去測試下。

          一:效果演示

          大家可以復(fù)制代碼在店鋪測試,注意代碼里面有圖片,需要換成你店鋪的圖片才可以。

          可以先復(fù)制代碼里面的圖片在瀏覽器打開,保存到電腦上,然后上傳到圖片空間再替換到代碼里面 測試預(yù)覽

          二:源碼分享


          /*====整體導(dǎo)航====*/

          .skin-box-bd,.all-cats,.all-cats .link,.skin-box-bd .menu-list,.skin-box-bd .menu-list .menu,.skin-box-bd .menu-list .link,.skin-box-bd .menu-list .menu-selected .link .title {background: transparent;}

          .skin-box-bd {font-family:microsoft yahei;background:#c7a462;width: 1200px; padding:0 360px;position: relative; left: -485px;}

          .skin-box-bd,.all-cats,.all-cats .link,.skin-box-bd .all-cats .title,.skin-box-bd .menu-list,.skin-box-bd .menu-list .menu,.skin-box-bd .menu-list .link,.skin-box-bd .menu-list .menu .title { height:70px; line-height:70px;}

          .all-cats {_width: 125px;max-width: 125px; background-image:url(https://img.alicdn.com/imgextra/i3/675431384/TB2QD4EjCFjpuFjSszhXXaBuVXa_!!675431384.png);}

          .all-cats .link { width: 85px;}

          .skin-box-bd .all-cats .title {color: transparent;}

          /*====右側(cè)分類導(dǎo)航====*/

          .skin-box-bd .menu-list { float:right;width: auto;}

          .skin-box-bd .menu-list .menu .title {background-image:url(https://img.alicdn.com/imgextra/i4/675431384/TB2exVtj3RkpuFjy1zeXXc.6FXa_!!675431384.gif); background-repeat:no-repeat; background-position:-150px 50px; color:#fff;}

          .skin-box-bd .menu-list .menu .title:hover {background-position:left 50px; color:#000;}

          .skin-box-bd .menu-list .menu,.all-cats .link {border: 0;}

          /*小圖標(biāo)-主要是配合導(dǎo)航效果,對圖標(biāo)位置做了調(diào)整*/

          .skin-box-bd .all-cats .link .popup-icon {position: relative;left: 60px;}

          .skin-box-bd .menu-list .menu .link .popup-icon,.skin-box-bd .all-cats .link .popup-icon{margin-top: 31px;}

          .skin-box-bd .menu-list .menu-selected .link .title { color:#000;}

          .skin-box-bd .menu-list .menu-selected .link .title { background-image:url(https://img.alicdn.com/imgextra/i4/675431384/TB2exVtj3RkpuFjy1zeXXc.6FXa_!!675431384.gif); background-repeat:no-repeat; background-position:0 -70px;}

          .skin-box-bd .menu-list .menu-selected:hover .link .title {background-position:0 50px;}

          /*====導(dǎo)航彈出====*/

          .menu-popup-cats .sub-cat-hover {background: #2f2f2f;}

          .menu-popup-cats .sub-cat-hover .cat-name,.skin-box-bd .popup-content .cats-tree .cat-hd-hover .fst-cat-name { text-indent:17px;}

          .skin-box-bd .menu-list .menu-selected .link .title,.skin-box-bd .menu-list .menu .title { transition:all ease-in-out .7s; -webkit-transition:all ease-in-out .7s;}

          .tshop-pbsm-shop-nav-ch .menu-popup-cats .sub-cat-hover,.menu-popup-cats .sub-cat-hover .cat-name,.skin-box-bd .popup-content .cats-tree .cat-hd-hover,.skin-box-bd .popup-content .cats-tree .cat-hd-hover .fst-cat-name{ transition:all ease-in-out .6s; -webkit-transition:all ease-in-out .6s;}


          三:使用說明

          1. 我店鋪是基礎(chǔ)版,所以用到天貓導(dǎo)航 可能會有點改變,如果沒有的話 就忽視這條

          2. 為了方便小伙伴使用,特意把代碼做了一些簡單說明。這些說明 可以直接復(fù)制到店鋪,淘寶會自動過濾掉注釋

          3. 代碼中添加了圖片,所以最好是先把圖片傳到你自己的圖片空間 替換掉,然后再測試效果

          4. 至于如何保存代碼中的圖,應(yīng)該都會把。不會的話 就復(fù)制圖片地址 下載或者在瀏覽器打開圖片,右鍵保存圖片


          主站蜘蛛池模板: 久久一区二区三区免费| 亚洲制服丝袜一区二区三区 | 国产伦精品一区二区三区女| 激情无码亚洲一区二区三区 | 久久se精品一区精品二区国产 | 国产一区在线观看免费| 人妻久久久一区二区三区| 国产成人高清视频一区二区 | 午夜福利av无码一区二区| 高清无码一区二区在线观看吞精| 一区二区视频在线播放| 日本一区二区高清不卡| 在线|一区二区三区四区| 性色av一区二区三区夜夜嗨| 国产免费播放一区二区| 国产精品综合一区二区| 午夜性色一区二区三区免费不卡视频| 一区二区在线免费视频| 国产精品无码一区二区三区免费| 在线日产精品一区| 亚洲国产视频一区| 亚洲国产精品一区二区久久| 中文字幕日本精品一区二区三区| 色一乱一伦一区一直爽| 日美欧韩一区二去三区| 亚洲av成人一区二区三区观看在线| 亲子乱AV视频一区二区| 亚洲福利视频一区二区| 婷婷国产成人精品一区二 | 国产激情一区二区三区| 国产精品亚洲一区二区三区久久| 亚洲AV无码国产一区二区三区| 91视频国产一区| 国产在线乱子伦一区二区| 亚洲AV无码一区二区三区在线 | 国产免费av一区二区三区| 内射一区二区精品视频在线观看| 天堂一区二区三区在线观看| 在线免费视频一区| 琪琪see色原网一区二区| 久久国产午夜精品一区二区三区|