基于微信平臺的棋牌類小程序開發(fā)

摘要隨著科學(xué)技術(shù)的不斷提高，人民的生活節(jié)奏越來越快。忙碌的人們很少有充足的空閑時間來娛樂休閑。開發(fā)中國象棋的微信小程序版本的主要目的也是為了給人們的閑暇時間里增加娛樂方式，其次是為了繼承和發(fā)揚中華傳統(tǒng)文化。此次畢業(yè)設(shè)計開發(fā)的是一款微信平臺上的中國象棋小程序。開發(fā)工具使用的是微信官方提供的微信開發(fā)者工具。實現(xiàn)的編程語言是微信的WXML(WeiXinMarkLanguage，微信標(biāo)記語言)、WXSS(WeiXinStyleSheet，微信樣式表)、js。項目素材通過Adobeillustrator和photoshop制作。項目素材上傳至騰訊云，并在小程序加載時從中獲取。游戲玩法主要是傳統(tǒng)的中國象棋玩法，在其中增加了人機對戰(zhàn)并對UI界面做了美化。用戶通過觸碰屏幕控制棋子走動，電腦會進行相應(yīng)的操作。由于微信小程序的輕便性，用戶能在零碎的時間里進行娛樂，中國象棋小程序的推出能讓更多人方便地體驗到經(jīng)典游戲的樂趣，從而起到傳播中華文化的作用。關(guān)鍵詞：中國象棋微信小程序人機對戰(zhàn)中華文化

AbstractWiththecontinuousimprovementofscienceandtechnology,people'sliferhythmbecomesfasterandfaster.Busypeopleseldomhaveenoughfreetimetoentertain.Themainpurposeofdevelopingwechatappletistoincreasetheentertainmentwayinpeople'sleisuretime,andthentoinheritanddevelopthetraditionalChineseculture.ThisgraduationprojectisaChinesechessprogramonwechatplatform.Thedevelopmenttoolfortheprogrammeisthewechatdevelopertoolprovidedbywechat.Theprogramminglanguagesimplementedarewechatwxml(wechatmarklanguage),wxss(wechatstylesheet),JS.TheprojectmaterialsareproducedbyAdobeIllustratorandPhotoshop.TheprojectmaterialisuploadedtoTencentcloudandobtainedfromitwhentheappletisloaded.Thegame’splayingmethodismainlythetraditionalChinesechessplayingmethod,theman-machinebattleisaddedintothegameandtheUIinterfaceisbeautified.Theusercontrolsthemovementofthechesspiecesbytouchingthescreen,andthecomputerwillcarryoutcorrespondingoperations.Becauseoftheportabilityofwechatapp,userscanhavefuninthefragmentarytime.TheintroductionofChinesechessappcanmakemorepeopleeasilyexperiencethefunofclassicgames,thusplayingaroleinspreadingChineseculture.Keywords:ChinesechessWechatAIbattleChineseculture目錄第一章緒論 第一章緒論1.1開發(fā)背景及意義在當(dāng)今時代，智能手機已成為我們生活中不可或缺的一部分。對于大部分當(dāng)代年輕人而言，假如離開了手機或是離開了網(wǎng)絡(luò)，他們的生活就會變得很不方便，也使得他們的生活少了許多樂趣。據(jù)工信部發(fā)布的《2018年5月份通信業(yè)經(jīng)濟運行情況》，我國三大運營商移動電話用戶總數(shù)有14.3億，在1-7月里凈增用戶9150萬戶。由此可見智能手機發(fā)展迅速且對我們生活影響深刻。其中，微信是中國排名第一的社交軟件，排在第二第三的社交應(yīng)用根本動搖不了它的地位。根據(jù)2019微信數(shù)據(jù)報告發(fā)布得知，2019年微信月活躍已經(jīng)超過11億，達11.51億，可以說是，在中國，一個擁有智能手機的人，那么他極大可能是一名微信用戶。面對微信如此龐大的用戶數(shù)量，我們開發(fā)和推廣中國象棋游戲當(dāng)然是可借助微信這一途徑。在2017年，微信低調(diào)上線了首批小程序，緊接著，又推出了風(fēng)靡一時的“跳一跳”小程序，并在微信啟動頁面進行了推薦，一瞬間讓廣大微信用戶了解到了微信小程序這一新功能。個人或者用戶能夠制作自己的小程序并上線，這對許多開發(fā)者來說無疑是一個新的機會。1.2國內(nèi)研究現(xiàn)狀中國象棋是起源于中國的一種棋戲，由于其用具簡單，趣味性強，在民間流行極為廣泛?！?】中國象棋是中華民族的文化瑰寶，具有悠久的歷史。其玩法模仿的是古代戰(zhàn)爭，旨在考驗雙方玩家的軍事策略。玩家若想獲勝，首先得熟悉象棋規(guī)則，其次得預(yù)判對手的下一步走法并做出應(yīng)對。在國內(nèi)，中國象棋深受老百姓喜愛，大街小巷中常常能夠看見一群人圍在一起研究象棋。當(dāng)然，這部分人大多是老年人，我也經(jīng)常在公園或是廣場看見他們的身影。國內(nèi)的年輕人對中國象棋的喜愛不如老一輩人，因為他們的生長環(huán)境不同，現(xiàn)在的娛樂游戲確實有許多玩法新穎、趣味性更強的游戲供年輕人們選擇。所以，中國象棋很可能就被當(dāng)代年輕人所遺忘，因此，開發(fā)一款下載輕松，界面簡潔的中國象棋小程序供大家娛樂就顯得尤為重要。1.3研究的目的研究微信小程序的目的是讓自己熟悉微信小程序的開發(fā)流程，了解微信小程序的開發(fā)環(huán)境以及微信小程序提供的API。這對以后開發(fā)微信小程序都很有幫助，由于微信在國內(nèi)的普及性，許多企業(yè)為了宣傳和推廣，都會制作自己的小程序。預(yù)先熟悉微信小程序也是給自己增添一些額外的技能。而以中國象棋作為開發(fā)項目是為了弘揚中華民族傳統(tǒng)文化，繼承中國象棋傳統(tǒng)玩法并加以創(chuàng)新，肯定能讓它重現(xiàn)光芒。開發(fā)中國象棋小程序同時也是給人們增添一點樂趣，在無聊的時候可以與電腦對戰(zhàn)一局，玩法輕松，不會讓人過度激動，還能開發(fā)智能，啟迪思維。1.3結(jié)構(gòu)總覽文章中先是介紹項目使用到的技術(shù)，包括編程語言、平面設(shè)計軟件等。然后開始介紹制作項目的思路與規(guī)劃，主要的實現(xiàn)的邏輯是怎樣的。第四章開始是具體的制作流程，素材制作部分包含了每一個UI素材的制作方法。代碼編寫部分，從小程序的幾個頁面入手，分別介紹這幾個頁面的功能是什么，代碼又是如何實現(xiàn)小程序里的功能的。小程序制作完成后是測試階段，這里用表格記錄了測試的過程和結(jié)果，項目制作過程遇到的問題也一并寫在了這里。之后是對論文的總結(jié)，說一下項目完成后的一些心得體會。再下一頁是參考文獻的列舉，文章中有標(biāo)注引用的出處都寫在了這里。最后是致謝，表達自己對老師們、同學(xué)們的感謝，說說四年大學(xué)生活的感謝。

