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

版权声明:本文为博主原创文章,未经博主允许不得转载。 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 条评论
登录 后参与评论

相关文章

来自专栏idba

获取没有设置TTL的key

在运维Redis的时候,总会遇到使用不规范的业务设计,比如没有对key设置ttl,进而导致内存空间吃紧,通常的解决方法是在slave上dump 出来所有的k...

922
来自专栏程序员互动联盟

vim带你装逼带你飞(二)

上篇我贴上了我使用的vim配置及插件配置,有这些东西只能是一个脚本堆积,无从谈高效的代码阅读开发。 下面我们就来写经常使用的命令,就从配置F系列快捷键开始吧。 ...

2876
来自专栏iOS开发笔记

iOS开发之单例模式你用对了吗

、 单例在iOS开发中可以说是很常见的一种设计模式,在你的项目中或许你已经用过很多次,大家可能都会想不就是单例吗,我闭着眼睛单手就能写。是的,单例可以说是所有设...

894
来自专栏运维小白

5.7 vim实践

多练习,记好笔记 # cp /etc/dnsmasq.conf /tmp/1.txt (1) 分别向下、向右、向左、向上移动6个字符(6j 6l 6h 6k...

18710
来自专栏linux系统运维

管道符和作业控制,shell变量和环境变量配置文件

1915
来自专栏跟着阿笨一起玩NET

jquery调用页面的方法

本文转载:http://www.cnblogs.com/chenxizhang/archive/2009/05/28/1491250.html

2312
来自专栏Laoqi's Linux运维专列

python3–文件操作

48510
来自专栏瓜大三哥

vim命令总结

2207
来自专栏北京马哥教育

linux中的vi编辑器

vim文字处理器 linux 下的vi 是一种文字编辑器,后来的升级版本是vim。vi 分为三种模式:一般模式、编辑模式、命令命令模式。它们之间的关系如下: ?...

44311
来自专栏用户2442861的专栏

JavaWeb工程中web.xml基本配置

        先说下我记得xml规则,必须有且只有一个根节点,大小写敏感,标签不嵌套,必须配对。

1581

扫码关注云+社区

领取腾讯云代金券