微信小程序之工具js封装与使用

工具库的创建与使用

创建一个common文件夹
在common文件夹中创建一个utils文件夹
在utils文件夹中创建util.js

// 工具
function tool() {
    console.log('i am a tool function.');
}

module.exports = {
    tool: tool
}

在具体的页面js中调用
首先要引入工具文件

const util = require('../../common/utils/util');

然后在具体的位置使用即可。

onLoad: function (options) {
    util.tool();
    ...
}
i am a tool function.

这有点像,php中的common.php,里面有很多通用的函数库。其实,不论是前端,还是后端。一些思想都是相通的。

原文地址:https://www.cnblogs.com/jiqing9006/p/9382979.html

时间: 2024-11-05 23:32:54

微信小程序之工具js封装与使用的相关文章

微信小程序开发工具使用与设计规范(二)

上一篇文章主要分析了微信小程序应用场景和优劣势.本篇你可以学习到: 如何使用小程序开发工具写一个Hello World 微信小程序设计规范 微信小程序项目结构 >>>微信小程序开发工具使用 下载安装小程序 下载 :微信web开发者工具 下载:官方DEMO源码 本系列教程使用的是mac版的开发者工具. 安装完成后,打开微信web开发者工具 1.扫码登录,绑定个人微信 2.扫码登录后,新建或导入已有项目(这里使用官方提供的DEMO源码quickstart) 3.新建项目,导入刚下载的quic

微信·小程序开发工具安装指南及注意事项

这两天闲来无事,也安装了 “微信折叠”的开发工具来玩一下.以下是一些小道消息及使用体验,过两天我会写一篇文章以开发者的角度来详细评价微信小程序: 微信小程序不能开发游戏类.直播类功能,小程序每个人关注的上限是20个(还不确定,不过我相信这是真的,这次公布的API里并没有视频组件.微信太大,苹果要有所顾忌,但是微信也要做出相应的让步) 微信目前有没有同苹果商谈好,还是个未知数,毕竟会对AppStore有一定的冲击. 抛弃了大量的javascript组件后,这个生态体系变得相当的封闭,微信解释肯定是

微信小程序开发工具的数据,配置,日志等目录在哪儿? 怎么找?

原文地址:http://www.wxapp-union.com/portal.php?mod=view&aid=359 本文由本站halfyawn原创:感谢原创者:如有疑问,请在评论内回复 还是先把问题列出来,让问题来驱动探索: 微信小程序开发工具的数据,配置,日志等目录在哪儿? 怎么找? 首先分析了一下源码,日志目录应该同NW.JS的应用目录相关,,,查查查,,一直查到NW.JS的C++源码,搞得太复杂,大概知道位置,但还是不确切.决定不往这条线找,换另一条路: 把日志文件修改输出到我指定目录

微信小程序开发工具快捷键

最近微信小程序已经开始公测了,鉴于开发的过程中更加便捷的编写代码,最近整理了一下<微信开发者工具>一些实用的快捷键分享给大家: 微信小程序开发工具快捷键 格式调整 Ctrl+S:保存文件 Ctrl+[, Ctrl+]:代码行缩进 Ctrl+Shift+[, Ctrl+Shift+]:折叠打开代码块 Ctrl+C Ctrl+V:复制粘贴,如果没有选中任何文字则复制粘贴一行 Shift+Alt+F:代码格式化 Alt+Up,Alt+Down:上下移动一行 Shift+Alt+Up,Shift+Al

微信小程序开发工具测评

1月9日微信小程序正式上线.很多企业都希望能在这个.但是在技术开发的问题上,却不知道该如何下手.经过一些程序员不辞辛苦连夜测试,终于从十余款工具呕心沥血筛选出四款比较靠谱实用的微信小程序开发工具.接下来一起来看看测评吧. 一.微信小程序官方开发工具 注意,它只是个工具,而不是一个IDE.官方工具中的代码编辑功能,就是将vscode的代码编辑功能嵌入到工具中,不足以支撑开发. 优点 因为是官方工具所以有这其它第三方工具有这不可比拟的天然优势,如果不是他代码编辑功能太弱的话. 官方工具,可调试,可预

微信小程序开发工具下载以及安装教程

当我们已经申请微信小程序账号,接下来我们就需要安装一个微信小程序开发工具,下面微信小程序观察网请添加链接描述就和大家介绍一下微信小程序开发工具下载以及安装教程,希望对大家的工作与学习有所帮助! 第一步:微信公众平台上登录你的微信小程序账号 第二步:登录进入小程序开发-工具-下载,再根据你的系统选择相对应的版本地址进行下载. 第三步:以管理员身份运行下载,点击下一步,如图所示: 第四步:下一步,就会出现许可证协议,选择我接受.如图所示: 第五步:选定安装位置,浏览,选择桌面,点击安装,如图所示:

微信小程序开发工具怎么用

当我们已经将微信小程序开发工具下载安装好之后,微信小程序观察网(http://www.mpgcw.com)接下来就和大家分享一下微信小程序开发工具怎么用? 当你安装好了微信小程序开发工具,打开开发工具.会有两种类型可以选择,提供"本地小程序项目"和"公众号网页开发"两种调试类型.如图所示: 所示: 1.如果你是用于调试本地小程序项目,你可以点击本地小程序项目,进入界面,如图2.点击添加项目,这个界面需要填写APPID.项目名称.项目目录,如图所示: 3.怎么填写AP

微信小程序引用外部js,引用外部样式,引用公共页面模板

https://blog.csdn.net/smartsmile2012/article/details/83414642 ================小程序引用外部js====================== //封装的函数function GetUserInfo2018() { console.log("获取用户信息8888")} function count(str) { console.log(str)} //转化成小程序模板语言 这一步非常重要 不然无法正确调用mod

解决微信小程序开发者工具输入框焦点问题

Windows10笔记本上运行微信小程序开发者工具,输入框(input,textarea)没有焦点,只能在真机调试,效率太低.后来发现是Window10对笔记本高分屏支持不好,要DPI缩放,导致兼容性问题.解决方法: 显示设置.缩放与布局改为100%.这样就可以点击输入框了,但是字体变得很小,最好是外接显示器. 不修改DPI缩放,长按输入框即可! 原文地址:https://www.cnblogs.com/ycwu314/p/11258489.html