第二章微信小程序開發(fā)的技術(shù)支持2.1微信開發(fā)者工具微信開發(fā)者工具是微信官方提供給開發(fā)者的開發(fā)工具。微信開發(fā)者工具集合了開發(fā)調(diào)試、代碼編輯、小程序的預(yù)覽及發(fā)布等一站式功能。跟大多數(shù)辦公軟件一樣，微信開發(fā)者工具有啟動頁、菜單欄、工具欄等，結(jié)構(gòu)與功能也是大同小異。對于有使用電腦經(jīng)驗的人來說，操作微信開發(fā)者工具并不是一件難事。2.2小程序與網(wǎng)頁開發(fā)的區(qū)別小程序開發(fā)與普通的網(wǎng)頁開發(fā)非常相似，這使得以前的前端工程師能夠很容易轉(zhuǎn)型到微信小程序開發(fā)。雖然二者非常相似，但它們之間還是有些許區(qū)別的。在網(wǎng)頁開發(fā)中，渲染線程和腳本線程是互斥的，在小程序中則是分開的。網(wǎng)頁開發(fā)能使用DOM對象對DOM中的元素選擇和操作，而由于小程序邏輯層和渲染層是分開的，相比較而言就會少了相關(guān)的DOMAPI。【2】2.3小程序代碼構(gòu)成一個小程序項目由4種不同類型的文件構(gòu)成，分別是JSON配置文件、WXML模板文件、WXSS樣式文件和JS腳本邏輯文件。其中JSON并不是編程語言而是一種數(shù)據(jù)格式，用于配置工具、項目或者是頁面的屬性。WXML則跟網(wǎng)頁編程中的HTML非常相似，它們都是用于描述當(dāng)前頁面的結(jié)構(gòu)的。稍有不同的是WXML中標(biāo)簽名字于HTML中的不一樣以及WXML中增加了一下wx:屬性。WXSS跟CSS同為樣式文件，WXSS擁有CSS大部分的特性，同時也進行了一些擴充和改變。最后一個文件，JS文件，一個頁面想要實現(xiàn)動態(tài)響應(yīng)用戶操作靠的就是它了。JS文件能夠動態(tài)地改變數(shù)據(jù)變量、樣式屬性等等。在JS文件中有一個Page對象，它作為一個頁面構(gòu)造器，將其中的data數(shù)據(jù)和WXML一起渲染出頁面，就得到了我們使用的小程序的每一個頁面。2.4HTML介紹HTML是一種標(biāo)記性語言，由Web的發(fā)明者TimBerners-Lee和同事DanielW.Connolly創(chuàng)立于1990年，英文全稱是HyperTextMarkedLanguage，中文翻譯為超文本標(biāo)記語言?！?】HTML使用標(biāo)簽來描述一個頁面，瀏覽器通過解釋HTML文檔渲染成我們?yōu)g覽的頁面。HTML其實就是一種文本格式，我們可以使用任何的文本編輯器來修改其中的代碼。以下引用的一段文字能夠很清楚的說明萬維網(wǎng)（worldwideweb）上的一些概念，便于我們更好地使用HTML。萬維網(wǎng)（worldwideweb）上的一個超媒體文檔稱之為一個頁面（外語：page）。作為一個組織或者個人在萬維網(wǎng)上放置開始點的頁面稱為主頁（外語：Homepage）或首頁，主頁中通常包括有指向其他相關(guān)頁面或其他節(jié)點的指針（超級鏈接），所謂超級鏈接，就是一種統(tǒng)一資源定位器（UniformResourceLocator，外語縮寫：URL）指針，通過激活（點擊）它，可使瀏覽器方便地獲取新的網(wǎng)頁。這也是HTML獲得廣泛應(yīng)用的最重要的原因之一。在邏輯上將視為一個整體的一系列頁面的有機集合稱為網(wǎng)站（Website或Site）。超級文本標(biāo)記語言（英文縮寫：HTML）是為“網(wǎng)頁創(chuàng)建和其它可在網(wǎng)頁瀏覽器中看到的信息”設(shè)計的一種標(biāo)記語言?！?】小程序中的WXML跟HTML非常接近，同為描述頁面結(jié)構(gòu)的標(biāo)記語言，進行過網(wǎng)頁前端開發(fā)的我來設(shè)計小程序的頁面不會很難。2.5CSS介紹CSS,英文全稱：CascadingStyleSheets,是一種用來表現(xiàn)HTML等文件的樣式的計算機語言。假如把HTML比喻成骨架，那么CSS就像是骨架之外的皮膚。CSS能夠HTML元素的外觀，包括顏色、邊框、邊距等等。通過一種“選擇器{屬性:屬性值}”的格式即可實現(xiàn)元素外觀的改變，有了CSS，我們的頁面才不再單調(diào)，更具個性。小程序中，WXSS在CSS基礎(chǔ)上進行了擴充，例如尺寸單位等，其余基本上直接使用CSS編寫小程序的樣式文件即可。2.6JavaScript介紹JavaScript（簡稱“JS”）是一種具有函數(shù)優(yōu)先的輕量級，解釋型或即時編譯型的編程語言。雖然它是作為開發(fā)Web頁面的腳本語言而出名的，但是它也被用到了很多非瀏覽器環(huán)境中，JavaScript基于原型編程、多范式的動態(tài)腳本語言，并且支持面向?qū)ο?、命令式和聲明式（如函?shù)式編程）風(fēng)格?！?】JavaScript由下圖1三部分組成：圖2-1JavaScript的組成部分ECMAScript,描述了該語言的語法和基本對象。文檔對象模型（DOM），描述處理網(wǎng)頁內(nèi)容的方法和接口。瀏覽器對象模型（BOM），描述與瀏覽器進行交互的方法和接口。【6】通過JavaScript，我們能夠?qū)τ脩羰录鞒鱿鄳?yīng)，能夠動態(tài)改變網(wǎng)頁瀏覽效果。在小程序中，我們通過JS文件來添加事件的相應(yīng)方法，還可以在其中調(diào)用小程序提供的API，來豐富用戶的頁面操控感。2.7其他技術(shù)支持本次的中國象棋小程序開發(fā)，需要用到許多圖片素材，像是棋子圖片、棋盤圖片、背景、UI圖標(biāo)等等。這些素材是由Abobeillustrator和Photoshop制作而成的。音樂和音效素材是從網(wǎng)上搜集的。

