小程序的深層了解

一:wxss的全局樣式和局部樣式

寫在文件上,第一個路徑會執行全局和局部自帶的wxss給wxml,會執行wxml,會執行json和js.

無論那個文件都會執行文件夾內的和外部的app.wxss,但是如果有一樣的屬性,則看屬性的權重,權重一樣,則設置局部樣式.

二:全局配置

wx:key="寫的是data內的呢

可以,{{item.id}},

style不設置,則用默認樣式.

app.json是對小程序整體的一個設置,設置頁面路徑,設置是否頁面外觀.

window下的配置

project.config.json是對項目的一個名稱這種.

1.window

注意點:navigationBarTitleText屬性設置顏色只能是16進制的.(6位).enablepulldownrefresh是是否允許向下拉出現下拉的形式,不允許則下拉無效果.我們這里設置的是全局樣式,但是局部也有json可以修改.外部的app.json都是對所有頁面其作用.backgroundColor是下拉的頁面的顏色

onreachbottomdistance寫這個,給根組件綁定onReachBottom="loadMoreData"事件,當整個頁面劃到相應距離,觸發根組件的這個事件,以及不似html有html和body等標簽,放置的時候就是第一個開始放到頁面上.頁面容器.

2.tabBar

? ? ? ??

tabbar屬性值寫對象可以寫以下.

backgroundColor似乎只能16進制

list數組內的對象可以寫

配置應該底層會遍歷獲得值,然后判斷值,是否是16進制/特定的字符串"black"內部底層使得變化.iconpath需要/開始,是路徑.

三:頁面配置

頁面文件夾內也有json文件,json文件和app.json一樣也有window,可以設置外觀.

但是文件夾內json寫的時候{}對象不用寫window知道只能設置的是window.

總結:頁面設置高于全局設置的.在顯示頁面的時候,會尋找json和外部的json一起設置當前頁面.但是頁面內中心的部分只由wxml文件決定.

執行一個頁面,會先執行wxml,然后wxss,然后json,一起為頁面顯示.尋找json文件的時候,看到文件內根據屬性名是window,再遍歷對內部的是background-color等為頁面設置顏色.能根據wxml標簽去顯示頁面,也可以根據標志去設置.設置都一樣,只是條件不同.

當執行app.json的時候,遍歷有tabbar屬性,則遍歷list,則將list傳到哪里,然后顯示底部/頂部導航.加到DOM樹上.

我們app.json內的配置項pages不用寫/,直接寫名字開始會從根目錄開始帶上這個去查,而且找的時候會認為后面的是不包括后綴名的整個文件名查找四個.以及tabbar的list上的pagePath,執行會去看是否包括,包括則加路徑進行跳轉.pages能是所有可以進行跳轉的頁面路徑.無論跳頁面都要來看有沒有這里是允許跳轉的頁面.

四:請求

注意點:1)只允許HTTPS的協議

? ? ? ? ? ? ?2)接口的域名寫到列表內

?????????????3)所寫的域名必須經過ICP備案

原因:https所寫的安全,一個域名只能被寫到一個用戶內,因此寫到信任列表內的不允許其他用戶寫,保證一個人使用.安全.在后臺配置1登錄開發工具的時候內部有的.

wx對象相當于window對象,內部的全局對象,js內可以執行.

執行wx.request方法,會先對參數進行分解,辨別然后請求內部發送請求.內部有發送請求的命令.

success就是請求成功,內部命令等待執行完畢然后執行success,的值.失敗一樣.執行這個異步會等其他完再執行.如果業務失敗請求成功也是執行success.

注意:請求的時候我們可以在開發工具內勾選這個,則模擬編譯的時候,會去訪問.但是一旦提交的時候,審核上線,不允許的.我們在還沒有時間改http的時候/多個人用域名,可以勾選.

跨域是:瀏覽器和服務器,不是客戶端和服務器.

也不是ajax,ajax內的請求發送是實現瀏覽器發送到服務器.客戶端沒有跨域問題.

五:頁面跳轉

tabbar會實現使得只要是在list所在頁面就會有下面的導航.只要跳到tabbar的頁面就會有這個.應該是會去查找是不是在tabbar內.以及tabbar可以跳轉.

1.聲明式導骯

1)跳到tab頁面.

這個組件內部自帶了觸摸事件,觸摸事件會跳轉頁面且會獲得open-type和url,根據open-type的值先判斷如果都不是就不跳. 是上述則尋找tabbar內的列表.且去尋找pages內的是否包含.都滿足.

