歡迎來(lái)到我的博客
📔博主是一名大學(xué)在讀本科生，主要學(xué)習(xí)方向是前端。
🍭目前已經(jīng)更新了【Vue】、【React–從基礎(chǔ)到實(shí)戰(zhàn)】、【TypeScript】等等系列專(zhuān)欄
🌈博客主頁(yè)👉codeMak1r.小新的博客

😇本文目錄😇

• 開(kāi)卷｜小程序
• 國(guó)內(nèi)外IT技術(shù)圈完全是兩個(gè)世界
• 小程序｜誕生
• 小程序｜簡(jiǎn)介
• • 小程序與普通網(wǎng)頁(yè)開(kāi)發(fā)的區(qū)別
• 小程序｜前置準(zhǔn)備
• • 開(kāi)發(fā)者賬號(hào)
  • 開(kāi)發(fā)者工具
• 寫(xiě)在最后

本文被專(zhuān)欄【小程序｜原力計(jì)劃】收錄

🕹堅(jiān)持創(chuàng)作??，一起學(xué)習(xí)📖，碼出未來(lái)👨🏻?💻！

開(kāi)卷｜小程序

各位看官大家好，小新開(kāi)卷原力計(jì)劃｜小程序。

入門(mén)小程序，旨在提高前端開(kāi)發(fā)人員技術(shù)廣度；進(jìn)軍大前端開(kāi)發(fā)領(lǐng)域，實(shí)現(xiàn)自我價(jià)值。本專(zhuān)欄將逐步帶領(lǐng)大家進(jìn)軍小程序開(kāi)發(fā)，預(yù)計(jì)使用uni-app｜Taro跨端框架……感興趣的可以訂閱本專(zhuān)欄以獲得最新文章資訊。

國(guó)內(nèi)外IT技術(shù)圈完全是兩個(gè)世界

小新最近聽(tīng)說(shuō)，現(xiàn)在的小孩兒（10后）都有一個(gè)疑問(wèn)：為什么這個(gè)圖標(biāo)代表電話的含義？

我尋思，電話不就是這個(gè)樣子的嗎？之前的座機(jī)電話都長(zhǎng)這樣啊～這個(gè)時(shí)候，我突然意識(shí)到，似乎10后的年輕人們好像從來(lái)沒(méi)見(jiàn)過(guò)這種樣子的電話，從他們記事開(kāi)始，他們印象中的電話就是那種iphone一樣的智能手機(jī)……（像我這樣00年的是不是已經(jīng)不算年輕人了😫）

其實(shí)這也說(shuō)明，現(xiàn)在科技的發(fā)展真的太快了， 但是，IT技術(shù)的發(fā)展速度更快！

十多年前，BAT里的B還代表百度的那些年，那時(shí)候大家上網(wǎng)還依靠瀏覽器，搜索引擎讓網(wǎng)民們第一次意識(shí)到，原來(lái)我并不孤單。

大量的上網(wǎng)需求，讓開(kāi)發(fā)者們迫切的需要更高效的開(kāi)發(fā)模式，也就有了之后的MVC架構(gòu)、MVVM架構(gòu)等等。

國(guó)外的IT技能樹(shù)呢，一直致力于在【瀏覽器】中韜光養(yǎng)晦，打造更好的在瀏覽器中的上網(wǎng)體驗(yàn)，為此也誕生了很多以前端為主的全棧框架，比如，NextJS｜Remix等等……

而這個(gè)時(shí)候，國(guó)內(nèi)的IT技術(shù)圈呢？隨著移動(dòng)端的發(fā)展與流行，App的出現(xiàn)開(kāi)始分割Web的流量。App的設(shè)計(jì)是為了更好的留住用戶，更好的吸引用戶，于是在國(guó)內(nèi)的網(wǎng)頁(yè)中，經(jīng)常看到，我點(diǎn)擊別人分享給我的鏈接或者二維碼，進(jìn)去之后他讓我用瀏覽器打開(kāi)，我還以為是Web端頁(yè)面呢，結(jié)果直接給我導(dǎo)向App Store讓我下載App了……這樣的體驗(yàn)真的好嗎？

后來(lái)呢，國(guó)內(nèi)的IT人們，為了讓用戶跳過(guò)下載這一繁瑣的步驟，推出了一種：

在App中運(yùn)行App的玩法，【小程序】就這么應(yīng)運(yùn)而生。至此，國(guó)內(nèi)外IT技術(shù)圈的技能樹(shù)就開(kāi)始往不同的方向發(fā)展了……

小程序｜誕生