第三章小程序制作規(guī)劃和分析3.1小程序可行性分析（1）技術(shù)可行性制作小程序需要掌握HTML、CSS、JS三種語言，我在大二時學(xué)習(xí)過web前端開發(fā)，所以對這三種語言都算熟悉，開發(fā)小程序應(yīng)該是不成問題的。不過考慮到制作的是中國象棋，難點在于走棋規(guī)則的實現(xiàn)和電腦對戰(zhàn)代碼的編寫，這個方面要預(yù)先構(gòu)思好。（2）經(jīng)濟可行性制作一款小程序需要一臺PC，一臺移動電話，服務(wù)器采用的是騰訊云提供的云開發(fā)服務(wù)，可從云下載圖片和上傳數(shù)據(jù)。目前來說這些設(shè)備都齊全，對于開發(fā)應(yīng)該沒什么問題。3.2小程序制作規(guī)劃（1）制作前設(shè)想制作前首先要查找現(xiàn)有的小程序例子，了解當(dāng)前行業(yè)環(huán)境如何，也可以從他人的作品中得到靈感。我這里找到的有天天象棋和途游五子棋兩個小程序參考案例。首先，在小程序啟動時要有一個加載頁面，在這頁面上標(biāo)有“正在加載中……”類似字樣。加載完成后，用戶進入的是主頁面，主頁面配備三個或以上的按鈕，按鈕主要實現(xiàn)開始游戲和設(shè)置等功能。點擊開始游戲進入二級界面，選擇對戰(zhàn)模式，暫定默認(rèn)為人機對戰(zhàn)。點擊人機對戰(zhàn)進入游戲，進入此頁面時出現(xiàn)有棋盤，玩家需再次點擊“開始對局”方可布置上棋子并開始游戲。此頁面配備的按鈕有悔棋鍵和后退鍵。（2）具體制作思路具體的游戲玩法通過小程序里的canvas組件來完成。在canvas上綁定點擊事件，當(dāng)用戶點擊時，判斷點擊的位置處于畫布中的哪個位置。然后判斷此位置上是否有棋子，有棋子：表示用戶可能是想選中棋子或是在選中棋子的狀態(tài)下進行吃子的操作；無棋子：表示用戶可能是想在選中棋子的狀態(tài)下進行移動棋子或是點空（亂點）。分布對以上兩種情況進行處理，選中棋子：改變被選中棋子的透明度并繪制出提示點，然后重繪canvas上下文內(nèi)容。吃子：刪除被吃棋子在數(shù)組中的位置，移動選中棋子的位置，然后重繪canvas上下文內(nèi)容。移動：跟上述操作類似。點空：提示用戶不能將棋子移動到當(dāng)前點擊的位置。以上說明了玩法的實現(xiàn)思路，即整個游戲的核心，具體的實現(xiàn)過程會在下面的章節(jié)詳細(xì)敘述。3.3小程序的功能說明1、小程序每個功能都要描述清楚人機對戰(zhàn)功能，玩家對戰(zhàn)功能，單人模式，難度選擇等2、對弈數(shù)據(jù)怎么存儲的，數(shù)據(jù)庫的設(shè)計1、小程序每個功能都要描述清楚人機對戰(zhàn)功能，玩家對戰(zhàn)功能，單人模式，難度選擇等2、對弈數(shù)據(jù)怎么存儲的，數(shù)據(jù)庫的設(shè)計中國象棋小程序要實現(xiàn)獲取用戶信息、人機對弈、靜音、悔棋等功能。當(dāng)前棋局的數(shù)據(jù)存儲在一個二維數(shù)組里面。圖3-1小程序界面導(dǎo)航圖人機對戰(zhàn)功能：通過alphabeta算法讓程序扮演玩家來操作棋子，實現(xiàn)人機對戰(zhàn)功能人機對戰(zhàn)的難度選擇：通過改變alphabeta算法的搜索深度實現(xiàn)悔棋：實現(xiàn)下棋的悔棋功能。靜音：點擊可切換音樂播放與否的狀態(tài)。后退：點擊后可返回至主頁面（彈框讓用戶確認(rèn)）。

