1. 程式人生 > >對於前端,「微信小程式」其實不美好

對於前端,「微信小程式」其實不美好

微信小程式開放公測了,9月底我曾經寫過一篇 「微信小程式」來了,其中最後一句:“謝天謝地,我居然還是個前端”。
這種火爆的新事物總是令人激動,感謝這個時代。

但是,當我真作為開發者去一行行擼碼,我還是忍不住翻起了白眼。

終於,11/03微信小程式正式開始公測。本著“另殺錯莫放過”的原則,我也開始了自己的微信小程式學習之旅。
ps:以下出現的“小程式”即微信小程式。

對小程式感興趣的同學很多,但是申請公測的門檻著實不低,得是企業、政府、媒體等等,反正得有正兒八經資質的開發者才能搞到資格。

前陣子到處都可以見到媒體對小程式的曝光。
大多都是 YY微信這個生態如何如何,開發者如何如何,又從商業角度聊,又從渠道維度扯,反正說得新興創業者、開發者淚流滿面,覺得自己已經即將迎風飛翔一樣。

從 11/06申請小程式通過至今,我也寫了幾天小程式了,網上例子看了不少,各種問題和學習筆記也零零散散記了一堆,這篇文章先聊三點我的體會。

一、學習成本不高

從相關的各種報道都有看到,說小程式是一套全新的、基於微信的生態,而且微信也確實搞出了開發者工具、框架、各種規範等等。

然後很多報道中還會參考水果公司的經驗:開發者需要從新學習一套開發語言,且已知小程式的開發和前端的套路大體一致,所以各種媒體、開發者預計前端方向可能會帶一波節奏。

但是,還是請前端同學冷靜一下,預計【微信小程式開發工程師】可能不是個好坑。

這套東西比現在前端圈子裡火爆的 Vue/React/Angular 簡單 N倍,有半年工作經驗的前端,花一天時間仔細看完文件,再花一天練練手,基本就能開始幹活了。
整套東西可以想象為:閹割後的 JS + Bootstrap。

二、對技術視野有加成

閱讀完小程式開發文件中有關【元件】和【API】的章節,且體驗了各種演示的示例,可以讓前端更瞭解客戶端可以實現的套路。

所以建議前端同學就算不搞微信小程式,還是去這套體驗下示例和文件,看看大廠都是怎麼玩規範的。

三、開發體驗其實並不美好

沒有非黑即白,更不是除了成功就是失敗。
任何創新都有多面性,對於優點和缺點都很明顯的小程式,包容和理解更重要。

小程式的開發體驗其實並不美好,但是並不算太糟糕,雖然微信web開發者工具經常讓我翻白眼,用這開發者工具真的分分鐘就讓人絕望...

最後,一句話總結這篇文章:
對於前端開發者,這個微信小程式其實也就那樣,但是不管是為了視野還是“錢途”,都值得嘗試一下。

技多不壓身,你說呢。
over.

相關推薦

對於前端程式其實美好

微信小程式開放公測了,9月底我曾經寫過一篇 「微信小程式」來了,其中最後一句:“謝天謝地,我居然還是個前端”。 這種火爆的新事物總是令人激動,感謝這個時代。 但是,當我真作為開發者去一行行擼碼,我還是忍不住翻起了白眼。 終於,11/03微信小程式正式開始公測。本著“另殺錯莫放過”的原則,我也開始了自己的微

讓你的程式執行在Chrome瀏覽器上讓我們使用WebStorm

「微信小程式」的開發框架體驗起來,還不錯——自帶了UI框架。但是問題是他的IDE,表現起來相當的糟糕——其實主要是因為,我當時買WebStorm License買了好多年。所以,我覺得他的IDE真不如我這個付費好用。 而且,作為一個擁護自由和開源的 「GitH

程式PHP非同步程序async-helper例項詳解

PHP非同步程序async-helper例項詳解 PHP 的非同步程序助手,藉助於 AMQP 實現非同步執行 PHP 的方法,將一些很耗時、追求高可用、需要重試機制的操作放到非同步程序中去執行,將你的 HTTP 服務從繁重的業務邏輯中解脫出來。以一個較低的成本將傳統 PHP 業務邏輯轉換成非阻塞、高可用、可

程式實現獲取當前位置並在地圖上顯示

盆友圈最近真是被微信小程式這貨刷爆了,哪那都是它,作為一個喜歡嘗(作)鮮(死)的前端汪來說,我肯定不會輕易放棄這麼好的嘗試機會,嘛溜的,先搭好環境壓壓驚! 環境搭建 地球人都知道此次微信官方釋出小程式的內測版只給了200個測試名額,作為茫茫

程式來了

ps:微信APP Store、微信小程式、微信應用號都是指同一個事情。 苦逼程式猿剛下班到家,還沒來得及洗漱,收到條小道訊息的推送。於是我有氣無力的拿著手機點開了這條推送訊息,映入眼簾的就是這張封面圖片。 首先,已經有不少人拿到微信小程式的內測; 很榮幸,勞資連需要啥資格都不太瞭解。 微信小程式是個什麼鬼

