css選擇器效率圖標，性能優(yōu)化有哪些方面？

感覺前端的性能確實是很重要的，我談?wù)勎以趯嶋H項目中的應(yīng)用。前端的應(yīng)用主要從以下幾個方面進行優(yōu)化：

1．減少 http 請求

HTTP 協(xié)議是無狀態(tài)的應(yīng)用層協(xié)議， 意味著每次 HTTP 請求都需要建立通信鏈路、進行數(shù)據(jù)傳輸，而在服務(wù)器端，每個 HTTP 都需要啟動獨立的線程去處理。這些通信和服務(wù)的開銷都很昂貴，減少HTTP 請求的數(shù)目可有效提高訪問性能。減少 HTTP 的主要手段是合并 CSS、合并 JavaScript、合并圖片。將瀏覽器一次訪問需要的JavaScript、 CSS 合并成一個文件，這樣瀏覽器就只需要一次請求。圖片也可以合并，多張圖片合并成一張，如果每張圖片都有不同的超鏈接，可通過 CSS 偏移響應(yīng)鼠標點擊操作，構(gòu)造不同的 URL。

2．使用瀏覽器緩存

對一個網(wǎng)站而言，CSS、 JavaScript、 Logo、圖標這些靜態(tài)資源文件更新的頻率都比較低，而這些文件又幾乎是每次 HTTP 請求都需要的，如果將這些文件緩存在瀏覽器中，可以極好地改善性能。通過設(shè)置 HTTP 頭中 Cache-Control 和 Expires 的屬性，可設(shè)定瀏覽器緩存，緩存時間可以是數(shù)天，甚至是幾個月。在某些時候，靜態(tài)資源文件變化需要及時應(yīng)用到客戶端瀏覽器，這種情況，可通過改變文件名實現(xiàn)，即更新 JavaScript 文件并不是更新 JavaScript 文件內(nèi)容，而是生成一個新的 JS 文件并更新 HTML文件中的引用。使用瀏覽器緩存策略的網(wǎng)站在更新靜態(tài)資源時，應(yīng)采用批量更新的方法，比如需要更新 10 個圖標文件，不宜把 10 個文件一次全部更新，而是應(yīng)一個文件一個文件逐步更新，并有一定的間隔時間，以免用戶瀏覽器突然大量緩存失效，集中更新緩存，造成服務(wù)器負載驟增、網(wǎng)絡(luò)堵塞的情況。

3．啟用壓縮

在服務(wù)器端對文件進行壓縮，在瀏覽器端對文件解壓縮，可有效減少通信傳輸?shù)臄?shù)據(jù)量。文本文件的壓縮效率可達 80%以上，因此 HTML、 CSS、 JavaScript 文件啟用 GZip 壓縮可達到較好的效果。但是壓縮對服務(wù)器和瀏覽器產(chǎn)生一定的壓力，在通信帶寬良好，而服務(wù)器資源不足的情況下要權(quán)衡考慮。

4． CSS 放在頁面最上面、 JavaScript 放在頁面最下面

瀏覽器會在下載完全部 CSS 之后才對整個頁面進行渲染，因此最好的做法是將 CSS 放在頁面最上面，讓瀏覽器盡快下載 CSS。 JavaScript 則相反，瀏覽器在加載 JavaScript 后立即執(zhí)行，有可能會阻塞整個頁面，造成頁面顯示緩慢，因此 JavaScript 最好放在頁面最下面。但如果頁面解析時就需要用到 JavaScript，這時放在底部就不合適了。

5．減少 cookie 傳輸

Cookie 在每次響應(yīng)請求中，如果太大勢必會影響性能，所以沒必要網(wǎng)cookie放的就不放，針對性的選擇放入cookie的數(shù)據(jù)。

總之，優(yōu)化的方法還很多，我感觸最深的是第4項，有些js文件大引用如果放到最前面對性能損耗很大。

玩FPS類型游戲？

品質(zhì)游戲為生活加油，我是嘉油站

FPS游戲統(tǒng)稱為射擊類游戲，需要鼠標鍵盤配合操作的一種游戲類型。游戲也分為第一、第三人稱射擊游戲，游戲類型也分為競技型與劇情型等不同類型，以下筆者將組合這兩種維度推薦一些比較有代表性的游戲。

一、第一人稱競技類

這一類FPS最為著名的就是《CS》也就是反恐精英，曾幾何時在網(wǎng)吧游戲匱乏的年代，反恐精英也曾占據(jù)了網(wǎng)吧游戲的半壁江山，約上三五好友一起聯(lián)機打上幾局，不論輸贏青春期的煩惱憂傷也都隨著游戲中槍械射出的子彈而消失了。

目前反恐精英依舊是競技類FPS游戲的標志，雖然經(jīng)過數(shù)個版本的更迭但是在國內(nèi)外依舊擁有大批的粉絲以及成規(guī)模的國際性電子競技賽事。

二、第一人稱劇情類游戲

劇情類游戲一般為單機游戲，比較經(jīng)典的有《使命召喚系列》，融合了沙盒游戲元素的《孤島驚魂》系列，還有一種比較獨樹一幟的廢土風格打?qū)氼惖纳鋼粲螒颉稛o主之地系列》。

