G這個新時代發(fā)展之下的產(chǎn)物，所影響的不是只有科技業(yè)，從生產(chǎn)到生活，各個行業(yè)都將為其到來發(fā)生改變，包括可穿戴設(shè)備等領(lǐng)域?qū)⑨尫懦龃罅康那岸碎_發(fā)需求。而處在人與物連接的互聯(lián)網(wǎng)就顯的由為重要，不管多先進的技術(shù)都需要端口的介入，前端開發(fā)的重要也更是不言而喻的。

隨著近些年來前端開發(fā)的比重逐漸加大，整個開發(fā)團隊的人員配備正在向前端傾斜，包括Android開發(fā)、iOS開發(fā)、PC端開發(fā)、小程序開發(fā)等日趨火熱重要，前端工程師的角色占比進一步提升。

什么是前端？

前端是從網(wǎng)頁制作進化過來的一種叫法。早期的前端也就是網(wǎng)頁制作，現(xiàn)在的前端其實叫法變成了大前端。

前端和大前端有什么區(qū)別?

早期的前端是開發(fā)網(wǎng)頁的，而現(xiàn)在的前端，隨著Node.js（后端語言）的興起，給前端帶來了很大的變化，讓前端的職責(zé)范圍變得越來越大。所以稱之為大前端。

大前端能做哪些東西？

一、PC端開發(fā)

1.網(wǎng)頁開發(fā)（瀏覽器打開的所有的頁面都是前端工程師開發(fā)的）

2.app開發(fā)（電腦上的軟件）

二、移動端開發(fā)（2019年整個互聯(lián)網(wǎng)的發(fā)展都是傾向移動端的，這也是大前端火的原因）

1. 移動端網(wǎng)頁開發(fā)
2. 移動端app開發(fā)

1.原生app開發(fā)（安卓和ios，跟前端沒啥關(guān)系，這種方式成本高，難維護）

2.webapp（完全使用h5技術(shù)開發(fā)的app，163郵箱，QQ空間，百度新聞，百度圖片等等）

3.混合app（使用h5技術(shù)和一些Native接口混合開發(fā)模式，例如：天貓，手機淘寶，聚劃算，qq，微信，微博等等都是）

3.基于特定環(huán)境的小程序開發(fā)（微信小程序，抖音小程序，支付寶小程序，百度小程序等等）

那么，該如何學(xué)習(xí)前端？

第一階段：

學(xué)習(xí)html5，CSS3 主流布局特效屬性，從零開始花上一個月的學(xué)習(xí)時間，可以獨立寫出天貓京東等市面上所有的靜態(tài)頁面效果。

第二階段：

學(xué)習(xí)javascript基本es5,es6,es7(今年已經(jīng)es10)語法DOM,BOM-（操作瀏覽器）,AJAX實現(xiàn)網(wǎng)站動態(tài)交互H5最新api應(yīng)用，audio,video,畫布，拖拽，多線程，移動端適配等功能。學(xué)習(xí)三個月后能夠獨立開發(fā)音樂，視頻，視頻播放器。網(wǎng)易云音樂實戰(zhàn)，canvas小游戲，在線直播視頻媒體流，貪吃蛇，俄羅斯方塊，推箱子，雷霆戰(zhàn)機等經(jīng)典小游戲開發(fā)，Javascript運動插件封裝，Jquery類庫模擬封裝，移動端時間適配解決方案

第三階段：（第二個階段，已經(jīng)能做所有的頁面了，但是非常慢，不是高配）

主流框架項目實戰(zhàn)經(jīng)驗

React

react-router（react的路由）

JSX

redux（狀態(tài)管理）

mobx（狀態(tài)管理）

React Native（簡稱RN，用于簡單的手機APP開發(fā)）

uni-app

vue

vue-router

vuex

vue-cli

elementUI

vue3.0 新特性

通過兩個月學(xué)習(xí)能利用現(xiàn)代企業(yè)框架獨立搭建餓了么APP應(yīng)用（React/vue+elementUI/uni+webpack+Mock.js）

使用框架全家桶，完成項目搭建以及線上工作