2016 年 1 月 11 日：應(yīng)用號(hào)初現(xiàn)、開(kāi)發(fā)工具發(fā)布
2016 年 1 月 20 日：WeUI 發(fā)布
2016 年 4 月 19 日：微信內(nèi)置瀏覽器升級(jí)
2016 年 9 月 22 日：小程序發(fā)布內(nèi)測(cè)
2016 年 10 月 27 日：小程序新增 19 種接口
2016 年 11 月 3 日：小程序開(kāi)放公測(cè)
2016 年 11 月 18 日：小程序入口謎團(tuán)
2016 年 11 月 22 日：開(kāi)發(fā)者工具更新
2016 年 12 月 16 日：WeUI.js 框架發(fā)布
2016 年 12 月 17 日：宣布春節(jié)前會(huì)正式推出小程序

在談到做小程序的初衷時(shí)候，張小龍談到了PC時(shí)代的信息，他認(rèn)為在電腦瀏覽器上用戶可以快速切換網(wǎng)站獲取信息，根本不需要下載東西。而對(duì)比手機(jī)，用戶切換的成本很高，普通用戶最常用的就是那么幾個(gè)應(yīng)用（對(duì)應(yīng)的是獲取信息入口）。微信考慮的其實(shí)就是如何在單一入口內(nèi)給用戶提供更多信息和服務(wù)，這一點(diǎn)一旦做好就會(huì)把用戶很好留在自己閉環(huán)的生態(tài)APP里。

在程序上線之初，因UI設(shè)計(jì)、大小限制、用戶體驗(yàn)等問(wèn)題而遭到業(yè)內(nèi)唱衰，但其成功經(jīng)受住考驗(yàn)，在電商、游戲等行業(yè)應(yīng)用廣泛。如今，小程序已成為大熱的行業(yè)風(fēng)口，百度、字節(jié)跳動(dòng)、快手等互聯(lián)網(wǎng)大廠均推出自家的小程序平臺(tái)，小程序生態(tài)不斷走向繁榮。2020年無(wú)疑是艱難的一年，但小程序仍然成功助力了企業(yè)數(shù)字化升級(jí)和精細(xì)化運(yùn)營(yíng)，釋放出巨大的商業(yè)潛能和經(jīng)濟(jì)價(jià)值。

在這個(gè)被口罩和掃碼籠罩的時(shí)代，小程序在防疫控疫方面的貢獻(xiàn)也是十分巨大的，比如在我生活的城市：南昌。贛通碼和昌通碼成為了出門(mén)在外必不可少的兩項(xiàng)小程序，去往各個(gè)公共場(chǎng)所都需要使用小程序掃碼才可入內(nèi)，而市民們只要手機(jī)里有微信、支付寶等軟件，即可掃碼查驗(yàn)本人的行程軌跡、核酸檢測(cè)情況，可謂是出門(mén)在外最不可或缺的必備小程序……

相信不遠(yuǎn)的將來(lái)，在國(guó)家和大家的共同努力下，疫情總有一天會(huì)消失，到那個(gè)時(shí)候，可能不再需要小程序掃碼才可以出入各個(gè)公共場(chǎng)所了。但是，小程序的應(yīng)用不會(huì)消失。

根據(jù)5月18日消息，騰訊控股發(fā)布了2022年一季度財(cái)報(bào)。微信小程序日活躍賬戶數(shù)已突破5億，交易總額持續(xù)快速增長(zhǎng)，進(jìn)一步滲透零售、餐飲及民生服務(wù)。 可見(jiàn)在現(xiàn)在這個(gè)時(shí)代，小程序的發(fā)展已勢(shì)不可擋，而小程序的開(kāi)發(fā)也成為了前端開(kāi)發(fā)人員的必修功課之一。

小程序｜簡(jiǎn)介

在前面我們了解到，小程序是存在于App中的App，這種“新興”的玩意兒，在我們開(kāi)發(fā)人員看來(lái)，與普通的Web網(wǎng)頁(yè)開(kāi)發(fā)有何區(qū)別呢？

小程序與普通網(wǎng)頁(yè)開(kāi)發(fā)的區(qū)別

運(yùn)行環(huán)境不同：Web網(wǎng)頁(yè)運(yùn)行在瀏覽器環(huán)境中；小程序是運(yùn)行在微信環(huán)境中的；

API不同：小程序無(wú)法調(diào)用瀏覽器中的DOM和BOM 的API，但是微信提供了官方的小程序API接口，可以使用官方提供的API接口完成一些定位、掃碼以及喚起支付頁(yè)面的功能……

開(kāi)發(fā)模式不同：小程序的開(kāi)發(fā)需要

• 申請(qǐng)小程序開(kāi)發(fā)賬號(hào)；
• 安裝小程序開(kāi)發(fā)者工具；
• 創(chuàng)建和配置小程序項(xiàng)目；

小程序｜前置準(zhǔn)備

