如何讓杭州小程序開發(fā)少走彎路?
分享 2020.12.28 瀏覽次數:4043次
如何讓杭州小程序開發(fā)少走一點彎路?以下有幾種提升代碼質量問題的法寶:
一、 小程序開發(fā)工具介紹
1.小程序開發(fā)工具的下載地址
在正式開發(fā)之前需要安裝微信小程序的開發(fā)工具。
2.小程序開發(fā)工具的界面
下載完成后直接安裝。
與傳統(tǒng)的IDE界面布局風格不同,菜單欄在左側的豎條,分為編輯、調試、和項目。編輯區(qū)可以對當前項目進行代碼編寫和文件的添加、刪除以及重命名等基本操作。
工具目前提供了5種文件類型的編輯:wxml、wxss、js、json以及圖片文件,擁有自動保存、自動補齊、實時預覽等功能。
二、 小程序的項目結構介紹
1. 組成小程序項目的元素
再來說一下項目結構,整個項目由以幾部分組成:
app.js 主要是全局公共的js方法聲明及調用所在的文件,是小程序的腳本代碼。我們可以在這個文件中監(jiān)聽并處理小程序的生命周期函數、聲明全局變量。程序從“骨架”成為“血肉之軀”的正是js的作用。js做一些動態(tài)的東西,比如請求數據,控制元素上下移動,判斷用戶輸入密碼是否安全等等。
app.json 是是對整個小程序的全局配置。所有的頁面都要在此注冊,不然不允許訪問。我們可以在這個文件中配置小程序是由哪些頁面組成,配置小程序的窗口背景色,配置導航條樣式,配置默認標題。
app.wxss 是小程序全局的css文件,是整個小程序的公共樣式表。我們可以在頁面組件的 class 屬性上直接使用 app.wxss 中聲明的樣式規(guī)則。
pages下是對應著所有頁面,每個頁面可以添加以上三種類型的文件。另外還有wxml類型文件。wxml是一種類xml的結構化文本,描述了小程序頁面有哪些元素,比如一個文章需要有標題、作者、時間、正文,但是不關心這些元素怎么排列。
utils 是我們公共的js存放的地方,因為微信小程序要求,每個js文件里的方法不可以直接引用或調用,必須要用 module.exports方法導出,這樣pages 下的.js文件才可以調用到我們在這里寫的js方法。
attachment下存放的是圖片等資源文件(單個不大于1M)。
2. 如何編寫js文件?
那么以上語法規(guī)則最復雜的就是js文件,下面我們重點了解一下js文件。
2.1 app.js文件
app.js是整個小程序的入口文件,也是控制整個小程序生命周期的文件。App.js用App()來實現(xiàn)對整個程序的注冊,同時App()里面還實現(xiàn)了對小程序生命周期的監(jiān)控函數:
當用戶點擊左上角關閉,或者按了設備 Home 鍵離開微信,小程序并沒有直接銷毀,而是進入了后臺;當再次進入微信或再次打開小程序,又會從后臺進入前臺。只有當小程序進入后臺一定時間,或者系統(tǒng)資源占用過高,才會被真正的銷毀。簡單地說,前臺就是你在操作小程序時;后臺就是你離開了小程序,去打開其他手機服務時,這時小程序就隱藏到后臺。
2.2 index.js文件
小程序中每一個頁面可以放在一個文件夾中,這個文件夾中一般包括4個文件:.js, .json, .wxml, .wxss。官方建議這四個文件的名字最好和文件夾的名字一致,這樣便于框架自動查找。
每個頁面都需要注冊,index.js用Page()這個函數來注冊一個頁面,它接受一個object參數,用這個參數來指定頁面的初始數據,生命周期函數,事件處理函數。
如果您還有想了解的,或者需要杭州小程序開發(fā),可以找杭州帷拓科技。我們擁有專業(yè)的建設開發(fā)團隊和豐富的杭州小程序開發(fā)經驗,我們可以給您提供最盡心的幫助。
-
杭州APP定制:選擇合適開發(fā)公司的重要性
日期:2024-12-20瀏覽次數:381次
-
杭州app開發(fā):如何選擇專業(yè)開發(fā)公司?
日期:2024-12-20瀏覽次數:383次
-
杭州定制小程序公司:小程序行業(yè)的未來趨勢
日期:2024-12-20瀏覽次數:375次
-
杭州小程序開發(fā)公司:如何運營小程序以吸引更多客戶
日期:2024-12-13瀏覽次數:668次
-
杭州app定制公司:如何打造網站建設第一品牌的特色?
日期:2024-12-13瀏覽次數:650次
相關新聞
整合同類新聞,相關新聞一手掌握
-
大同網站建設如何提高質量?主題要明確
日期:2020-10-21瀏覽次數:1982次
-
大同網站優(yōu)化技巧干貨,助你提高網站排名
日期:2020-10-21瀏覽次數:1962次
最新新聞
與互聯(lián)網同行,實時掌握網建行業(yè)最新動態(tài)
-
微信公眾號發(fā)展前景怎么樣?
日期:2017-10-25瀏覽次數:4921次
-
如何選擇合適的滁州app開發(fā)公司
日期:2021-02-04瀏覽次數:1980次
-
博物館APP輕松玩轉互聯(lián)網
日期:2021-02-07瀏覽次數:1835次
-
杭州網站優(yōu)化,SEO的發(fā)展歷史是怎樣的?
日期:2021-04-13瀏覽次數:4673次
-
晉江網站建設,如何寫好文章標題
日期:2021-06-15瀏覽次數:4022次
隨機新聞
新聞新動態(tài),您需要的新聞管家
洞悉市場趨勢演變讓傳播回歸社會
免費獲取網站建設與網絡推廣方案報價
-
關于我們
杭州帷拓科技有限公司,是一家新型的全案網絡開發(fā)公司,作為以互聯(lián)網高端網站建設、APP開發(fā)、小程序開發(fā)為核心的專業(yè)網絡技術服務供應商,帷拓科技致力于全面分析市場環(huán)境、衡量與預測市場需求、整合區(qū)別于行業(yè)競爭對手的絕對優(yōu)勢,結合品牌理念深度挖掘項目優(yōu)勢和產品價值,提升客戶品牌認知、認可度。
-
我們的客戶
帷拓科技歷經十年沉淀,與國內外上千家客戶達成合作關系,其中穩(wěn)定合作的公司有:浙江華為、浙江移動、浙江5G產業(yè)聯(lián)盟、浙江省社科院、綠城足球俱樂部、娃哈哈雙語學校、健康中國杭州峰會、科雷機電等,帷拓科技始終堅持“帷有專業(yè),才能拓展無限”的服務理念,堅持“認真堅持細節(jié)”的優(yōu)質服務理念,不斷完善自身,成就企業(yè),最終實現(xiàn)共贏。
-
我們的業(yè)務
帷拓科技主營業(yè)務范圍包含互聯(lián)網高端網站建設、APP開發(fā)、小程序開發(fā)、商城網站建設、公眾號運營以及數字營銷等,涵蓋了服務、房產、數碼、服裝、物流貿易等行業(yè),根據品牌現(xiàn)狀,為每個客戶量身定制項目整體服務方案,以敏銳的市場洞察力、創(chuàng)新的市場策劃能力,全面把握市場變化,為客戶實現(xiàn)從企業(yè)到消費者的價值轉換。