专栏首页木头编程 - moTzxx微信小程序Ⅶ [外部文件引用的注意点]

微信小程序Ⅶ [外部文件引用的注意点]

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u011415782/article/details/79688907

前言

  • 在学习过程中,注意到:

小程序对外部文件的引用规范有限制,需要注意下,以免代码报错

正文

  • 外部文件引用,一般分为三种(也就是最常见的文件咯!):

①. 外部 js文件的引用

当前阶段,对js文件的引用,需要关键字 require,并且只能满足 相对路径,参考代码如下:

//注意 只能使用相对路径
var postsData_js = require('../../data/posts-data.js')

②. Template 模板的引用

  • 即为 wxml 文件的引用方式

测试发现,对 template 的引用,需要关键字 import,可同时满足 相对路径绝对路径 :

<!-- 引用模板文件 相对路径、绝对路径都可以 -->
<!-- <import src="post-item/post-item-template.wxml"/> -->
<import src="/pages/posts/post-item/post-item-template.wxml"/>

注意】: 尤其要注意,不要忘记标签 <import> 的结尾 /

③. wxss 样式文件的引用

wxss 样式文件的引用,需要关键字 import,可同时满足 相对路径绝对路径 :

/*@import '/pages/posts/post-item/post-item-template.wxss'; */
@import 'post-item/post-item-template.wxss';

注意】: 引用语句的最后,不要忘记以分号 ; 结尾!

附录

  • 多扯一句,建议掌握小程序的 模板化思想,方便代码复用
  • 同时注意一点,脚本逻辑的模板化暂不支持,不要做无多功…

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • mysql 语句进行记录的排名实现

    版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u011415782/article/de...

    泥豆芽儿 MT
  • layui 图片上传控件 自定义基础参数的获取

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 ...

    泥豆芽儿 MT
  • ThinkPHP 5.1自定义404界面的配置

    版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u011415782/article/de...

    泥豆芽儿 MT
  • linux系统编程之文件与I/O(二):文件的读取写入

    一、read系统调用 一旦有了与一个打开文件描述相关连的文件描述符,只要该文件是用O_RDONLY或O_RDWR标志打开的,就可以用read()系统调用从该文件...

    s1mba
  • Jupyter Notebook数据格式解析

    经常用Jupyter Notebook写Python代码,看到这个需求不是想去找轮子而是想自己做解析和合并。通过深入文件格式去加深对Jupyter Notebo...

    蛰虫始航
  • 基于t-io官网源码旗舰版App socket对接的一点经验

    原文转载自:https://www.t-io.org/1154654880242212864

    talent-tan
  • AI独角兽云从如何冲破重庆互联网迷雾

    李根 发自 凹非寺 量子位 报道 | 公众号 QbitAI ? 勒是雾都。 2015年4月创立于重庆的AI公司云从,取了一个“风云”相关的名字。 《易经·乾卦...

    量子位
  • 华歌智能家居选择云翌通云总机平台让客户尽享智慧优越体验

    华歌是全球领先的智能家居端到端解决方案提供商和云服务运营商。旗下拥有专注于别墅豪宅市场的高级定制品牌DVACO Lifestyle®,专注主流家庭市场的个性化定...

    云翌通信
  • java高级进阶|File文件操作

    终于开始写java对文件进行操作的这一篇内容了,因为从去年都说我去写一篇关于IO文件流操作的文章,但是,却拖到了今天去写,是的,下班的时候去写的,正好明天可以休...

    后端Coder
  • 如何用云开发创建专属文件存储小程序?丨实战

    学习云开发也有段时日了,当时就想试试手,不过一直没有灵感。直到有一次同学问我有没有老师发过的某个ppt,我说你怎么不去翻聊天记录呢?他说太麻烦,而且聊天记录中的...

    腾讯云开发TCB

扫码关注云+社区

领取腾讯云代金券