最后一個階段就是學(xué)習(xí)Node.js（后端語言）

為什么要學(xué)習(xí)Node.js 一個后端語言？ 比方你做好了一個淘寶網(wǎng)頁，里面的商品不能只是圖片，是需要后臺牽引的，所以需要學(xué)習(xí)后端，轉(zhuǎn)全棧。

以上全部學(xué)會便可以參加面試了：

喜歡小編文章的可以點個贊關(guān)注小編哦，小編每天都會給大家更新文章。

我自己是一名從事了多年的前端老程序員，小編為大家準備了新出的前端編程學(xué)習(xí)資料，免費分享給大家！

如果你也想學(xué)習(xí)前端，那么幫忙轉(zhuǎn)發(fā)一下然后再關(guān)注小編后私信【1】可以得到我整理的這些前端資料了（私信方法：點擊我頭像進我主頁有個上面有個私信按鈕）

年，諾基亞帶我們回到了 18 年前，復(fù)刻了當(dāng)年紅極一時的諾基亞 3310，在很大程度上還原了原版諾基亞 3310 的經(jīng)典設(shè)計。

今年年初，諾基亞更是把我們帶回到了 1996 年，推出了諾基亞 8110 的復(fù)刻版——諾基亞 8110 4G。96 年，諾基亞 8110 新穎的滑蓋設(shè)計獨領(lǐng)風(fēng)騷，不過在國內(nèi)高達 8000 元的售價，即便放在今天也是一臺“打擾了”系列手機。

電影《黑客帝國》中也曾出現(xiàn)過這款經(jīng)典的諾基亞手機，只是把滑蓋改為更具科技感的電動設(shè)計。

諾基亞 8110 4G 保留了原版最經(jīng)典的彎曲機身和滑蓋設(shè)計，久違的滑蓋手機相當(dāng)容易上癮，光是這個滑蓋就能玩一天。

亮黃的顏色加上彎曲的機身設(shè)計，讓人自然而然地把香蕉和諾基亞 8110 4G 聯(lián)想到了一起。諾基亞同樣發(fā)現(xiàn)了這一點，并且以此作為宣傳賣點，在電商平臺上一度出現(xiàn)了數(shù)萬人“搶蕉”的現(xiàn)象。

另外，彎曲的機身設(shè)計還能完美貼合用戶的屁股曲線和臉部弧度，不論是手感還是“股感”都可以說是非常不錯。

諾基亞 8110 4G 采用一塊 2.4 英寸 QVGA 彩色屏幕，與現(xiàn)在動輒 5、6 寸的智能手機相比顯得相當(dāng)袖珍。而作為一款功能手機，這樣的屏幕已經(jīng)足夠用了。

滑蓋在開啟/閉合的時候會自動點亮/關(guān)閉屏幕，位于機身右側(cè)的電源鍵基本上不會用到。實體按鍵鍵盤的按鍵偏硬，手大的用戶用起來會感覺到“憋屈”，容易按到旁邊的按鍵，數(shù)字鍵上方面積更小的方向鍵會進一步放大這個問題。

諾基亞 8110 4G 依然采用了 Micro USB 接口，與 3.5mm 耳機接口同樣被安排在了機身頂部，用戶可以在聽歌的同時進行充電，并且把手機優(yōu)雅地揣進褲兜。

值得一提的是，諾基亞 8110 4G 還隨機附贈了一個耳機，讓用戶感受真正的音樂的同時還能實現(xiàn)收音機的功能。

機身背面是 200 萬像素的攝像頭和閃光燈，這顆攝像頭的表現(xiàn)讓人驚喜，尤其在日間，用來應(yīng)急記錄一些瞬間還是足夠應(yīng)付的。不過，這個攝像頭不能實現(xiàn)自動對焦的功能，在拍攝近物的時候會出現(xiàn)失焦的現(xiàn)象。

不過到了夜間表現(xiàn)就沒有那么理想了，噪點和眩光的控制都比較糟糕，寬容度表現(xiàn)也不盡如人意，高光和暗部很難找到一個比較平衡的點。