第四章小程序的實現(xiàn)過程實現(xiàn)過程前加一章：小程序系統(tǒng)設(shè)計每個功能的算法流程圖制作包括：1、藝術(shù)制作，技術(shù)制作實現(xiàn)過程前加一章：小程序系統(tǒng)設(shè)計每個功能的算法流程圖制作包括：1、藝術(shù)制作，技術(shù)制作4.1制作UI素材使用Adobeillustrator和Photoshop制作小程序的LOGO，用于加載頁面的顯示4.1.1設(shè)計思路與過程簡述小程序的設(shè)計主題是中國象棋，LOGO就要有代表中國象棋的元素，讓玩家一目了然。剛開始的思路是制作一枚很精致、立體感很強的“象”棋子?？墒怯捎诶L制技術(shù)有限，繪制效果并不理想，于是改變思路制作了一枚平面化、簡約的棋子作為LOGO。LOGO制作完成后，開始小程序背景制作。制作的背景是一種扁平化的插畫風(fēng)景圖，雖然細(xì)節(jié)不多，不過給人的視覺效果很不錯。接下來就是棋盤的制作了，棋盤的制作比較講究，做出的效果也非常逼真，細(xì)看會觀察到它具有真實棋盤所有的紋理和光影。完成棋盤后，就到了棋子的制作了。棋子的制作風(fēng)格同樣是偏向平面的，棋子配色采用黑白兩種顏色，為了增強棋子立體感也給它們添加了投影效果。最后到了小程序中UI圖標(biāo)的制作，為了保持整體，UI圖標(biāo)配色采用的是同類配色，而為了豐富效果，使用的是漸變填充色。4.1.2具體制作過程棋盤的制作：首先在AI中繪制出棋盤格，10行9列，注意間隔距離要保持相等，而且楚河漢界的位置也要注意留出。利用AI中的直線工具將皇宮格的兩條斜線拉出來，將皇宮格區(qū)域作出區(qū)分。同樣是利用直線工具或是矩形工具，標(biāo)記出兵位和炮位，制作方法很多，能做出效果即可，需要注意的一點的標(biāo)志跟棋盤的比例是否美觀。棋格繪制完成后，再給它加一個粗一點的外邊框。接著在楚河漢界位置用行楷字體寫上“楚河漢界”，位置調(diào)整到合適。然后是棋盤的紋理制作，此步驟利用Photoshop完成，在網(wǎng)上找一張木頭質(zhì)感的紋理素材，在PS中用涂抹工具將其弱化，使其木紋不要太顯眼。然后使用調(diào)整圖層調(diào)整一下色調(diào)和亮度等等，然后是做出光效，用畫筆工具，選擇顏色為白色，筆尖選擇柔邊，透明度和流量自行調(diào)整合適，在素材上點上幾筆，效果完成。紋理素材完成后導(dǎo)入到AI繼續(xù)其他步驟，在AI中繪制一個矩形邊框作為棋盤的高光，使用圖層模式將高光框疊加在棋盤上面。然后給棋盤添加一個描邊以突出棋盤，最后給棋盤加個厚度（畫個矩形移動至底層實現(xiàn)），添加投影效果，棋盤制作完成，成品如下圖。圖4-1棋盤成品圖棋子的制作：在AI中，將兩個圓形疊在一起（一大一小，一個填充，另一個僅填充描邊），然后將文字轉(zhuǎn)曲并添加外發(fā)光效果，其他類型的棋子也是同樣的制作方法。棋子素材制作完成。UI圖標(biāo)制作：“設(shè)置”圖標(biāo)：跟大多數(shù)的游戲的設(shè)置圖標(biāo)一樣，我想制作的設(shè)置圖標(biāo)是一個齒輪的形狀。在AI中，創(chuàng)建一個圓形，僅填充描邊，描邊大小調(diào)整至合適，將此圖形輪廓化描邊。創(chuàng)建一個矩形，比例調(diào)整合適，移動到圓邊上面，使用旋轉(zhuǎn)工具，移動旋轉(zhuǎn)中心到圓邊中點，復(fù)制，旋轉(zhuǎn)角度為30°，Ctrl+D重復(fù)以上步驟，設(shè)置圖標(biāo)就制作好了?！胺窒怼眻D標(biāo)：用一個矩形和三角形并湊成一個箭頭的形狀，再利用轉(zhuǎn)換的工具將一些線拉成彎的，同時將一些錨點去除，再給箭頭加上一點圓角，分享圖標(biāo)制作完成?！翱头眻D標(biāo)：目標(biāo)樣子是一個帶著耳機的人形頭像。在AI中繪制一個圓，使用選擇工具通過調(diào)整錨點使得整個圓變橢一點，讓它整體看起來像個頭形。接下來同樣的方法繪制另一個圓作為身體上半部分。然后是耳機部分，用矩形加圓角制作耳機的耳墊，圓形減半加描邊用作耳機帶，加制作的元素拼湊在一起，此時，客服圖標(biāo)已制作完成。其余素材像是按鈕、小程序LOGO等皆是通過AI變換相應(yīng)的形狀加漸變填充制作而成的，在此就不做過多的贅述了。以下是所有素材的集合圖。圖4-2UI素材總覽背景制作：背景制作是UI素材制作中比較重要的一環(huán)，一個游戲的背景直接影響整個游戲的風(fēng)格和對玩家的感覺。目前大多數(shù)中國象棋類的游戲使用的是中國傳統(tǒng)文化作為游戲的風(fēng)格，像是書法、水墨之類的?？墒俏业闹谱魉接邢?，制作水墨風(fēng)格沒什么經(jīng)驗，所以背景的制作選擇的是平面的插畫風(fēng)格，參考了網(wǎng)上的一些教程[]，根據(jù)自己的思想進行了一些改進制作成的。制作過程主要是選區(qū)偏紫和偏藍兩種顏色作為主要的漸變色，調(diào)整漸變的不透明度和漸變程度，繪制一個矩形，用此顏色作為填充，此矩形即為我們的背景，看上去會有一種太陽快下山了的感覺。然后繪制幾棵樹，樹繪制方法是用圓形和矩形完成，具體按照個人喜好調(diào)整，沒有過多限制，不過顏色方面選擇同類色，整個畫面看上去會比較整體。緊接著繪制一個月亮，月亮在畫面中就是一個白色漸變填充的圓形，調(diào)整一下不透明度，為其添加外發(fā)光效果使其更像一個月亮。為了搭配月亮，也為了豐富我們的天空，給天空增加一些星星。星星通過散點畫筆完成，而不是一個一個的圓復(fù)制而成的，給星星添加疊加的圖層模式使其融入星空。再畫幾顆流星增加畫面氛圍，直線工具繪制直線，改一下寬度配置為頭大尾小的類型，漸變填充（白色到透明度為10%的白色），同樣是疊加的圖層模式，流星繪制完成。大地的繪制是兩個橢圓，自行調(diào)整形狀，使用剪貼蒙版遮蓋不必要的部分，調(diào)整好顏色，整體的畫面就制作完成了。下面是背景的完成圖?！?】圖4-3背景素材UI素材部分制作就差不多了，項目需要用到的圖片素材都齊全了，有特殊需要時可再繼續(xù)制作，接下來就是編程部分了。4．2編寫代碼上文中有提到過，html是我們頁面的骨架，那么我們就先把我們的骨架搭建好，這里我們先是制作一個loading頁面，也就是加載頁面，有了這個頁面能夠給用戶一種等候時的期待感。4.2.1Loading頁面：編寫一個<view>，為其分類為container，即作為此頁面的容器。在wxss中添加樣式——height:100vh;width:100vw;background：#faf8ee；實現(xiàn)加載頁面的動畫效果的思路是：在container中分別有四個<text>，在<text>中加入屬性class='{{current

==

0

?

"sct":

""}}'，current總共有四個值，假如current為0，則第一個<text>的類為"sct"，否則為空。如果類為"sct"，那么當(dāng)前<text>擁有屬性background-color:

#ccc，顯示為深灰色。靜態(tài)配置就設(shè)置完成了，核心在于小程序提供的數(shù)據(jù)綁定功能，在wxjs中定義一個計時器，每0.4秒執(zhí)行一種回調(diào)函數(shù)，回調(diào)函數(shù)中的setData可以定時將current值+1，從而實現(xiàn)動態(tài)改變渲染層上current的值，loading頁面的動畫效果就實現(xiàn)了。然后在其中加入一個<image>組件放置我之前做好的LOGO圖標(biāo)素材，最后，在定時器定夠足夠時間后就調(diào)用小程序的接口頁面跳轉(zhuǎn)以實現(xiàn)轉(zhuǎn)換頁面，這樣基本的loading頁面制作完成。4.2.2Begin頁面：Begin頁面是用戶等待加載完成后進入的頁面，也就是我們玩游戲時的主界面。在此頁面中有4個按鈕和4個功能選項，點擊“開始游戲”按鈕進入游戲頁面。同樣的在此頁面加入一個container類的<view>用作裝載頁面的元素，注意這個處于最外面的容器要用display：flex屬性來布局，這樣的布局會順利許多。再寫一個小<view>用于承載一個<image>組件，這個<image>就是Begin頁面的背景圖。然后是添加四個<button>組件，為了實現(xiàn)按鈕的美化，在<button>中加入<image>,用到的是之前制作的素材。這里需要注意一下<image>默認(rèn)是加載一張原像素的圖片文件，這里要設(shè)置一下寬度屬性并且<image>組件也要加上屬性widthFix，以保持寬度并自動調(diào)整高度。按鈕制作完成后我發(fā)現(xiàn)了一個問題，就是按鈕受到用戶點擊時沒什么變化，這里我想實現(xiàn)一個按鈕被按下時會縮小的效果。參考了網(wǎng)上的一些資料，得知實現(xiàn)此效果也是要用的小程序中的數(shù)據(jù)綁定。首先，給按鈕綁定一個點擊事件并給事件加一個事件處理函數(shù)，然后，按鈕的大小屬性需要寫成是數(shù)據(jù)綁定格式的，也就是這種——“{{}}”。于是，在事件處理函數(shù)中我們就可以改變按鈕的屬性了，那么，按下按鈕的效果也就完成了。不過此時會出現(xiàn)一個問題，按鈕被按下時，大小是改變了，不過緊跟在后面的塊級元素也跟著動了位置。思考了一下，想出了解決方案，在<button>外加一個固定大小的<view>就可以了，此問題也得到了解決，按鈕制作算是告一段落。然后是UI選項的制作，這項制作起來不算難，不過在html布局上面倒是走了不少彎路，比如元素不居中、元素重疊在一起等等。而這些問題后來通過使用display:flex布局也算是解決了?？偟膩碚f，Begin頁面也制作完成了，下面想著重介紹一個知識點，display:flex，個人心得，這個屬性真的挺重要的。4.2.3Cssdisplay：flex在這個屬性中，flex是flexible的縮寫，意思是靈活的，這種布局也被叫作彈性布局。下面引用一張圖（圖4-4）來幫助我說明這種容器屬性。[]圖4-4上圖說明了，在flex布局中有一條水平主軸和一條垂直主軸，圖中也標(biāo)記了主軸開始的位置與結(jié)束的位置，都是處在容器的邊界。flexitem即為容器中的元素。flex有六個屬性，配合使用這些屬性就能很靈活地給頁面進行布局。接下來介紹一下這些屬性?！?】1.flex-direction從字面上理解這個屬性就是設(shè)置方向的意思，通過設(shè)置這個屬性能夠調(diào)整容器內(nèi)元素沿著哪一條主軸排列。比如flex-direction:row，就是讓容器內(nèi)元素沿著水平主軸來排列，如下圖。圖4-5flex-container同樣的，flex-direction:column即是讓容器內(nèi)的元素沿著水平主軸排列。而flex:direction:row/column-reverse則是將元素的排列順序調(diào)轉(zhuǎn)。有了這個屬性，我們就可以隨心所欲而又有規(guī)律地布局我們的頁面了。2.flex-wrap控制彈性布局容器內(nèi)的元素?fù)Q行與否，默認(rèn)值為不換行，即我寫兩個div，它們會在同一行內(nèi)。3.flex-flow是以上兩種屬性的綜合，也就是簡寫屬性，比如寫成“rownowrap”4.justify-content從英文譯為中文就是對齊內(nèi)容的意思。當(dāng)此屬性值為center，元素在主軸上居中排列；當(dāng)屬性值為flex：start，那么就是從圖中的start點開始排列；當(dāng)屬性值為flex：end則是從end點開始排列。當(dāng)屬性值為space-between,元素時從主軸的兩端往中間排列。屬性值space-around使得每個元素兩側(cè)的間隔相等。

