Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >微信小程序从零开始开发步骤(七)引入外部js 文件

微信小程序从零开始开发步骤(七)引入外部js 文件

作者头像
王小婷
发布于 2018-05-31 06:59:32
发布于 2018-05-31 06:59:32
2.6K00
代码可运行
举报
文章被收录于专栏:编程微刊编程微刊
运行总次数:0
代码可运行

上一章讲到小程序页面的四种常见的跳转的方法,这一章写如何引入一个外部的js文件,既utils文件夹的用处,其实步骤很简单:

1:准备好外部想要引入的外部文件,命名为util.js,并且填充固定的文件内容(一般是固定的库)

图片.png

2:打开util.js ,继续填写重要内容将要使用的方法用module.exports给暴露出来,如图所示( 我暴露了一个方法: imageUtil,若有很多方法,则用json形式)

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
module.exports = {
  imageUtil: imageUtil
} 

图片.png

3:将外部js放在指定的文件夹utils里(utils 规定存放js库和数字格式化文件)

图片.png

4:在想要用到这个方法的js里面 require这个js,然后调用即可 (我在index.js文件里面想要调用外部文件util.js,则先要获取应用实例 :var imageUtil = require('../../utils/util.js');调用即可。)

图片.png

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018.03.20 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
微信小程序日期选择器显示当前系统年月日时分
话不多说,记录一下这个框架的使用~小程序使用轻量、可靠的小程序 UI 组件库 vant-weapp Github源码:https://github.com/youzan/vant-weapp 中文文档:https://youzan.github.io/vant-weapp/#/intro
王小婷
2021/06/29
3.2K0
微信小程序Ⅵ [wx.request 的回调使用]
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u011415782/article/details/79585208
泥豆芽儿 MT
2018/09/11
8.5K0
微信小程序Ⅵ [wx.request 的回调使用]
【愚公系列】《微信小程序与云开发从入门到实践》007-路由与模块化
在当今的移动应用开发中,微信小程序以其轻量化和便捷的特点,受到了越来越多开发者的青睐。而在构建复杂的小程序时,路由管理和模块化设计显得尤为重要。良好的路由设计可以帮助用户实现流畅的页面导航,而模块化则有助于提升代码的可读性和可维护性,促进团队协作。
愚公搬代码
2025/01/10
1350
前端-微信小程序开发(4):打造自己的UI库
github地址:https://github.com/yexiaochai/wxdemo
grain先森
2019/03/29
1.1K0
前端-微信小程序开发(4):打造自己的UI库
微信小程序Ⅳ [js文件的外部引用]
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u011415782/article/details/79556117
泥豆芽儿 MT
2018/09/11
32.9K0
微信小程序Ⅳ [js文件的外部引用]
微信小程序从零开始开发步骤(二)创建小程序页面
上一章注册完小程序,添加新建的项目,大致的准备开发已经完成,本章要分享的是 要创建一个简单的页面了,创建小程序页面的具体几个步骤: 1. 在pages 中添加一个目录 选中page,右击鼠标,从硬盘
王小婷
2018/06/01
2.5K3
记一次小程序开发中如何使用async-await并封装公共异步请求
在平常的项目开发中肯定会遇到同步异步执行的问题,还有的就是当执行某一个操作依赖上一个执行所返回的结果,那么这个时候你会如何解决这个问题呢;
super.x
2019/04/12
1.5K0
记一次小程序开发中如何使用async-await并封装公共异步请求
Basic wechat mini program 基础微信小程序
# 开发工具下载 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html # 微信平台注册 https://mp.weixin.qq.com 小程序包含一个描述整体程序的 app 和多个描述各自页面的 page 一个小程序主体部分根目录由三个文件组成 app.js 小程序逻辑 app.json 小程序公共配置 app.wxss 小程序公共样式表 一个小程序页面由四个文件组成 js 页面逻辑 wxml 页面结构 js
vanguard
2020/03/06
1.2K0
记录微信小程序显示当前年月日及其详细时间的代码
转眼2022年初了,上班的第一件事就是修改了博客底部版权的年份,毕竟都是手动的,只能自己来修改,还好不用每个文件都改,在主题后台设置下就行啦,当然php代码可以直接设置输出年份,一段代码就搞定啦,但是小程序就比较费事了,因为看不懂代码,所以单单小程序我就修改了一上午,哦不,是大半天,好了不多说了,先把php输出年份的代码给出来。
李洋博客
2022/01/18
1.8K0
记录微信小程序显示当前年月日及其详细时间的代码
前端-微信小程序开发(5):日历组件的实现
github地址:https://github.com/yexiaochai/wxdemo
grain先森
2019/03/29
1.6K0
前端-微信小程序开发(5):日历组件的实现
小程序的网络请求封装
我们前端开发就要有面向对象的思想,让自己写的程序更加简单明了,不要有太多的融于代码,所以这里提到了封装的思想。 之前的项目里每次调用网络请求都调用了类似的代码: //加载数据 requestData() { var that = this if (that.data.listData.length < 1) { wx.showToast({ title: '加载中', duration: 500 }) } else {
honey缘木鱼
2018/06/13
1.4K0
微信小程序从零开始开发步骤(一)搭建开发环境小程序初始化目录介绍:
从零到有写一个小程序系列专题,很早以前就想写来分享,但由于项目一直在进展,没有过多的时间研究技术,现在可以继续分享了。 1:注册 用没有注册过微信公众平台的邮箱注册一个微信公众号, 申请帐号 ,网
王小婷
2018/06/01
2.3K0
【整理篇】微信小程序开发注意事项
使用: var date = util.formatDate(new Date()); 自定义的util方法需要在module.exports = { }方法中 暴露给其他类使用
yechaoa
2022/06/10
4120
JavaScript 模块化
随着前端js代码复杂度的提高,JavaScript模块化这个概念便被提出来,前端社区也不断地实现前端模块化,直到es6对其进行了规范,下面就介绍JavaScript模块化。
grain先森
2019/03/28
5390
前端-微信小程序开发(6):一个业务页面的完成
github地址:https://github.com/yexiaochai/wxdemo
grain先森
2019/03/29
7050
前端-微信小程序开发(6):一个业务页面的完成
微信小程序显示当前系统年月日时分秒
2:打开项目里面默认生成的util.js 这里可以看到,代码已经写好了,我们只需要引用就行了
王小婷
2020/08/24
3.4K0
微信小程序显示当前系统年月日时分秒
【Nodejs】838- Nodejs 模块化你所需要知道的事
我们知道,Node.js是基于CommonJS规范进行模块化管理的,模块化是面对复杂的业务场景不可或缺的工具,或许你经常使用它,但却从没有系统的了解过,所以今天我们来聊一聊Node.js模块化你所需要知道的一些事儿,一探Node.js模块化的面貌。
pingan8787
2021/01/28
5680
【Nodejs】838- Nodejs 模块化你所需要知道的事
30分钟学会前端模块化开发
早期的javascript版本没有块级作用域、没有类、没有包、也没有模块,这样会带来一些问题,如复用、依赖、冲突、代码组织混乱等,随着前端的膨胀,模块化显得非常迫切。
张果
2018/12/24
4K0
微信小程序开发教程第六章:「我」的页面开发
微信小程序「我」的页面效果图与需求: 用户有多张名片,需要左右切换查看,往下切换是菜单按钮。 这里需求两处滑动,用到了微信提供给我们的滑动组件 swiper,并且进行了嵌套使用,第一层是名片展
ytkah
2018/03/06
2.1K0
微信小程序开发教程第六章:「我」的页面开发
从零搭建一个 webpack 脚手架工具(四)
loader 的执行顺序是:从右到左、从下到上。在配置 sass 样式时,需要这么去写 loader:
多云转晴
2019/12/26
7900
从零搭建一个 webpack 脚手架工具(四)
推荐阅读
相关推荐
微信小程序日期选择器显示当前系统年月日时分
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验