![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
文章平均质量分 50
小程序学习笔记
心刻
这个作者很懒,什么都没留下…
展开
-
小程序中使用npm包
1.初始化 package.jsonnpm init执行后询问的初始化信息可以一直回车使用默认的就行,或者直接使用npm init -y命令2.勾选允许使用npm3.下载npm包npm install 包名例如 pubsub-js包 ,可以实现页面与页面之间的通信。它是通过自定义事件(订阅与发布)的方式进行的。引入包:import PubSub from 'pubsub-js',订阅方:PubSub.subscribe(事件名,事件回调),发布方:PubSub.publish(事件名,提供原创 2021-03-16 16:12:59 · 435 阅读 · 0 评论 -
小程序将wx.request简单封装成Promise形式
将wx.request简单封装成Promise形式新建一个js文件,写入如下封装的内容export const request=(params)=>{ const baseUrl = "https://abc.net/api/public/v1" return new Promise((resolve,reject)=>{ wx.request({ ...params, url:baseUrl+params.url, success:(r原创 2020-10-24 22:59:11 · 840 阅读 · 1 评论 -
微信小程序中使用阿里字体图标iconfont
1,搜索需要用的字体图标阿里巴巴矢量图标库:https://www.iconfont.cn/2,将选择好的图标加入购物车,点击右上角的购物车然后选择添加至项目添加到项目的话,在下次继续追加或者修改一些图标来使用就更加方便3,生成图标的链接在上面第2步点击确定之后就会跳转到个人中心,选择Font class后点击查看在线链接然后复制这个链接到项目4,用浏览器打开图标的链接复制上面的链接到浏览器打开(推荐用谷歌浏览器打开)复制浏览器打开的页面里面的全部内容5,粘贴到新建的wxss文件原创 2020-05-26 21:41:30 · 744 阅读 · 0 评论 -
小程序生命周期
小程序应用生命周期小程序应用生命周期就是项目根目录中app.js文件的App实例生命周期,在app.js文件中设置这些生命周期函数。onLaunch就是小程序第一次启动的时候触发,在这个时候可以获取用户的个人信息onShow就是小程序应用被用户看到的时候触发,后台切换到小程序的时候都会触发,在这个时候可以对应用的数据或者页面效果重置。onHide就是小程序被隐藏的时候触发,将小程序切换到后台都会触发,暂停或者清除定时器。onError就是小程序代码发生报错的时候触发,这个回调函数有一个error原创 2020-05-24 23:12:01 · 197 阅读 · 0 评论 -
微信小程序自定义组件的简单使用
自定义组件官方文档类似于vue或者react中的自定义组件,小程序允许我们使用自定义组件的方式来构建页面创建自定义组件类似于页面,一个自定义组件由json、wxml、wxss、js 4个文件组成可以在微信开发者工具中快速创建组件的文件结构在文件夹内components/myHeader,创建组件名为 Tabs查看自动创建的js文件,里面变成是Component包裹的构造函数,页面是Page。下面这个方法是接收父组件向当前组件传递的数据的下面这个方法是存放组件中用到的方法,与以前page原创 2020-05-24 18:04:08 · 264 阅读 · 0 评论 -
小程序之常用组件(标签)
常见组件常见组件有view、text、rich-text、button、image、navigator、icon、swiper、radio、checkbox等view组件标签官方文档它代替原来web中的 div 标签<view hover-class="h-class"> 内容 </view>它的独有属性text标签官方文档它类似于html中的span标签,是一个文本标签,只能嵌套text。长按文字可以复制(只有该标签有这个功能)可以对空格 回车 进行编码,原创 2020-05-24 11:22:57 · 1170 阅读 · 0 评论 -
小程序配置文件简单了解
小程序配置文件一个小程序应用程序会包括最基本的两种配置文件。一种是全局的app.json和页面自己的page.json注意:配置文件中不能出现注释全局配置app.jsonapp.json是当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部tab等。普通快速启动项目里边的app.json配置{ "pages":[ "pages/index/index", "pages/logs/logs" ], "window":{ "backgrou原创 2020-05-23 11:32:26 · 342 阅读 · 0 评论