-齊梟飛前端架構師 程式--仿 QQ左劃事件--

廢話不多說,直接上程式碼: js: var app = getApp() Page({ data: { items: [], startX: 0, //開始座標 startY: 0 }, onLoad: func

程式:wx.downloadFile 成功沒報錯 downloadFile:fail Error: socket hang up 錯誤

  小程式剛出來,因為預研需要,很不幸的做了一回小白鼠,於是掉進了神坑。 下載檔案,首先是沒報錯了,然後不成功,這個時候,請把 fail開啟,把fail的報錯資訊輸出來     wx.downloadFile({       url: 'https://xxxx.xxx.

前端筆記之程式(四)WebSocket&Socket.io&搖一搖案例&地圖|地理位置

一、WebSocket概述 http://www.ruanyifeng.com/blog/2017/05/websocket.html   Workerman一款開源高效能非同步PHP socket即時通訊框架https://workerman.net   HTTP是無連線的:有請求才會有

程式 三元運算子起作用 | 出bug |解決方法

今天在寫微信小程式時,被坑到了, <!--.wxml-> <view class="row-in {{to_top ? 'to-top' : 'to-bottom'}}"> ... </view> 本意是想做一個簡單的動態頁面的,在使用

解決“程式disabled屬性生效”的問題!

微信小程式中帶disabled屬性的表單元件有(點選可以進入官方文件): button,checkbox,input,picker,radio,slider,switch,textarea   如果是固定禁用元件的話,直接放上disabled就好,簡單粗暴,如: <!

(程式)onload()載入到app.globalData全域性變數的值

onLoad()載入不到app.globalData全域性變數的值 app.js globalData: { statusResult:null, } index.js wx.request({ url: 'xxx

程式背景圖片顯示

    1.寫在 wxss 中的background-image 不顯示。     2.<navigator url='' style='background-image:url(../../images/bj.png);background-siz

程式修改資料重新整理頁面更新資料

先將資料儲存到本地快取,如下: wx.setStorageSync('caseid', this.data.id) wx.setStorageSync('newmsg', data) //data是一個物件 在需要修改的頁面獲取本地快取的資料,如下: var newmsg = wx.

關於程式請求http到的問題

小程式上市了,貌似很流弊的樣子,如果火了,@原生app方不方? 個人在摸索小程式的時候遇見一些坑,其中一個就是關於ajax請求失敗的問題,也是查閱了一些資料吧,發現了一個問題:小程式目前只支援https協議,並且還要設定。這尼瑪就很尷尬了有木有。 request的域名必須是

程式開發之能使用eval函式的問題

一 eval函式問題 JavaScript中的eval函式是頗受開發者爭議的問題之一,問題主要在於其可能導致的不安全性。有關此方面問題,在此不再贅述,讀者可能很容易地瀏覽到許多介紹性文章。 但是,eval函式的優點也是很明顯的。例如,使用JS編寫一個計算器程式,在遇到"2+

程式評論/留言功能附:前端+後端程式碼+視訊講解!

前端介面: 演示: <!-- 表單 --> <form bindsubmit="formSubmit"> <input type="text" name="liuyantext" placeholder='輸入留言內容' class

前端Java產品經理程式Python等資源合集大放送

為了感恩大家長久以來的關注和支援,小編準備了一些福利,整理了包含前端,Java,產品經理,微信小程式,Python,網站原始碼,Android應用視訊教程,微信公眾平臺開發教程及材料等資源合集大放送。重要的話說三遍,感恩大回饋,超有價值的學習資料免費送!免費領取!如果需要學習視訊,歡迎

程式前端程式-畢設級專案搭建(內含原始碼程式+java邏輯後臺+vue後臺管理系統+MySQL資料庫)~求完美實現就好

一、環境搭建 參考教程:https://blog.csdn.net/u012888052/article/details/79623229 二、根據上方教程新建的專案,編寫對應程式         第一次做的小程式,是一款閱讀器軟體,包括了簡單的文章瀏覽、歷史回顧、簽到

uni-app 是一個使用 Vue.js 開發跨平臺應用的前端框架開發者編寫一套程式碼可編譯到iOS、Android、程式等多個平臺。

uni-app 是一個使用 Vue.js 開發跨平臺應用的前端框架,開發者編寫一套程式碼,可編譯到iOS、Android、微信小程式等多個平臺。 uni-app在跨端數量、擴充套件能力、效能體

程式前端開發框架快速自動生成前端頁面

微信小程式自動切片生成佈局軟體是一款根據效果影象畫畫一樣來設計微信小程式,自動生成匯出前端頁面的快速開發工具。可以很方便、快速地生成小程式的wxml,wcss,js檔案。可以大大提高您的工作效率,減少前端佈局的編寫工作。功能如下:1.切片功能:原來手工寫的這部分工作,可以用切