諾基亞 8110 4G 采用可拆卸電池設(shè)計，這塊電池的容量為 1500mAh，但也足以維持十多天的待機，不過配備的充電頭僅為 5V-0.5A，小安玩了好幾天貪吃蛇才把電用光。

諾基亞 8110 4G 支持雙卡雙待，遺憾的是不支持電信網(wǎng)絡(luò)。其中 SIM 1 卡槽可以選擇插入一張 Micro SIM 卡或者一張最大 32GB SD 卡，而 SIM 2 卡槽則可以插入一張 nano SIM 卡。

小安作死親測，SIM 2 卡槽剛好可以橫向放入一張 nano SIM 卡，不僅不能使用，還非常容易卡住，難以取出。

諾基亞 8110 4G 運行稱霸印度市場的 Kai OS，是基于 linux 內(nèi)核和 HTML5 的低內(nèi)存 OS，搭載高通驍龍 205 移動平臺，配以 512MB 運行內(nèi)存和 4GB 存儲空間。

在系統(tǒng)的交互與以前的功能手機并沒有太大差別，系統(tǒng)菜單頁面可以設(shè)置為網(wǎng)格視圖或者列表視圖。

由于 Kai OS 在國內(nèi)的占有率并不高，所以微博微信等 APP 在諾基亞 8110 4G 上是找不到的，但是這并不意味著不能用，畢竟辦法總比困難多。

在系統(tǒng)內(nèi)置的應(yīng)用商店內(nèi)只有幾個游戲和一個天氣 APP，但小安幾經(jīng)努力依然無法下載商店內(nèi)的 APP。

不過，在手機中內(nèi)置了經(jīng)典的從貪吃蛇游戲，像素風(fēng)的游戲畫面也是同樣的復(fù)古，除了經(jīng)典的無盡模式還有新的闖關(guān)模式，小安已經(jīng)沉迷于此不能自拔了。

此外，諾基亞 8110 4G 還支持開啟 WiFi 個人熱點的功能，能夠分享手機自身的 4G 網(wǎng)絡(luò)到其他設(shè)備。

作為一個“備胎”，諾基亞 8110 4G 在滿足了用戶最基礎(chǔ)的打電話、收發(fā)短信的功能的同時，還提供了開啟 WiFi 個人熱點這樣的功能，讓諾基亞 8110 4G 在情懷以外，還擁有了一定的實用性。

這不禁讓人期待，諾基亞復(fù)刻的下一款手機會是什么，小安倒是非常期待復(fù)刻遠古時期的“大哥大”，相信在路上的回頭率會高達93.94%！

導(dǎo)讀： “.io ”代表了英屬印度洋領(lǐng)地的國別后綴域名，主要用于互聯(lián)網(wǎng)開發(fā)者或互聯(lián)網(wǎng)創(chuàng)業(yè)項目，是互聯(lián)網(wǎng)創(chuàng)業(yè)者首選域名后綴。.io也可理解為 input/output（輸入/輸出接口）之意，io游戲逐漸取代以頁游為表現(xiàn)形式的游戲類別。

在Html5盛行的今天，.io后綴的應(yīng)用及游戲前景看好，或?qū)⒊蔀橐I(lǐng)移動端游戲主流國別域名后綴。

《球球大作戰(zhàn)》《貪吃蛇大作戰(zhàn)》已經(jīng)成為了非常重要的新生力量，因其輕量級的在線競技玩法而獲得玩家青睞。但是，你們知道嗎？他們都有一個共同的“先祖”，即是國外正流行的 io 游戲，《Agar.io》《Slither.io》是最典型的代表。與此同時，這個聽上去莫名其妙的“.io”的尾巴也在國內(nèi)找到了合適的本土翻譯：大作戰(zhàn)。

“.io”到底是什么？是不是說帶上“.io”尾巴就能夠歸類為 io 游戲呢？

“.io ”代表了英屬印度洋領(lǐng)地的國別后綴域名，主要用于互聯(lián)網(wǎng)開發(fā)者或互聯(lián)網(wǎng)創(chuàng)業(yè)項目，也可理解為 input/output（輸入/輸出接口）之意，在 io 游戲未大舉向移動平臺遷徙之前，他們都以頁游形式存在。