5.align-itemsalign-items用于元素在當(dāng)前頁面上橫軸或是縱軸方向的對齊。如下圖即是元素在縱軸上低=底對齊。圖4-66.align-content該屬性定義的是容器內(nèi)有多根軸線時的對齊方式，在我上圖的圖例都是只有一根軸線的，所以該屬性在上面的情況是不起作用的。4.2.4Index頁面index頁面是我定義為進行游戲的頁面，由begin頁面轉(zhuǎn)入。這個頁面的js代碼是整個游戲的核心，一共有1100多行。當(dāng)然，這些代碼也不是我自己憑空而寫的，參考了一個html5的象棋游戲，再將其代碼轉(zhuǎn)化成小程序并進行改進的。在這個js文件里面有三個大類，分別是com類、play類和AI類。Com類控制一些基本的走棋規(guī)則，資源路徑等。play類用于控制棋子的走動。AI類是與電腦對戰(zhàn)時的人工智能算法。主要的實現(xiàn)邏輯是，在棋盤上建立一個二維坐標(biāo)系，左上角的“車”位為（0,0），往右走，x軸坐標(biāo)增加，外下走，y軸坐標(biāo)增加。這樣，棋盤上的每一個可走的位置就都定義好了，然后是將這些坐標(biāo)存在一個二維數(shù)組里面。當(dāng)用戶點擊畫布時，給事件綁定一個判斷點擊位置的方法，再將點擊的位置轉(zhuǎn)化為棋子的坐標(biāo)位置（x,y）,如此一來就可以讓用戶控制到棋子了。Canvas要在用戶每次點擊時更新畫布內(nèi)容，這樣才能讓整個游戲“動”起來。下圖的二維數(shù)組就是用來記錄每個棋子的位置的。其中的首寫字母是棋子類型的縮寫，比如大寫的’C0’代表的是敵方的第一個車，而‘c1’代表的是我方的第二個車。圖4-7存儲棋子位置的二維數(shù)組當(dāng)棋子位置變動時，就改變其在二維數(shù)組中的位置。走棋規(guī)則的實現(xiàn)：走棋規(guī)則，就是要限制棋子可以走的位置。比如“車”，這類棋子能走x軸或y軸上的空位和非友方位。實現(xiàn)這種限制的寫法就是，先判斷棋子類型和陣營，然后往其可走的方向檢索，如果是空或是有敵方棋子在此位置，則可將此位置的坐標(biāo)加入要返回的數(shù)組當(dāng)中，這個數(shù)組就是棋子可走位置的集合。以下是“車”的左方向檢測是否可走的寫法，其它方向也是以此類推。圖4-8“馬”的走棋規(guī)則：首先，馬在象棋中能走上、下、左、右四個方向每個方向各兩個點的位置，前提是其所走的方向的第一個直線位置不能有棋子阻擋著。如下面我制作的解釋圖，在“馬”所要走的前方，紅色的叉處不能有棋子，它才可以走到該方向的綠色點出。圖4-9馬的走棋規(guī)則實現(xiàn)的寫法同樣是對各個方向進行檢查，它比“車”要多一個阻擋棋子的判斷，然后還是要走的位置上為空或為敵方棋子則可以將該位置存入可走的數(shù)組，返回給我們的棋子?！跋唷钡淖咂逡?guī)則：相跟馬的走棋規(guī)則寫法上比較相似，同樣是所走方向上不能有棋子阻擋。“相”走的是45°方向，不過“相”只能在己方陣地走，不能過河進攻，這是跟“馬”的一個區(qū)別。“士”的走棋規(guī)則：士只能在皇宮格能移動，移動也只能按45°方向移，這里寫法上就要給士的x、y范圍做一個限制，限制在皇宮區(qū)域即可，同樣，還是要所走的位置要是空或是有敵方棋子才可走動?！皩ⅰ钡淖咂逡?guī)則：將跟士又很類似了，它們都只能在皇宮格內(nèi)移動，士是用來保護將的。將能走的方向是上、下、左、右，這點跟“車”很像，不過“將”是每次只能夠移動一格的。“炮”的走棋規(guī)則：炮在走棋規(guī)則上的寫法就要難一點了。玩過中國象棋的人都知道，炮是隔著一個棋子進行吃子的，無其他棋子阻隔時能像“車”一樣移動。“炮”的移動方向也是十字方向，在寫法上面加入一個變量n來記錄“炮”在當(dāng)前方向上阻擋的棋子數(shù)。當(dāng)n不為0了，在此也就是n為1且此方向上有一個敵方棋子，那么將此位置加入到可走的數(shù)組里，然后break跳出循環(huán)。假如n=1（阻擋位已有棋子），但此方向上先是有一個己方棋子再有敵方棋子，這種情況是不會影響的，因為在n=1時，只判斷一次，有可吃子的位置就加入數(shù)組，沒有則跳出循環(huán)，以下是單個方向上的判斷代碼,其他方向也是同樣的實現(xiàn)原理。圖4-10“炮”的走棋規(guī)則代碼

