微信小程序?qū)W習(xí)總結(jié)（三）條件、模板、文件引用實(shí)例分析
本文實(shí)例講述了微信小程序條件、模板、文件引用。分享給大家供大家參考，具體如下：
上一節(jié)的在遍歷的時(shí)候控制臺中會報(bào)錯(cuò)
<view wx:for="{{content}}" wx:for-item='item' wx:for-index='index'>
{{item.name}}
</view>
控制臺中會顯示這個(gè)東西
Now you can provide attr "wx:key" for a "wx:for" to improve performance.
當(dāng)然了不處理也不影響程序運(yùn)行，但是看著好不爽啊。
wx：key用來對列表渲染的數(shù)據(jù)指定一個(gè)"主鍵”，以加快列表渲染的速度。以下是官方文檔原話：
如不提供 wx:key，會報(bào)一個(gè) warning， 如果明確知道該列表是靜態(tài)，或者不必關(guān)注其順序，可以選擇忽略。如果你一定想去掉這個(gè)警告，加wx:key="name"就不會報(bào)錯(cuò)了。
條件
<view wx:if='{{false}}'>TEST</view>
<view wx:else>oh no</view>
block
如果要一次性判斷多個(gè)組件標(biāo)簽，可以使用一個(gè)
<block wx:if="{{true}}">
<view> view1 </view>
<view> view2 </view>
</block>
模板
可以在模板中定義代碼片段，然后在不同的地方調(diào)用。
這就類似公共代碼的意思
common.wxml
<template name="common"> <text>這是一個(gè)模板</text> </template>
我把它引用到wxml中
<import src="common.wxml" />
使用模板，is聲明需要的使用的模板
<template is="common"/>
引用wxss文件
@import "news-item/news-item-template.wxss";
import有作用域
就問你傲不傲嬌
看看官方給的解釋
它只會 import 目標(biāo)文件中定義的 template，而不會 import 目標(biāo)文件 import 的 template。
如：C import B，B import A，在C中可以使用B定義的template，在B中可以使用A定義的template，但是C不能使用A定義的template。
希望本文所述對大家微信小程序設(shè)計(jì)有所幫助。
相關(guān)文章
談?wù)勎覍avaScript原型和閉包系列理解(隨手筆記9)
這篇文章主要介紹了談?wù)勎覍avaScript原型和閉包系列理解(隨手筆記9)的相關(guān)資料,需要的朋友可以參考下2015-12-12
本文是如何編寫高質(zhì)量JS代碼系列文章的第二篇，前篇文章反響還不錯(cuò)，應(yīng)小伙伴們的要求，今天繼續(xù)此系列的文章，有需要的小伙伴參考下。2015-02-02
詳解JavaScript 浮點(diǎn)數(shù)運(yùn)算的精度問題
這篇文章主要介紹了詳解JavaScript 浮點(diǎn)數(shù)運(yùn)算的精度問題，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07
js使用for循環(huán)及if語句判斷多個(gè)一樣的name
這篇文章主要介紹了js使用for循環(huán)機(jī)if語句判斷多個(gè)一樣的name,此法比較實(shí)用，需要的朋友可以參考下2014-09-09
本文主要介紹了JavaScript調(diào)用C語言的幾種方式，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
給easyui datebox擴(kuò)展一個(gè)清空的實(shí)例
下面小編就為大家?guī)硪黄oeasyui datebox擴(kuò)展一個(gè)清空按鈕的實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11
每天一篇javascript學(xué)習(xí)小結(jié)（Date對象）
這篇文章主要介紹了javascript中的Date對象知識點(diǎn)，對Date對象的基本使用方法，以及各種方法進(jìn)行整理，感興趣的小伙伴們可以參考一下2015-11-11
iframe窗口高度自適應(yīng)的實(shí)現(xiàn)方法
這篇文章主要介紹了iframe窗口高度自適應(yīng)的實(shí)現(xiàn)方法，有需要的朋友可以參考一下2014-01-01
plugin是插件的意思,通常是用于對某個(gè)現(xiàn)有的架構(gòu)進(jìn)行擴(kuò)展,下面這篇文章主要給大家介紹了關(guān)于webpack?Plugin的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-04-04
這篇文章主要為大家詳細(xì)介紹了JavaScript仿微博發(fā)布信息案例,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11