“技術(shù)、科技”域名tech.io約12萬元海外結(jié)拍

此域名含義明晰，“tech”屬于常見詞匯，適合搭建科技門戶網(wǎng)站、科技論壇，亦或是作為科技企業(yè)的官方域名。更加國際域名交易平臺sedo.com成交數(shù)據(jù)顯示，db.io（大白）、cloud.io（云）都在海外結(jié)拍，價格大約是11萬元和27.9萬元，analytics.io（分析學(xué)）結(jié)拍價超6萬元。

據(jù)數(shù)據(jù)分析，今年3月-6月，啟用.com域名的初創(chuàng)企業(yè)仍占絕大部分，818家初創(chuàng)公司以73%的絕對優(yōu)勢排在第一，.com域名成為當(dāng)之無愧的老大哥。排在第二的是國別域名，共有152家初創(chuàng)企業(yè)使用，占所有初創(chuàng)企業(yè)總數(shù)的14%。其中，國別域名.co以及.io的使用率最高，共有81家初創(chuàng)公司啟用該后綴，加起來占總數(shù)的7%。

從第一款真正意義上的 io 游戲《Agar.io》算起，可能連他自己也沒預(yù)料到這種將“經(jīng)典游戲+.io 后綴+多人聯(lián)網(wǎng)在線+競技”拼裝技法使得 io 游戲成為了一個嶄新的流派，引發(fā)全球玩家追捧。

io到底是個啥玩意？

在談到 io 游戲的“發(fā)跡史”，無論如何也繞不開《Agar.io》。

不過，在此之前，首先需要解決兩個問題：“.io”到底是什么？是不是說帶上“.io”尾巴就能夠歸類為 io 游戲呢？

第一問題，“.io ”代表了英屬印度洋領(lǐng)地的頂級域名，也可理解為 input/output（輸入/輸出接口）之意，在 io 游戲未大舉向移動平臺遷徙之前，他們都以頁游形式存在。

至于第二個問題，答案當(dāng)然是 NO。國外一個專注于 io 游戲的網(wǎng)站 iogames.space 總結(jié)了 io 游戲需滿足的4條規(guī)則：

1.輕輕點擊即可進入游戲。（原話是這樣，應(yīng)該是強調(diào)它的易訪問性 accessbility）

2.簡單易上手，但精通難。

3.允許玩家通過成長展現(xiàn)霸權(quán)。

4.游戲必須具有競技性或協(xié)作性。

不過，這樣的定義多少有些“落伍”，適合進行一些修正：

1.必須具備聯(lián)網(wǎng)特性。早期的 io 游戲都是基于瀏覽器的，這大概也是 Matheus 選擇 .io 結(jié)尾的原因。《Agar.io》稱霸2015年 Google 美國游戲搜索榜，很大程度上要歸功于它一開始的頁游身份。因此“輕輕點擊即可進入”顯然將移動平臺野蠻生長的 io 游戲排除在外。

2.簡單易上手，但精通難。這是吸引更多玩家的先決條件。必須強調(diào)的是，目前市面上較成功的 io 游戲皆采用了大家熟知的游戲形態(tài)，比如大魚吃小魚：《Agar.io》，貪吃蛇：《Slither.io》。借用某外媒對 io 游戲的評價“Everything old is new again”（老樹發(fā)新芽），甚為精準。

3.允許玩家通過成長展現(xiàn)霸權(quán)。這是 io 游戲的精髓之一，比如在《Agar.io》中，玩家通過吞食光點和吃掉比自己弱小的細菌來成長，當(dāng)巨無霸的細菌出現(xiàn)時，這種霸權(quán)令人不寒而栗。

4.游戲必須具有即時對戰(zhàn)的競技元素。正是有了競技，io 游戲才能吸引更多玩家參與，在共享的網(wǎng)絡(luò)環(huán)境下，推動玩家繼續(xù)玩下去。