“卒”的走棋規(guī)則：“卒”的寫法就比較簡單，在中國象棋中，“卒”是在過河前只能往前走，不能往后退，在過河之后能往前、往左、往右三個方向走，而且每次移動只能移動一個格子。那么，我們只需要在寫法上“卒”的往右或往左走寫上一個y的限制即可實現(xiàn)。Play對象是用于給用戶操作棋子的，操作棋子的方法都寫在這里面。下面是用戶點擊了畫布的一個處理流程圖。圖4-11用戶點擊事件處理流程圖要改變棋子位置需要做兩個操作，一是改變棋子集合中棋子的坐標(biāo)屬性，二是改變當(dāng)前的地圖數(shù)組（上文提到過的二維數(shù)組）?；谄骞δ艿膶崿F(xiàn)：悔棋功能在許多棋類游戲都是帶有的，這功能夠提升到玩家的體驗。實現(xiàn)的邏輯是，在初始化時，定義一個用于存儲走棋記錄的數(shù)組。那么走棋記錄是如何被記錄進去的呢？這里涉及到了棋盤坐標(biāo)，比如說，“車”從（0,0）位移動到了（0,1）位，也就是向前走了一個，那么我們將走棋記錄為0001，前兩個數(shù)字代表著舊位置的坐標(biāo)，后兩個數(shù)字代表新位置的坐標(biāo)。點擊悔棋按鈕時，將數(shù)組最外的兩個值移出去，即己方最新的走棋記錄與敵方最新的走棋記錄。移出去之后，初始化一下棋子地圖，然后按走棋記錄數(shù)組重新走一遍棋子，從而實現(xiàn)悔棋。當(dāng)然這種算法可能越到后面計算越復(fù)雜，但這也是我目前的實現(xiàn)方法。以下是悔棋功能的部分代碼。

圖4-12實現(xiàn)悔棋功能的部分代碼人工智能實現(xiàn)：人機對戰(zhàn)是在這整個項目中最具難度的代碼，我也是參照著一個html的象棋游戲?qū)懗龅拇a。剛開始看這部分的代碼時看得一頭霧水，加上自己本身邏輯思維較差，上網(wǎng)查了許多資料才勉強弄懂。在查資料的過程中還見識到了一個新概念：極大極小算法。這是一種許多人機對戰(zhàn)都會涉及到的子算法，我的理解不夠透徹，但用我的話語來說就是預(yù)測棋局的下幾步，并選擇對自己最有利的走法，也是對對手最不利的走法。比如，在一場“井字棋”對戰(zhàn)中，剛開始我面對的是空棋盤（也是根節(jié)點），然后下一步是對手走棋（第一層），我們要在對手走棋后進行應(yīng)對（第二層），如此循環(huán)下去直至到葉子節(jié)點。因為是“井字棋”，所以能將預(yù)測圖都列出來，如果是每一步大概有35種著法的國際象棋，那么在層數(shù)大于6后計算量將會變得非常龐大，以至于計算時間變長。具體實現(xiàn)：AI走棋，我們先要獲取到當(dāng)前己方的所有棋子，然后獲取這些棋子所有合理的著法。接著是將這些著法都走一遍，此時，對手也遞歸調(diào)用以上方法，調(diào)用到層數(shù)為0時（遞歸到根），則執(zhí)行局面評價函數(shù)，評價當(dāng)前局面并給出數(shù)值，取數(shù)值最高作為最佳著法。然后讓AI調(diào)用下子方法完成走棋操作。下面是AI類執(zhí)行的一個流程圖，交換雙方的過程為搜索深度。圖4-13AI類運行流程圖

第五章小程序的功能測試5.1測試環(huán)境CPU：IntelCorei7-4720HQGPU：NividaGTX950MRAM：8GROM：WD10JUCTOS：Windows1064bit5.2登入測試測試界面輸入預(yù)期結(jié)果實測結(jié)果狀態(tài)Loading通過Begin開始游戲跳轉(zhuǎn)頁面跳轉(zhuǎn)頁面通過Index開始對局棋子展示棋子展示通過5.2游戲測試游戲功能測試輸入預(yù)期結(jié)果實測結(jié)果狀態(tài)選擇棋子正常正常通過移動棋子正常正常通過吃子操作正常正常通過將軍判斷正常正常通過

5.3問題總結(jié)遇到的問題影響解決辦法完成結(jié)果狀態(tài)Canvas繪圖時出現(xiàn)了異步繪圖造成用戶點擊后棋子位置還未更新的問題轉(zhuǎn)換繪圖順序完成通過Js文件整合問題導(dǎo)致一個文件內(nèi)容過多，更改工作變得繁瑣利用微信小程序的模塊化導(dǎo)出未完成保持一個Js文件圖片路徑書寫錯誤導(dǎo)致小程序控制臺報錯，模擬器無顯示更改為正確的圖片路徑格式完成通過走棋規(guī)則的實現(xiàn)棋子可以無視規(guī)則在棋盤上任意走動參考網(wǎng)絡(luò)上的代碼并在草稿上自己走一遍完成通過小程序中頁面的布局問題布局上出現(xiàn)排版錯亂，影響美觀利用display：flex進行布局完成通過獲取不了用戶信息無法在游戲中設(shè)置用戶頭像、昵稱等利用小程序的新接口：通過按鈕獲取用戶信息完成通過在不同設(shè)備上出現(xiàn)頁面變形致使整個頁面變形，布局錯亂使用小程序里的rpx自適應(yīng)單位調(diào)整完成通過上面所列舉的是在實現(xiàn)項目的過程中遇到比較有代表性的一些問題，在制作過程中其實有很多問題在網(wǎng)上是很難找到合適的答案的，這也讓我認(rèn)識到能力不足去獨立開發(fā)的弊端。假如有老師帶領(lǐng)去完整地去完成一個項目會讓學(xué)生更明白一點，我們專業(yè)好像就是缺少了一門整合所有知識的課程。5.4測試結(jié)果圖4-14小程序運行結(jié)果圖上圖是小程序的完成結(jié)果，能夠看到棋子能在棋盤上擺開，游戲經(jīng)過測試證明也能夠正常運行，選中棋子也會有選中狀態(tài)和走棋提示，總的來說正常運行。第六章論文總結(jié)這次的項目花了斷斷續(xù)續(xù)兩個多月的時間去完成，在這段時間里我不斷地在網(wǎng)上查找與項目有關(guān)的各種各樣的內(nèi)容，重新學(xué)習(xí)了一次JavaScript，也對微信開發(fā)有了新的認(rèn)識。通過這次完整程序的代碼編寫，我才知道，我們平時所用的軟件、玩的游戲，是由多少個邏輯才能完成的，這其中真的需要一個團隊很大的工作量。在這其中，我對項目中最滿意的部分就是自己制作的素材了，通過對素材的制作，我對平面軟件的熟練度有了新的提升，而且這也是自己感興趣的部分。另一方面，在編程上，我的技術(shù)就稍有欠缺，因為編程會涉及到很多概念，你必須將每一個概念弄懂才能獨立編出你自己的程序。不過，當(dāng)你能用代碼編出自己想要的效果時，那也是很讓人高興的。在畢業(yè)設(shè)計完成的過程中也經(jīng)常感覺到迷茫，不知道自己未來該往哪個方向走，因為在大學(xué)里學(xué)的知識實在是太少了。在大一大二期間就應(yīng)該有一個對未來的規(guī)劃但我那時卻跟大多數(shù)同學(xué)一樣都在享受著大學(xué)生活?，F(xiàn)在只能抓緊時間去提升自己的專業(yè)技能了。這期間碰上了國內(nèi)發(fā)生疫情，長時間居家的生活也讓人十分懶散，對生活也會很迷茫，不過也是在這段時間里，我也學(xué)到了很多的知識，提升到了自我的綜合能力。最后，這次畢業(yè)項目的完成讓我的專業(yè)能力變得更扎實，在此過程中也鍛煉了自己的實踐能力，當(dāng)然，還有許多不足的地方需要在以后的學(xué)習(xí)中慢慢改進。