開(kāi)發(fā)者賬號(hào)

注冊(cè)網(wǎng)址：https://mp.weixin.qq.com/

點(diǎn)擊右上角立即注冊(cè)

2. 選擇小程序注冊(cè)

根據(jù)自己實(shí)際情況填寫(xiě)注冊(cè)表單相關(guān)信息

注意：在信息登記頁(yè)面，選擇主體類(lèi)型為【個(gè)人】。

當(dāng)看到頁(yè)面彈窗：

就說(shuō)明你的開(kāi)發(fā)者賬號(hào)已經(jīng)注冊(cè)好了。

此時(shí)需要點(diǎn)擊【前往小程序】以獲取開(kāi)發(fā)所需要的【AppID】

～創(chuàng)建小程序項(xiàng)目時(shí)需要用到此ID～

開(kāi)發(fā)者工具

我們知道，編寫(xiě)一些程序的時(shí)候，需要對(duì)應(yīng)的開(kāi)發(fā)者工具——IDE。
比如Java語(yǔ)言的IDEA｜eclipse、Python語(yǔ)言的PyCharm、JavaScript語(yǔ)言的VsCode等等……

在小程序領(lǐng)域，微信提供了很好的適配小程序開(kāi)發(fā)的開(kāi)發(fā)者工具。

它的主要功能有：

• 快速創(chuàng)建小程序項(xiàng)目
• 代碼的查看和編輯
• 對(duì)小程序功能進(jìn)行調(diào)試
• 小程序的預(yù)覽和發(fā)布

開(kāi)發(fā)工具的下載可以前往：開(kāi)發(fā)者工具下載頁(yè)面，建議安裝穩(wěn)定版，在下方版本選擇中，根據(jù)自己的電腦的操作系統(tǒng)選擇合適的版本進(jìn)行安裝即可。

由于小新的電腦是macOS x64架構(gòu)的系統(tǒng)，所以這里我選擇第三個(gè)【macOS x64】.

點(diǎn)擊鏈接之后就是傻瓜式安裝流程了，與普通的常見(jiàn)的一些App的安裝流程并沒(méi)有什么區(qū)別。

安裝完成之后打開(kāi)，打開(kāi)后使用之前注冊(cè)開(kāi)發(fā)者賬號(hào)時(shí)，綁定的那個(gè)小程序管理員微信號(hào)進(jìn)行掃碼。

掃碼成功后，進(jìn)入開(kāi)發(fā)頁(yè)面，即可創(chuàng)建自己的第一個(gè)小程序項(xiàng)目啦～

下篇文章內(nèi)容：第一個(gè)小程序項(xiàng)目的創(chuàng)建
專(zhuān)欄訂閱入口【小程序｜原力計(jì)劃】

寫(xiě)在最后

開(kāi)篇時(shí)，我提到了【國(guó)內(nèi)外IT技術(shù)圈的發(fā)展】，我說(shuō)國(guó)外的IT技術(shù)圈致力于提升用戶在瀏覽器也就是Web頁(yè)面中能擁有更好的體驗(yàn)。而國(guó)內(nèi)的IT技術(shù)圈都在瘋狂內(nèi)卷，小程序的開(kāi)發(fā)人員數(shù)量也已經(jīng)達(dá)到了300萬(wàn)！

那么，到底是國(guó)內(nèi)IT技術(shù)圈的技能樹(shù)點(diǎn)歪了？還是國(guó)內(nèi)這次領(lǐng)先于國(guó)外，找到了更好的發(fā)展方向呢？

我個(gè)人認(rèn)為，如今微信小程序已經(jīng)不可避免的成為了我們生活中的一部分了，如我們的出行、購(gòu)物、餐飲、社交、娛樂(lè)等活動(dòng)的小程序已經(jīng)應(yīng)有盡有。甚至在防疫方面，各個(gè)健康碼小程序也成為了出行必備。相比于去安裝一個(gè)App人們自然更加傾向于在微信中去直接訪問(wèn)某個(gè)小程序，但是相比于Web頁(yè)面呢？我認(rèn)為，Web頁(yè)面與小程序并不沖突，國(guó)內(nèi)豐富良好的掃碼環(huán)境，就給予了小程序良好的生存環(huán)境，人們可以掃碼支付，也可以掃碼進(jìn)入小程序下單之后跳轉(zhuǎn)支付……這一點(diǎn)在國(guó)外是無(wú)法實(shí)現(xiàn)的，畢竟中國(guó)新四大發(fā)明之一【移動(dòng)支付】可是讓外國(guó)友人眼紅的很吶～

總結(jié)

以上是生活随笔為你收集整理的【小程序-开篇】国内IT技术圈的技能树貌似点歪了？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。