5.小范圍的激烈沖突。這是 iogames.space 未曾提及的一點，在某一個區(qū)域內(nèi)，各色玩家之間的展開激烈競追。比如《Emoj.io》中，玩家死掉后寶石散落，會吸引其他玩家迅速聚攏，吞食寶石，上演掠奪、擊殺的沖突戲碼。

《Emoj.io》的激烈沖突

是否帶有 .io 后綴的游戲都能歸類為 io 游戲呢？

如果將 io 游戲的概念進行合理地延展，這款腦洞大開的 AR 射擊游戲《father.io》可以看成是一款異化的“io 游戲”，它像 io 游戲一樣，同樣需要聯(lián)網(wǎng)、有自己的成長體系、擁有即時對戰(zhàn)的競技元素以及小范圍的激烈沖突等。

《father.io》可以看做是一款異化的“io游戲”

《father.io》被稱為增強現(xiàn)實版的真人 CS，玩家以智能手機搭配外置設(shè)備 Inceptor 為“槍”，基于現(xiàn)實世界的領(lǐng)地里展開追逐射擊大戰(zhàn)。

游戲的靈感來源于小時候大家常玩的激光筆（laser tag）——大多數(shù) io 游戲也都熱衷選用熟悉的游戲模式為基礎(chǔ)，可以通過攝像頭識別紅外線指示到敵人身上的是爆頭還是普通身體射擊。

《father.io》將全世界變成戰(zhàn)場

從目前曝光的信息來看，這款游戲大有成為繼《精靈寶可夢GO》后另一款爆款。今年下半年鵝廠在騰訊全球合作伙伴大會（TGPC）上將把《father.io》帶到中國。有趣的是，騰訊曾經(jīng)將《Agar.io》的正宗國服版《全民星球》帶到國內(nèi)卻遭遇玩家的冷待，那么利用這款異化“io游戲”能夠重復(fù)失地嗎？不妨靜觀其變。

同樣在現(xiàn)行的 io 游戲的概念之下，其商業(yè)化的路途依然舉步維艱。

目前《Agar.io》和《Slither.io》主要依靠廣告植入產(chǎn)生的收益維持服務(wù)器的基本運轉(zhuǎn)，但是一旦玩家過多，就會造成服務(wù)器卡頓，近期上架移動端的《Diep.io》同樣存在這個問題，歸根結(jié)底還是沒錢升級服務(wù)器。這跟幕后研發(fā)者的獨立游戲人身份有關(guān)。

《貪吃蛇大作戰(zhàn)》也成功了，更符合國內(nèi)玩家的審美

《球球大作戰(zhàn)》和《貪吃蛇大作戰(zhàn)》作為國內(nèi) io 游戲存活的先進代表，無需考慮服務(wù)器容量這類技術(shù)性問題，背靠大樹好乘涼，他們一門心思扎在了商業(yè)化的路上。但是，盈利模式上還停留在“換膚”上，雖說增加了游戲的惡趣味，但并不能有效帶動收入。據(jù)國內(nèi)數(shù)據(jù)顯示，《貪吃蛇大作戰(zhàn)》用戶多，但收入非常慘淡。

《貪吃蛇大作戰(zhàn)》主要的皮膚道具收入有限

《Agar.io》并未因此在國內(nèi)大紅大紫，以至于騰訊將其引進并易名為《全民星球》發(fā)行時，依然不敵《球球大作戰(zhàn)》，當(dāng)然，這都是后話。

據(jù)維基百科顯示，《Agar.io》是由巴西開發(fā)者 Matheus Valadares 制作，于2015年4月28日在 4chan 上首次公開，標題中的“agar”意為培養(yǎng)細菌的瓊脂。

《Agar.io》最早只推出了自由模式（Free-For-All Mode）：大菌吃小菌游戲，玩家隨意吃掉其他玩家來壯大自己。“大魚吃小魚”的休閑游戲套路充分展現(xiàn)了競技性，來自世界各地的玩家經(jīng)由網(wǎng)絡(luò)拉入同一地圖，比拼策略和操作。

大魚吃小魚，玩法簡單明了

