『壹』 jenkins構建項目的錯誤和原因及其解決方法
我們項目開發完之後需要構建項目發布上線時，通常會使用到jenkins構建工具，然後在使用jenkins工具構建項目時通常也會遇到一些構建錯誤問題，通常情況下，如果項目在自己本地打包時沒有問題，啟動服務時也沒有問題的情況下，可能是jenkins配置問題，需要開發人員配合本地配置項的修改完成，下面我給大家分享一下我遇到的一些構建失敗問題，注意：本篇文章講的主要是關於前端項目的構建失敗問題。
Umi自動化工程創建的react項目
從圖一中可以看出，是構建時打包命令出錯，使用了不能識別的 npm run build:prod ，該命令是前端工程項目中 package.json 包文件中的 scripts 中配置的，該案例中前端並沒有配置build:prod 這個打包命令，如圖：
這里有兩種解決辦法。
直接去jenkins 上將打包命令配置成前端包文件種配置的命令，本案例中因為沒有區分不同的開發環境，而且項目也只有master一個主分支，沒有使用環境變數來區分不同環境的打包命令，所以圖一中的問題，可以直接將jenkins裡面的打包命令配置成圖二中的打包命令 npm run build。去到jenkins 工具中，找到對應的配置項，如圖：
如果項目變得復雜，需要進行嚴格的環境區分，那麼這種情況下建議使用第二種方法，使用環境變數區分不同環境的打包命令，具體步驟如下：
去到前端項目在項目根目錄下找到包文件package.json文件，打開後，在scripts下面配置build:prod 的打包命令，如圖：
去到前端項目中的配置文件config.js中配置 APP_ENV環境變數來區分不同的環境，例如生產環境，開發環境，測試環境等，配置如下：
本文中暫時講到圖一中這種jenkins構建失敗的現象以及導致失敗的原因和針對其不同的兩種解決方法，後續再碰到其它失敗現象再補充，或者大家也可以在評論區回復各自遇到的失敗情況，歡迎留言。
『貳』 web前端配置文件的格式有哪些
*.pif為DOS環境下的可執行文件在Windows下執行時所需要的文件格式★常見的文件後綴名.ACA：Microsoft的代理使用的角色文檔.acf：系統管理配置.acm：音頻壓縮管理驅動程序,為Windows系統提供各種聲音格式的編碼和解碼功能.aif：聲音文件，支持壓縮，可以使用WindowsMediaPlayer和QuickTimePlayer播放.AIF：音頻文件，使用WindowsMediaPlayer播放.AIFC：音頻文件，使用WindowsMediaPlayer播放.AIFF：音頻文件，使用WindowsMediaPlayer播放.ani：動畫游標文件擴展名，例如動畫沙漏。.ans：ASCII字元圖形動畫文件.arc：一種較早的壓縮文件，可以使用WinZip,WinRAR,PKARC等軟體打開.arj：壓縮文件。可以使用WinZip,WinRAR,PKARC等軟體打開.asf：微軟的媒體播放器支持的視頻流，可以使用WindowsMediaPlayer播放.asp：微軟的視頻流文件，可以使用WindowsMediaPlayer打開.asp：微軟提出的ActiveServerPage,是伺服器端腳本，常用於大型網站開發，支持資料庫連接，類似PHP。可以使用VisualInterDev編寫，是目前的大熱門.asx：WindowsMedia媒體文件的快捷方式.au：是Internet中常用的聲音文件格式，多由Sun工作站創建，可使用軟體WaveformHoldandModify播放。NetscapeNavigator中的LiveAudio也可以播放.au文件.avi：一種使用MicrosoftRIFF規范的Windows多媒體文件格式，用於存儲聲音和移動的圖片.bak：備份文件，一般是被自動或是通過命令創建的輔助文件，它包含某個文件的最近一個版本，並且具有於該文件相同的文件名.basBasic：語言源程序文件，可編譯成可執行文件,目前使用Basic開發系統的是VisualBasic.bat：批處理文件，在MS-DOS中，.bat文件是可執行文件，有一系列命令構成，其中可以包含對其他程序的調用.bbs：電子告示板系統文章信息文件.bfc：Windows的公文包文件.bin：二進制文件，其用途依系統或應用而定.bmp：Bitmap點陣圖文件，這是微軟公司開發Paint的自身格式，可以被多種Windows和WindowsNT平台及許多應用程序支持，支持32位顏色，用於為Windows界面創建圖標的資源文件格式。.c：C語言源程序文件，在C語言編譯程序下編譯使用.cab：Microsoft制訂的壓縮包格式，常用於軟體的安裝程序，使用Windows自帶的實用程序，Extract.exe可以對其解壓縮，WinZip,WinRAR等都支持這種格式.cal：Windows中的日歷文件.cdf：InternetExplorer的頻道文件.cdr：CorelDraw中的一種圖形文件格式，它是所有CorelDraw應用程序中均能夠使用的一種圖形圖像文件格式.cdx：索引文件，存在於Dbase,Foxbase,Foxpro系統軟體環境下.cfg：配置文件，系統或應用軟體用於進行配置自己功能，特性的文件.chm：編譯過後的HTML文件，常用於製作幫助文件和電子文檔.clp：在Windows下剪貼板中的文件格式.cmd：用於WindowsNT/2000的批處理文件，其實與BAT文件功能相同，只是為了與DOS/Windows9x下的BAT有所區別.cmf：音效卡標準的音樂文件，FM合成器等可以回放.cnf：NetMeetting會議連接文件.cnt：聯機幫助文件目錄索引文件，通常和同名的.hlp文件一起保存.col：由AutodeskAnimator,AutodeskAnimatorPor等程序創建的一種調色板文件格式，其中存儲的是調色板中各種項目的RGB值.com：DOS可執行命令文件，一般小於64KB.cpl：控制面板擴展文件，Windows操作系統使用.cpp：C++語言源程序，非常強大的語言，在各種平台中都有相應的開發系統.crd：Windows中的卡片文件.crt：用於安全方面的證書認證文件.cur：Windows下的游標資源文件格式，可用游標編輯軟體編輯.css：Text/css文件.dat：數據文件，在應用程序中使用.dat：VCD中的圖象聲音文件，VCD播放軟體可調用，或是通過VCD機播放.dbf：資料庫文件，Foxbase,Dbase,VisualFoxPro,等資料庫處理系統所產生的資料庫文件.dcx：傳真瀏覽文檔文件.ddi：映象文件，DUP,HD,IMG等工具可.dev：設備驅動程序.dib：設備無關點陣圖文件，這是一種文件格式，其目的是為了保證用某個應用程序創建的點陣圖圖形可以被其它應用程序裝載或顯示一樣.dir：目錄文件.dll：Windows動態連接庫，幾乎無處不在，但有時由於不同版本DLL沖突會造成敗各種各樣的問踢.doc：是目前市場佔有率最高的公室軟體MicrosoftOffice中的字處理軟體Word創建的文檔.dos：Windows保留的MS-DOS的某些系統文件.dot：MicrosoftWord的文檔模板文件，通過模板可以簡化一些常用格式文檔的創建工作,而且可以內嵌VBA程序來實現某些自動化功能.drv：設備驅動程序文件，用在各種系統中.dwg：AutoCAD的圖紙文件，也是許多繪圖軟體都支持的格式，常用於共享數據.dxb：AutoCAD創建的一中圖形文件格式.dxf：圖形交換格式，一種計算機輔助設計的文件格式，最初開發用來與AutoCAD一起使用，以便於圖形文件在應用程序之間的傳遞,它以ASCII方式儲存圖形，在表現圖形的大小方面十分精確.der：Certiticate文件.dic：Txt文件.emf：由Microsoft公司開發的Windows32位擴展圖元文件格式，其總體設計目標是要彌補在MicrosoftWindows3.1(Win16)中用的*.wmf文件格式的不足,使得圖元文件更加易於使用.eps：用PostScript語言描述的一種圖形文件格式，以文本文件保存，在PostScript圖形列印機上能列印出高品質的圖形圖象，最高能表示32點陣圖形圖象.err：編譯錯誤文件，存在於Dbase,Foxbase,Foxpro系列軟體環境下.exe：可執行文件，雖然後綴名相同，但具有不同的格式和版本.exp：3DS使用的顯示卡驅動程序.exc：Txt文件.flc：AutodeskAnimator和Animatorpro的動畫文件，支持256色，最大的圖象象索是64000*64000,支持壓縮，廣泛用於動畫圖形中的動畫序列，計算機輔助設計和計算機游戲應用程序.fnd：保存的搜索結果.fon：點陣字型檔文件.for：Fortran語言程序.fot：指向字體的快捷鍵.fp：配置文件，存在於Dbase,Foxbase,Foxpro系列軟體的環境下.fpt：備注欄位文件，存在於Dbase,Foxbase,Foxpro系列軟體的環境下.frt：報表文件,存在於Dbase,Foxbase,Foxpro系列軟體的環境下.frx：報表文件,存在於Dbase,Foxbase,Foxpro系列軟體的環境下.fxp：編譯後的程序，存在於Dbase,Foxbase,Foxpro系列軟體的環境下.gif：在各種平台的各種圖形處理軟體上均能夠處理的，經過壓縮的一種圖形文件格式.grh：方正公司的圖象排版文件.grp：Windows下的程序管理器產生的組窗口文件.goc：Gocserve.gra：MSGraph.Chart.5.h：C語言源程序頭文件.hlp：Windows應用程序幫助文件.hqx：Macintosh中使用BinHex將二進制文件編碼為7位的文本文件，大多數Macintosh文件皆以.hqx出現(.bin極少使用)，在Macintosh中,可使用StuffItExpander對.hqx解碼，在Windows中可使用BinHex13解碼.ht：超級終端.htm：保存超文本描述語言的文本文件，用於描述各種各樣的網頁，使用各種瀏覽器打開.html：同.htm文件.icm：圖象配色描述文件.ico：Windows中的圖標文件，可以包含同一個圖標的多種格式，使用圖標編輯軟體創建.idf：MIDI樂器定義.idx：索引文件，存在於Dbase,Foxbase,Foxpro系列軟體的環境下.iff：文件交換格式文件，這種文件格式多用於Amiga平台,在這種平台上它幾乎可以存儲各種類型的數據，在其它平台上，IFF文件格式多用於存儲圖象和聲音文件.image：MAcintosh磁碟映象文件，常見於萍果機的FTP網點，在Macintosh中由ShrinkWrap處理.ime：Windows下的輸入法文件.img：磁碟映象文件，用HD-COPY,WinImage等工具打開後可以恢復到一張磁碟上.inc：匯編語言包含文件，類似C/C++中的.H文件.inf：Windows下的軟體安裝信息，Windows的標准安裝程序根據此文件內的安裝信息對軟體，驅動程序等進行安裝.ini：Windows中的初始化信息文件,已經用的不多了，新的應用程序將設置保存在系統的注冊表中.jar：一種壓縮文件，ARJ的新版本，不過不太流行，可以使用WinJar,Winrar等打開.jpeg：一種圖片壓縮文件,同.jpg.jpg：靜態圖象專家組制訂的靜態圖象壓縮標准，具有很高的壓縮比，使用非常廣泛，可使用PhotoShop等圖象處理軟體創建.lnk：快捷方式，這個文件指向另一個文件，開始菜單的程序文件夾下每條項目都是一個LNK文件.log：日誌文件,通常用來記錄一些事件之類.lzh：一種古老的壓縮文件，可以使用WinRAR打開.mac：Macintosh中使用的一中灰度圖形文件格式，在MacintoshPaintbrush中使用，其解析度只能是720*567.mag：圖形文件格式.mdb：MicrosoftAccess使用的資料庫格式，是非常流行的桌面資料庫.men：內存應用文件,存在於Dbase,Foxbase,Foxpro系列軟體的環境下.mid：音頻壓縮文件，曾經非常流行，不過在現在的軟體中用的很少了rle：一種壓縮過的點陣圖文件格式，RLE壓縮方案是一種極其成熟的壓縮方案，特點是無損失壓縮，既節省了磁碟空間又不損失任何圖像數據，但在打開這種壓縮文件時，要花費時間，此外，一些兼容性不太好的應用程序可能會搭不開.rm：Windows下的RealPlayer所支持的視頻壓縮文件，網上非常流行的流式視頻文件，很多實時視頻新聞等都是採用這種格式的，不過，最新的WindowsMediaVideoV8已經對其發起了強大的攻勢.rmi：MIDI音序文件.rtf：豐富文本格式文件，以純文本描述內容，能夠保存各種格式信息，可以用寫字版，Word等創建.sav：存檔文件.scp：用於Windows系統中Internet撥號用戶，自動撥號登錄用的腳本文件，可避免手動登錄時繁瑣的鍵盤輸入.scr：屏障保護文件.sct：屏幕文件.scx：屏幕文件.set：Microsoft備份集文件，用於保存要備份的內容，設置等信息.shb：指向一個文檔的快捷方式.snd：Mac聲音文件,Apple計算機公司開發的聲音文件格式，被Macintosh平台和多種Macintosh應用程序所支持，支持某些壓縮.sql：查詢文件，在Dbase,Foxbase,Foxpro系列軟體的環境下使用.svg：SVG可以算是目前最火熱的圖像文件格式了，它是基於XML由WorldWideWebConsortium聯盟開發的，SVG是可縮放的矢量圖形.svx：Amiga聲音文件，Commodore所開發的聲音文件格式，被Amiga平台和應用程序所支持，不支持壓縮.swf：flash是Micromedia公司的產品，嚴格說它是一種動畫編輯軟體，實際上它是製作出一種後綴名為.swf的動畫，這種格式的動畫能用比較小的體積來表現豐富的多媒體形式，並且還可以與HTML文件達到一種"水乳交融"的境界.swg：虛擬內存交換文件，由操作系統使用.sys：系統文件，驅動程序等，在不同的操作系統中有不同的定義
『叄』 現在前端行情怎麼樣
前端是不難，但是也不要把前端想得太簡單了，前端需要會的東西多著呢。
現在前端需要會的技能：
基礎：html5+css3+jvascript、ajax、json、es6語法等
框架：jquery、bootstrap4, (angular、vue、react 三大框架中的一中或多種)
ui框架： iview 、ionic等
webpack、node、git等
微信小程序開發，移動端APP打包等
要說難，其實也不難，只要你有恆心有信心加上不懈努力就可以了。
要說不難，其實也難，這些東西要深入了解其原理需要花不少的時間，只有把原理都搞明白了才是真的學會了。