參考文獻論文結(jié)束需要總結(jié)論文結(jié)束需要總結(jié)小小鈺.中國象棋的起源（二）[Z].,2006-07.微信官方.小程序與普通網(wǎng)頁開發(fā)的區(qū)別[Z].,2016.張季謙，仲志平，王再見編著．網(wǎng)頁設(shè)計與制作第2版[M],2017-01.CameronBarrows.TheconstructionofaqueerrhizomatichermeneuticsthroughanexplorationofDennisCooper'sHTMLnovels[J]，2019.Mozilla官網(wǎng)．2018-6-20希賽網(wǎng).JS學(xué)習(xí)之三[Z],2014-07.紫兒妖姬.夜景插畫教程[Z],2018.青春時光.前端布局神器display：flex[Z]./qingchunshiguang/p/8011103.html,2017-12JulianMBucknall.UnderstandingTheMinimaxAlgorithm[Z],/blog/univasity-1170222,2011-09

致謝首先感謝在廣東東軟學(xué)院用心教導(dǎo)過我的老師們，到現(xiàn)在為止還讓我印象深刻的有幾位老師：李晶老師、魏菊霞老師和吳志達老師，這幾位老師教授學(xué)生時非常用心，課程內(nèi)容也很充分，在輕松的課堂氛圍下也讓我學(xué)到了很多東西。然后要感謝我的指導(dǎo)老師對我論文的指導(dǎo)，有您的指導(dǎo)我才能發(fā)現(xiàn)我項目的不足之處。大學(xué)四年的時間過得非?？?，以至于我感覺現(xiàn)在還只是停留在大二、大三的階段。在大一進入校園時滿心歡喜、充滿期待的感覺到現(xiàn)在還記憶猶新。我的專業(yè)是數(shù)字媒體技術(shù)，四年學(xué)習(xí)下來發(fā)現(xiàn)這是一門比較雜的學(xué)科，學(xué)的技能很多，但學(xué)的不精。由于我本身的邏輯思維并不強，所以寫代碼能力也比較薄弱，寫一些前端的代碼倒是還可以，盡管寫代碼對我來說有點困難也有點枯燥，但我也并不后悔選擇了這個專業(yè)。因為這個專業(yè)，我才知道程序、網(wǎng)絡(luò)、電子設(shè)備等并不那么神秘，也逐漸知道了它們運行原理，像是認(rèn)識了一個新世界。也因為這個專業(yè)，我知道了自己擅長做什么、喜歡做什么，在之后的時光里，我也會往這個方向去努力。同樣也是在這四年里，我的一些思想和一些觀念也發(fā)生了改變。像是慢慢的喜歡上了思考，喜歡上了學(xué)習(xí)，因為這是讓人充實的一個過程。假如有機會，真的很想再次進入校園里去很認(rèn)真很認(rèn)真地學(xué)習(xí)一樣?xùn)|西。我也慢慢地開始從外在上面去改變自己，變成自己喜歡的模樣，讓自己更自信。也懂得了：每個人做一件事情都可以做得很好，只是看你有沒有用心去做，而區(qū)別在于擅長和不擅長去做。最后，謝謝陪伴我一起學(xué)習(xí)的同學(xué)們，有你們，課堂才會變得輕松活躍，也是因為有你們，我的大學(xué)生活才會豐富多彩，謝謝。

捷鍵與一些電腦小技巧HYPERLINKwinkey+d:

這是高手最常用的第一快捷組合鍵。這個快捷鍵組合可以將桌面上的所有窗口瞬間最小化，無論是聊天的窗口還是游戲的窗口……只要再次按下這個組合鍵，剛才的所有窗口都回來了，而且激活的也正是你最小化之前在使用的窗口！

--這個就是winkeywinkey+f:

不用再去移動鼠標(biāo)點“開始→搜索→文件和文件夾”了，在任何狀態(tài)下，只要一按winkey+f就會彈出搜索窗口。

winkey+r:

在我們的文章中，你經(jīng)常會看到這樣的操作提示:“點擊‘開始→運行’，打開‘運行’對話框……”。其實，還有一個更簡單的辦法，就是按winkey+r！

alt+tab:

如果打開的窗口太多，這個組合鍵就非常有用了，它可以在一個窗口中顯示當(dāng)前打開的所有窗口的名稱和圖標(biāo)●，選中自己希望要打開的窗口，松開這個組合鍵就可以了。而alt+tab+shift鍵則可以反向顯示當(dāng)前打開的窗口。

winkey+e:

當(dāng)你需要打開資源管理器找文件的時候，這個快捷鍵會讓你感覺非?！八?！再也不用騰出一只手去摸鼠標(biāo)了！

小提示:

winkey指的是鍵盤上刻有windows徽標(biāo)的鍵●。winkey主要出現(xiàn)在104鍵和107鍵的鍵盤中。104鍵盤又稱win95鍵盤，這種鍵盤在原來101鍵盤的左右兩邊、ctrl和alt鍵之間增加了兩個windwos鍵和一個屬性關(guān)聯(lián)鍵。107鍵盤又稱為win98鍵盤，比104鍵多了睡眠、喚醒、開機等電源管理鍵，這3個鍵大部分位于鍵盤的右上方。

再補充點

F1顯示當(dāng)前程序或者windows的幫助內(nèi)容。

F2當(dāng)你選中一個文件的話，這意味著“重命名”

F3當(dāng)你在桌面上的時候是打開“查找：所有文件”對話框

F10或ALT激活當(dāng)前程序的菜單欄

windows鍵或CTRL+ESC打開開始菜單

CTRL+ALT+DELETE在win9x中打開關(guān)閉程序?qū)υ捒?/p>

DELETE刪除被選擇的選擇項目，如果是文件，將被放入回收站

SHIFT+DELETE刪除被選擇的選擇項目，如果是文件，將被直接刪除而不是

放入回收站

CTRL+N新建一個新的文件

CTRL+O打開“打開文件”對話框

CTRL+P打開“打印”對話框

CTRL+S保存當(dāng)前操作的文件

CTRL+X剪切被選擇的項目到剪貼板

CTRL+INSERT或CTRL+C復(fù)制被選擇的項目到剪貼板