io 游戲陷入跟風(fēng)不止，商業(yè)化停滯不前的窘境，這將會它更好發(fā)展的絆腳石：玩家因內(nèi)容單調(diào)而流失，廠商因營收困難而退出，結(jié)局可想而知。

我們有理由相信，io 游戲在未來可以適當(dāng)?shù)卣宫F(xiàn)出更多的變化。

我們很欣喜看到 io 游戲形式了一個品類，同樣也珍惜它現(xiàn)在未豐的羽翼，希望它變得更好。

io 游戲大熱的根本原因仍要落腳于“人”：有人的地方，就有爭斗。人與人之間的互動總能迸發(fā)出更激烈的火花：掠奪、霸權(quán)、競技.....每一項都是人與人的互動產(chǎn)生的效應(yīng)，要知道，人類對于“贏”的渴望從未停止。“贏”從本質(zhì)上就是游戲娛樂性的最大化呈現(xiàn)。

不難想象，io 游戲在未來定然會更偏重娛樂性，其出發(fā)點仍然會以一些原生的游戲形式出發(fā)。趁著這樣的興致，我們試著在滿足 io 游戲的原則之下，以一些經(jīng)典的游戲為基礎(chǔ)，開開腦洞，看看哪些老游戲在未來可能會被做成 io 游戲。

還是那句話，io 游戲以低門檻達成現(xiàn)在的格局，它應(yīng)該擁有一個更廣闊的未來，只等有心人來發(fā)掘。

跟風(fēng)不止的現(xiàn)狀

從《Agar.io》到《Slither.io》帶動了 io 游戲加速形成一個品類。在這一年的風(fēng)雨兼程中，給玩家?guī)砹藲g樂，為行業(yè)帶來了啟示，有喜有憂。

值得深思的是，目前 io 游戲的開發(fā)思維固化，新出的游戲仍未跳脫出原有框架的束縛。就拿“流派”的構(gòu)建者 Matheus 來說，新作《Diep.io》的形態(tài)和玩法都跟《Agar.io》并無本質(zhì)的區(qū)別，因而影響力難以擴散，亦未在玩家和業(yè)內(nèi)產(chǎn)生深遠的影響。

坦白來說，都要歸結(jié)到創(chuàng)新層面，很多人都是一作定功名，后續(xù)也無超越之作，最后就銷聲匿跡了。

以 iogames.space 網(wǎng)站羅列的游戲為例，目前共展示了近五十款 io 游戲，除去射擊類的游戲，其他游戲的玩法基本上都是圍繞著《Agar.io》和《Slither.io》兩款作品展開的微創(chuàng)新。同樣在國內(nèi)，除了轉(zhuǎn)生成功的《球球大作戰(zhàn)》《貪吃蛇大作戰(zhàn)》，存在大量對《Agar.io》和《Slither.io》的拙劣復(fù)刻游戲，不熟悉全稱的玩家想通過 .io 的后綴搜索到這兩款“鼻祖”級別的游戲，難度可想而知。

io游戲

是否帶有 .io 后綴的游戲都能歸類為 io 游戲呢？

io 游戲大熱的根本原因仍要落腳于“人”：有人的地方，就有爭斗。人與人之間的互動總能迸發(fā)出更激烈的火花：掠奪、霸權(quán)、競技.....每一項都是人與人的互動產(chǎn)生的效應(yīng)，要知道，人類對于“贏”的渴望從未停止。“贏”從本質(zhì)上就是游戲娛樂性的最大化呈現(xiàn)。

不難想象，io 游戲在未來定然會更偏重娛樂性，其出發(fā)點仍然會以一些原生的游戲形式出發(fā)。趁著這樣的興致，我們試著在滿足 io 游戲的原則之下，以一些經(jīng)典的游戲為基礎(chǔ)，開開腦洞，看看哪些老游戲在未來可能會被做成 io 游戲。

還是那句話，io 國別后綴的應(yīng)用越來越廣泛，.io游戲行業(yè)以低門檻達成現(xiàn)在的格局，它應(yīng)該擁有一個更廣闊的未來，只等有心人來發(fā)掘。