微信小程序說到引爆2017的前端話題,“微信小程序”當之無愧。微信小程序有著可以不需要下載安裝、可以快捷傳播和獲取、出色使用體驗的特點,被騰訊寄于連接用戶與服務,實現應用“觸手可及”的夢想的希望。 從技術的角度看,其本質是一款基于微信的web離線包,微信開放平臺提供了各式各樣的動畫和API,使得小程序的界面和過渡動畫也更加美觀、原生。用戶在小程序里即用即走,不用考慮內存,硬件容量等問題,適合廣大低頻APP。上海培戀網科技網絡帶大家走進小程序。

第一、小程序的技術棧 我們已經了解了小程序的產品定位,再看看小程序技術層面的問題。為了開發小程序,小程序對廣大開發者提供了WXML,WXSS和高度封裝的WXAPI。WXML(WeiXin Markup Language)是框架設計的一套標簽語言,結合基礎組件、事件系統,可以構建出頁面的結構。WXSS(WeiXin Style Sheets)是一套樣式語言,用于描述 WXML 的組件樣式。WXSS 用來決定 WXML 的組件應該怎么顯示。WXAPI是微信原生 API,可以方便的調起微信提供的能力,如獲取用戶信息,本地存儲,支付功能等。同時,框架為開發者提供了一系列基礎組件,開發者可以通過組合這些基礎組件進行快速開發。什么是基礎組件?組件是視圖層的基本組成單元。組件自帶一些功能與微信風格的樣式。一個組件通常包括開始標簽和結束標簽,屬性用來修飾這個組件,內容在兩個標簽之內。 比如說微信提供了視圖容器
,可滾動視圖區域,滑塊視圖容器,將原本開發者熟悉的HTML標簽做了封裝,直接用標簽可以實現以前需要引入插件才能實現的滾動或滑塊功能。這類高度封裝的標簽還有滾動選擇器,可以用一個標簽實現普通選擇器,時間選擇器,日期選擇器。可謂是十分的方便快捷。 在JS封裝方面,由于框架并非運行在瀏覽器中,所以 JavaScript 在 web 中一些能力都無法使用,如 document,window 等。微信的技術架構讓我們不再需要直接調用這些習以為常的瀏覽器對象,用他們的一套技術方案就可以方便快捷的實現原本復雜的邏輯。他們將所有的瀏覽器對象隱藏,只對開發者提供一個名為wx的對象,提供了全面的諸如網絡、媒體播放、文件上傳、數據緩存、位置、設備信息、界面交互、登錄、支付、模版消息等能力。沒有了cookie的使用,本地緩存相關只能用wx.setStorage(wx.setStorageSync)等api可以對本地緩存進行設置、獲取和清理。本地緩存最大為10MB。且 localStorage 是永久存儲的。第二、微信小程序的開發設置 對于小程序開發者,首先要做的是拿到管理員帳號,添加開發者白名單。然后在開發設置頁面查看AppID和AppSecret,配置服務器域名。第三步下載開發者工具進行代碼的開發和上傳。微信小程序開發工具,嚴格規范開發者,每一步都需要掃碼驗證。同時小程序只支持https請求。
培戀網原創版權,網站建設提供網站代運營、模板網站制作轉載請注明出處,本文地址:http://www.gdszrq.com/news/video/64222.html