2)跳到非tab頁面

不寫open-type的時候,undefined的時候,也訪問非tabbar頁面.

3)后退

當觸摸事件,根據open-type進行不同的操作.觸摸事件的回調函數,根據open-type,取到delta進行返回.內部執行的是編程式導航.

這個后退只能在非tabbar頁面,觸發事件,會知道這個頁面.非tabar頁面自動有返回的按鈕.

2.編程式導航

一樣的,不似navigator需要類別.

不能同時有url和delta..

上述兩個知道可以執行就可以.內部做了什么.像vue的this.$router.push為什么調用方法就能跳轉呢.

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/bicheng/15802.shtml
繁體地址,請注明出處:http://hk.pswp.cn/bicheng/15802.shtml
英文地址,請注明出處:http://en.pswp.cn/bicheng/15802.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

17.7K星開源產品分析平臺:Posthog

Posthog:開源洞察,產品優化的得力助手 - 精選真開源,釋放新價值。 概覽 PostHog是一個全面開源的平臺,旨在幫助團隊構建更好的產品。它提供了從產品分析到會話回放、功能標志和A/B測試等一系列工具,支持自托管&#x…

如何通過Nginx配置將請求轉發到conf.d目錄下的各個配置文件

目錄 如何通過Nginx配置將請求轉發到conf.d目錄下的各個配置文件1. 修改主配置文件 nginx.conf2. 在 conf.d 目錄中創建站點配置3. 設置站點根目錄和權限4. 檢查配置并重新加載Nginx總結 如何通過Nginx配置將請求轉發到conf.d目錄下的各個配置文件 在使用Nginx進行網站管理時&…

讀人工智能時代與人類未來筆記14_管控人工智能

1. 管控人工智能 1.1. 歷史上的戰場進一步推進到與數字網絡相連的所有地方 1.2. 數字程序現在控制著一個由眾多實體系統構成的龐大且仍在不斷增長的領域,而且越來越多的此類系統已實現網絡化 1.2.1. 在某些情況下甚至連門鎖和冰箱都實現了網絡化 1.2.2. 這催生出…

拋出異常時仍然需要記錄錯誤日志

場景:當service的方法執行拋出異常時,事務會發生回滾,導致無法記錄錯誤日志 解決:切面 其他:1.日志需要記錄日志標題,保存入參 2.失敗時會拋出異常;日志需要判斷執行是否成功,記錄…

2024年漢字小達人活動4個多月開賽:18道歷年選擇題和答案、解析

根據近年的安排,2024年第11屆漢字小達人比賽還有4個多月就啟動,那么孩子們如何利用這段時間有條不紊地備考呢?我的建議是兩手準備:①把小學1-5年級的語文課本上的知識點熟悉,重點是字、詞、成語、古詩。②把歷年真題刷…

聯想端游聯運SDK接入指南

1. 接入流程 本文檔主要介紹了 聯想PC游戲SDK接入流程、聯想游戲提供的功能、接入注意事項等。 1.1. 接入方式 1. 聯想游戲SDK2.1版本支持“賬號防沉迷支付”接入方式; a. 聯想提供賬號注冊、登錄等能力 b. 聯想提供防沉迷服務 c. 聯想提供游戲內支付 1.2. 對…

【學習筆記】計算機組成原理(八)

CPU 的結構和功能 文章目錄 CPU 的結構和功能8.1 CPU的結構8.1.1 CPU的功能8.1.2 CPU結構框圖8.1.3 CPU的寄存器8.1.4 控制單元CU和中斷系統 8.2 指令周期8.2.1 指令周期的基本概念8.2.2 指令周期的數據流 8.3 指令流水8.3.1 指令流水原理8.3.2 影響流水線性能的因素8.3.3 流水…

meinheld-gunicorn-flask VS uvicorn-gunicorn-fastapi 性能對比測試

本文會使用如下兩個項目:meinheld-gunicorn-flask 與 uvicorn-gunicorn-fastapi 前文有測過 Flask vs FastApi 性能對比測試,可能不夠有說服力,這次使用了號稱最快的wsgi或asgi服務器gunicorn來運行flask或fastapi。 上面meinheld-gunicorn…

數據庫-SQL性能分析