《使命召喚》系列（這里說的不是網(wǎng)游）作為動視公司的年產(chǎn)搖錢樹系列，每一作都當之無愧的是檢驗電腦性能是否跟得上潮流的試金石，頂尖的畫質(zhì)，超強代入感的劇情，以及逼真的槍械與武器設(shè)備無不體現(xiàn)了戰(zhàn)爭的殘酷，玩《使命召喚》系列仿佛是看一部可以參與的電影戰(zhàn)爭電影。

《孤島驚魂》系列的特色在于優(yōu)秀的畫質(zhì)以及沙盒類的玩法，“開局一把刀，裝備全靠打”游戲內(nèi)場景的高互動性以及人物的性格豐滿度很容易讓人沉浸其中，豐富的支線劇情以及隨機事件的觸發(fā)讓游戲的可玩性大大提升。獨特的人物技能系統(tǒng)可以打造最適合自己的人物戰(zhàn)斗模式。可以說在這個游戲中你可以隨心所欲的做自己想做得事情。

如何下載網(wǎng)頁中的CSS文件？

CSS文件可以通過打開IE的臨時文件夾來查找。 你打開頁面后點瀏覽器上面的：“工具”“internet選項”“刪除文件”“刪除脫機內(nèi)容”（前面要打勾），然后再刷新一下頁面，等到頁面顯示完整后你再去點：“工具”“internet選項”“設(shè)置”，這時會跳出來一個框，你找到“查看文件”然后點下就會打開一個文件夾，點右鍵“排列圖標”“按類型”，然后你在里面找，CSS的后綴是.css，所以你去找一些后綴是.css文件，把它們都復(fù)制出來，然后用記事本打開看看哪個是你要的那個CSS就行了。

你也可以直接查看你打開的那個網(wǎng)頁的源代碼：

方法是點上面的“查看”“源文件”，里面如果有CSS的話你可以直接復(fù)制下來沒有的話你可以找找有沒有類似與這種連接的代碼：

比如這個CSS文件你就可以通過在你打開的這個網(wǎng)址后面直接加"/ikqb.css"然后回車就行了！

包含了哪些方面？

“設(shè)計是什么？”這是個問題十分寬泛，每個人對事物的理解不一樣,也會得到完全不同的答案！

建筑設(shè)計師David Adjay解答設(shè)計是:注重正式與非正式的關(guān)系，設(shè)計之美在于它會不斷的變幻與轉(zhuǎn)移。

日本設(shè)計大師原研哉解答設(shè)計是:“設(shè)計基本上沒有自我表現(xiàn)的動機，其落腳點更側(cè)重于社會。”

個人理解設(shè)計是:是設(shè)計師解決人與產(chǎn)品之間各種問題的創(chuàng)作過程。

舉例說明：汽車

從卡爾·本茨制造第一輛三輪汽車開始,到現(xiàn)在各種小車、越野車、貨車等等...這就是設(shè)計改變了我們的生活,改變我們出行方式!

汽車從三輪變四輪為了加強平衡、從木質(zhì)輪胎變充氣胎為了增加舒適度、從單一到多元化等等都是設(shè)計師智慧結(jié)晶,都是為駕駛者解決駕駛中的各種問題.

設(shè)計的三大分類

視覺傳達設(shè)計：字體設(shè)計、標志設(shè)計、插畫設(shè)計、排版設(shè)計(書籍、海報、宣傳單、報紙等等)包裝設(shè)計 展示設(shè)計 舞臺設(shè)計 影視設(shè)計等等

字體設(shè)計（圖片來源于網(wǎng)絡(luò)）

插畫設(shè)計（圖片來源于網(wǎng)絡(luò)）

包裝設(shè)計（圖片來源于網(wǎng)絡(luò)）

海報設(shè)計（圖片來源于網(wǎng)絡(luò)）

產(chǎn)品設(shè)計：紡織品設(shè)計 壁紙設(shè)計 手工藝設(shè)計 工業(yè)設(shè)計(家居、服飾、交通工具、家用電器、日用品等等)

服裝設(shè)計（圖片來源于網(wǎng)絡(luò)）

汽車設(shè)計（圖片來源于網(wǎng)絡(luò)）

游艇設(shè)計（圖片來源于網(wǎng)絡(luò)）

環(huán)境設(shè)計：城市設(shè)計 、建筑設(shè)計 、室內(nèi)設(shè)計、室外設(shè)計(園林、景觀) 、公共藝術(shù)設(shè)計等等

建筑設(shè)計（圖片來源于網(wǎng)絡(luò)）

建筑設(shè)計（圖片來源于網(wǎng)絡(luò)）

室內(nèi)設(shè)計（圖片來源于網(wǎng)絡(luò)）

設(shè)計行業(yè)前景

設(shè)計師的收入水平，那么也會隨著我們工作年齡的增長，隨著我們的努力程度、專業(yè)知識和軟件熟練度的提高，收入頁不斷的提高。至于具體能到多少錢這里就不細說了，具體收入水平根據(jù)個人能力、經(jīng)驗、企業(yè)、職務(wù)、職位等因素的不同，差異很大，從兩三千元每月到兩三萬元每月不等。

設(shè)計師的就業(yè)前景相對比較廣闊的。我們知道這個產(chǎn)業(yè)鏈當中所涉及的行業(yè)是非常非常多的，所涉及的范圍是非常非常大。對人才需求也是非常巨大的，所以我們只要努力堅持不懈一定可以在設(shè)計行業(yè)走的更遠。（這里說的是設(shè)計人才，不是那些連設(shè)計門檻都沒人的人，也不是那些只會軟件操作的人）