SHIFT+INSERT或CTRL+V粘貼剪貼板中的內(nèi)容到當(dāng)前位置

ALT+BACKSPACE或CTRL+Z撤銷上一步的操作

ALT+SHIFT+BACKSPACE重做上一步被撤銷的操作

Windows鍵+D：最小化或恢復(fù)windows窗口

Windows鍵+U：打開“輔助工具管理器”

Windows鍵+CTRL+M重新將恢復(fù)上一項操作前窗口的大小和位置

Windows鍵+E打開資源管理器

Windows鍵+F打開“查找：所有文件”對話框

Windows鍵+R打開“運行”對話框

Windows鍵+BREAK打開“系統(tǒng)屬性”對話框

Windows鍵+CTRL+F打開“查找：計算機”對話框

SHIFT+F10或鼠標(biāo)右擊打開當(dāng)前活動項目的快捷菜單

SHIFT在放入CD的時候按下不放，可以跳過自動播放CD。在打開wo

rd的時候按下不放，可以跳過自啟動的宏

ALT+F4關(guān)閉當(dāng)前應(yīng)用程序

ALT+SPACEBAR打開程序最左上角的菜單

ALT+TAB切換當(dāng)前程序

ALT+ESC切換當(dāng)前程序

ALT+ENTER將windows下運行的MSDOS窗口在窗口和全屏幕狀態(tài)間切換

PRINTSCREEN將當(dāng)前屏幕以圖象方式拷貝到剪貼板

ALT+PRINTSCREEN將當(dāng)前活動程序窗口以圖象方式拷貝到剪貼板

CTRL+F4關(guān)閉當(dāng)前應(yīng)用程序中的當(dāng)前文本（如word中）

CTRL+F6切換到當(dāng)前應(yīng)用程序中的下一個文本（加shift可以跳到前

一個窗口）

在IE中：

ALT+RIGHTARROW顯示前一頁（前進鍵）

ALT+LEFTARROW顯示后一頁（后退鍵）

CTRL+TAB在頁面上的各框架中切換（加shift反向）

F5刷新

CTRL+F5強行刷新1.打開“我的電腦”-“工具”-“文件夾選項”-“查看”-在“顯示所有文件和文件夾”選項前打勾-“確定”

2.刪除以下文件夾中的內(nèi)容：

x:\DocumentsandSettings\用戶名\Cookies\下的所有文件(保留index文件)

x:\DocumentsandSettings\用戶名\LocalSettings\Temp\下的所有文件(用戶臨時文件)

x:\DocumentsandSettings\用戶名\LocalSettings\TemporaryInternetFiles\下的所有文件(頁面文件)

x:\DocumentsandSettings\用戶名\LocalSettings\History\下的所有文件(歷史紀(jì)錄)

x:\DocumentsandSettings\用戶名\Recent\下的所有文件(最近瀏覽文件的快捷方式)

x:\WINDOWS\Temp\下的所有文件(臨時文件)

x:\WINDOWS\ServicePackFiles(升級sp1或sp2后的備份文件)

x:\WINDOWS\DriverCache\i386下的壓縮文件(驅(qū)動程序的備份文件)

x:\WINDOWS\SoftwareDistribution\download下的所有文件

3.如果對系統(tǒng)進行過windoesupdade升級，則刪除以下文件：x:\windows\下以$u...開頭的隱藏文件

4.然后對磁盤進行碎片整理，整理過程中請退出一切正在運行的程序

5.碎片整理后打開“開始”-“程序”-“附件”-“系統(tǒng)工具”-“系統(tǒng)還原”-“創(chuàng)建一個還原點”(最好以當(dāng)時的日期作為還原點的名字)

6.打開“我的電腦”-右鍵點系統(tǒng)盤-“屬性”-“磁盤清理”-“其他選項”-單擊系統(tǒng)還原一欄里的“清理”-選擇“是”-ok了

7、在各種軟硬件安裝妥當(dāng)之后，其實XP需要更新文件的時候就很少了。刪除系統(tǒng)備份文件吧：開始→運行→sfc.exe/purgecache近3xxM。(該命令的作用是立即清除"Windows文件保護"文件高速緩存，釋放出其所占據(jù)的空間)

8、刪掉\windows\system32\dllcache下dll檔(減去200——300mb),這是備用的dll檔，只要你已拷貝了安裝文件，完全可以這樣做。

9、XP會自動備份硬件的驅(qū)動程序，但在硬件的驅(qū)動安裝正確后，一般變動硬件的可能性不大，所以也可以考慮將這個備份刪除，文件位于\windows\drivercache\i386目錄下，名稱為driver.cab，你直接將它刪除就可以了，通常這個文件是74M。

10、刪除不用的輸入法：對很多網(wǎng)友來說，WindowsXPt系統(tǒng)自帶的輸入法并不全部都合適自己的使用，比如IMJP8_1日文輸入法、IMKR6_1韓文輸入法這些輸入法，如果用不著，我們可以將其刪除。輸入法位于\windows\ime\文件夾中，全部占用了88M的空間。

11、升級完成發(fā)現(xiàn)windows\多了許多類似$NtUninstallQ311889$這些目錄，都干掉吧，1x-3xM

12、另外，保留著\windows\help目錄下的東西對我來說是一種傷害，呵呵。。。都干掉！

13、關(guān)閉系統(tǒng)還原：系統(tǒng)還原功能使用的時間一長，就會占用大量的硬盤空間。因此有必要對其進行手工設(shè)置，以減少硬盤占用量。打開"系統(tǒng)屬性"對話框，選擇"系統(tǒng)還原"選項，選擇"在所有驅(qū)動器上關(guān)閉系統(tǒng)還原"復(fù)選框以關(guān)閉系統(tǒng)還原。也可僅對系統(tǒng)所在的磁盤或分區(qū)設(shè)置還原。先選擇系統(tǒng)所在的分區(qū)，單擊"配置"按鈕，在彈出的對話框中取消"關(guān)閉這個驅(qū)動器的系統(tǒng)還原"選項，并可設(shè)置用于系統(tǒng)還原的磁盤空間大小。

14、休眠功能會占用不少的硬盤空間，如果使用得少不妨將共關(guān)閉，關(guān)閉的方法是的：打開"控制面板"，雙擊"電源選項"，在彈出的"電源選項屬性"對話框中選擇"休眠"選項卡，取消"啟用休眠"復(fù)選框。

15、卸載不常用組件：XP默認(rèn)給操作系統(tǒng)安裝了一些系統(tǒng)組件，而這些組件有很大一部分是你根本不可能用到的，可以在"添加/刪除Windows組件"中將它們卸載。但其中有一些組件XP默認(rèn)是隱藏的，在"添加/刪除Windows組件"中找不到它們，這時可以這樣操作：用記事本打開\windows\inf\sysoc.inf這個文件，用查找/替換功能把文件中的"hide"字符全部替換為空。這樣，就把所有組件的隱藏屬性都去掉了，存盤退出后再運行"添加-刪除程序"，就會看見多出不少你原來看不見的選項，把其中那些你用不到的組件刪掉（記住存盤的時候