SQL執行頻率 慢查詢日志 慢查詢日志記錄了所有執行時間超過指定參數(long_query_time,單位:秒,默認10秒)的所有 SQL語句的日志。 MySQL的慢查詢日志默認沒有開啟,我們可以查看一下系統變量 slow_query_l…

html5 筆記02

目錄 01 svg的基本使用 02 svg繪圖 03 進程和線程 01 svg的基本使用 svg和canvas的區別: canvas: 1.canvas作為一個容器只有一個dom元素 ,內部元素無法使用dom操作 (canvas不能展開然后選擇不到 svg查看元素能選中因為是通過標簽控制的) 2.canvas 是配合js完成各種繪制效果 …

vue-route的路由配置中父組件沒有component怎么處理

概述 為了方便開發和維護,所以web前端的路由配置路徑和前端代碼文件路徑一般是一致的。但在實際開發中,項目可能會分很多級的菜單,由于很多菜單只有葉子菜單是真正的頁面。而中間菜單項只是一個路由配置。 為了正確路由到底層的功能頁面&…

指紋識別概念解析

目錄 1. 指紋是物證之首 1.1 起源于中國 1.2 發展于歐洲 1.3 流行于全世界 2. 指紋圖像 3. 指紋特征 4. 指紋注冊 5. 指紋驗證 6. 指紋辨識 1. 指紋是物證之首 指紋識別技術起源于中國、發展于歐洲、流行于全世界。自20世紀以來,指紋在偵破刑事案件、解決訴…

水泥超低排平臺哪家好?

隨著環保政策的加強和綠色發展理念的深入人心,水泥行業的超低排放改造已成為行業發展的新趨勢。選擇一個合適的水泥超低排平臺對于確保改造效果和實現企業的可持續發展至關重要。朗觀視覺小編將從多個角度出發,為您提供一份綜合評估與選擇攻略&#xff0…

Spring Boot 3.x 與 Spring Boot 2.x 的對比

Spring Boot 是 Java 開發領域的一個重要框架,它簡化了基于 Spring 的應用開發。隨著版本的不斷更新,Spring Boot 提供了更多功能、更好的性能以及更簡潔的配置。本文將詳細對比 Spring Boot 3.x 和 Spring Boot 2.x,探討它們之間的主要區別和…

[C語言]自定義類型詳解:結構體、聯合體、枚舉

目錄 🚀結構體 🔥結構體類型的聲明 🔥結構的自引用 🔥結構體變量的定義和初始化 🔥結構體內存對齊 🔥結構體傳參 🔥結構體實現位段(位段的填充&可移植性) &a…

安裝 Ubuntu桌面版,詳細步驟(附引導 U盤制作工具)

下載鏡像 安裝Ubuntu首先要下載鏡像包,訪問下面網址下載鏡像包 https://releases.ubuntu.com/ 選擇你要安裝的Ubuntu版本 將 .iso 文件保存到所需位置,下面會使用此文件創建可引導 U盤。 制作 Ubuntu 引導 U 盤 首先要找到一個大于4G的U盤&#xff…

貓頭虎 解析:為什么AIGC在國內適合做TOB,在國外適合做TOC?

貓頭虎 解析:為什么AIGC在國內適合做TOB,在國外適合做TOC? 博主 貓頭虎 的技術世界 🌟 歡迎來到貓頭虎的博客 — 探索技術的無限可能! 專欄鏈接: 🔗 精選專欄: 《面試題大全》 — 面…

ps進程查看命令詳解

1、PS 命令是什么 查看它的man手冊可以看到,ps命令能夠給出當前系統中進程的快照。它能捕獲系統在某一事件的進程狀態。如果你想不斷更新查看的這個狀態,可以使用top命令。 2、ps命令支持三種使用的語法格式 UNIX 風格,選項可以組合在一起…

鴻蒙ArkUI-X平臺差異化:【運行態差異化(@ohos.deviceInfo)】

平臺差異化 簡介 跨平臺使用場景是一套ArkTS代碼運行在多個終端設備上,如Android、iOS、OpenHarmony(含基于OpenHarmony發行的商業版,如HarmonyOS Next)。當不同平臺業務邏輯不同,或使用了不支持跨平臺的API&#xf…

c++中靜態函數

在Qt中,可以通過在類中定義靜態方法來添加靜態方法。靜態方法是類的一部分,但不需要實例化類對象就可以直接調用。 下面是一個示例,演示了如何在類中添加靜態方法: cpp class MyClass { public: static void myStaticMethod…