
微信小程序
文章平均质量分 56
基础与实战相结合,介绍微信小程序前端方面相关内容
煸橙干儿~~
这个作者很懒,什么都没留下…
展开
-
小程序中使用echarts地图
在项目中新建components/echarts文件夹,将刚刚下载的除echarts.js以外的文件,全部放到该文件夹中,并修改ec-canvas.js文件中的引入路径。由于完整的echarts.js文件过大,我们使用的可能只是其中一两个图形,故需要去echarts官网()定制js。注意:下载的 ec-canvas 中的echarts的版本,要与后续文件版本相同。项目提供了一个小程序组件,用这种方式可以在小程序中方便地使用 ECharts。选择版本时,要与上一步下载的echarts.js的版本相同。原创 2024-02-28 17:48:51 · 740 阅读 · 0 评论 -
小程序--vscode配置
注:若要实现鼠标悬浮提示,则需新建jsconfig.json文件,并进行配置,即可实现。安装后,即可使用vscode开发微信小程序。原创 2024-02-22 17:10:35 · 942 阅读 · 0 评论 -
小程序--引入vant组件库
小程序中凡是通过 npm 下载的模块,都必须经过构建才能使用,构建后的内容会存放在。在微信开发者工具中打开终端,输入npm init,对npm进行初始化。修改project.config.json中的。,否则 Vant 组件的样式会受到影响。原创 2024-02-21 17:56:06 · 1327 阅读 · 0 评论 -
小程序--组件通信
方法向父组件传递参数。原创 2024-02-21 17:35:55 · 1382 阅读 · 0 评论 -
小程序--自定义组件
js中注册Component函数.json使用全局配置、页面配置均可,全局配置就写在app.json中,页面配置就写在页面对应的json中。配置之后,在页面中以组件形式引入。小程序默认只能使用一个slot,需要多个插槽或需要使用具名插槽的时候,需要传入。创建插槽:在组件的任一位置使用<slot />占位,slot一定要是闭合标签。options: {// 只要使用到具名插槽,都需要将multipleSlots设置为true},})原创 2024-02-21 17:00:26 · 969 阅读 · 0 评论 -
小程序--分包加载
分包加载是优化小程序加载速度的一种手段。原创 2024-02-21 15:47:59 · 1155 阅读 · 0 评论 -
小程序--应用生命周期
小程序的应用周期处理逻辑都写在app.js中。原创 2024-02-21 15:16:05 · 1263 阅读 · 0 评论 -
小程序--生命周期
在时执行,。常用于获取地址参数、发送网络请求等。原创 2024-02-21 12:06:09 · 466 阅读 · 0 评论 -
Do not have handler in component: pages/interface/index. Please make sure that handler has been de
【代码】Do not have handler in component: pages/interface/index. Please make sure that handler has been de。原创 2024-02-21 10:53:29 · 577 阅读 · 0 评论 -
小程序--事件处理
Page({// 自定义属性})原创 2024-02-21 11:21:36 · 911 阅读 · 0 评论 -
小程序--本地存储API
wx.getStorageSync():无需转换数据类型,存什么类型的读取的就是什么类型的,data中的数据,使用时是this.data.名称。wx.setStorageSync():无需转换数据类型,存什么类型的就是什么类型的,data中的数据,使用时是this.data.名称。wx.removeStorageSync():需指定删除数据名称。wx.clearStorageSync():无需指定参数。原创 2024-02-20 12:12:20 · 663 阅读 · 0 评论 -
小程序--loading和toast
icon:是否使用图标,不使用设为none。mask:是否显示透明蒙层,防止触摸穿透。wx.showToast({})显示消息提示框(轻提示)。mask:是否显示透明蒙层,防止触摸穿透。duration:延迟时间。title:文字提示内容。显示loading提示框。隐藏loading提示框。原创 2024-02-20 11:57:28 · 896 阅读 · 0 评论 -
小程序--网络请求
此时,回到项目,项目中查看域名配置为空,需点击刷新按钮,刷新后,出现域名,即可发送请求。点击开始配置后,扫码验证身份成功,即可配置对应请求及上传等接口的域名。此时,需要登录微信公众平台,配置服务器域名。保存并提交后,可在页面查看添加的域名。原创 2024-02-20 11:45:18 · 369 阅读 · 0 评论 -
小程序--模板语法
wx:for 嵌套时 item 和 index需要修改名称,防止命名重复,取值错误。相当于vue中的v-if & v-else;wx:else不可单独使用,需跟在wx:if后使用。默认index和item是数组访问变量(index是索引,item是数组项)。相当于vue中的v-show,当hidden属性值为true时,页面显示,反之,则不显示。原创 2024-02-20 11:23:01 · 970 阅读 · 0 评论 -
小程序静态资源及字体图标
wxss文件不支持使用本地路径的资源(图片,字体库),必须使用网络资源(以http或https开头)或转换为base64编码使用。c、在项目页面,选则font class按钮,点击下方的网址地址。a、登录iconfont平台,选择自己想要的图标,加入购物车。b、将购物车中的图标加到项目中,若没有,则新建项目即可。app.wxss定义全局样式,该文件中的样式会在所有的页面生效。d、在弹出的新页面,复制所有代码。注:page在每个页面都有,相当于html中的body标签。f、在wxml文件中使用即可。原创 2024-02-20 10:28:22 · 645 阅读 · 0 评论 -
小程序常用组件
不同情况是:在有多个选项,但只能选择一个的时候,要用radio-group包裹住radio。若本地调试不显示微信昵称框,查看本地调试库版本,选择大于nickname的版本。list中的对象设置图片时,图片必须是本地图片。list中对象的数量最多5个,最少2个;给image设置mode属性的值,可设置图片的缩放格式。:tabBar中的list是数组形式,每一项都是以对象形式存在;:跳转方式(switchTab代表跳转的是tabBar的页面);:指定容器的大小(根据设计稿,设置image的宽高尺寸)。原创 2024-02-19 17:49:40 · 1389 阅读 · 0 评论 -
初识小程序
xx.json是一个严格的json文件,里面的内容要严格按着JSON格式书写,否则就会报错。:相当于网页中的a标签,用来实现小程序之间的跳转。在微信开发者工具的调试台中的AppData中,可查看页面绑定的数据。app.json是全局配置,index.json是页面的单独配置。为基准,这样,设计稿中的尺寸即为小程序中rpx的尺寸。单位,优点是能够自动适配不同尺寸的手机屏幕。区块 == html中的span。:小程序的屏幕均为750rpx;区块 == html中的div。方法:更新页面数据,传入。原创 2024-02-19 15:47:43 · 1164 阅读 · 0 评论 -
注册及搭建小程序开发环境
点击“+”,新建小程序,输入相关信息后,点击确定,即可生成初始化项目模板。AppID在微信公众平台的小程序管理中可查找到;后端服务和模板选择可自行选择与项目匹配的。注册完成后,登录邮箱,打开激活地址,按照邮件提示,填写信息,激活账号。点击下载的安装包,安装完成后,用微信扫码登录即可。注册成功后,可扫码登录微信公众平台。每个邮箱账号,只能注册一个小程序。,通过邮箱注册小程序账号(原创 2024-02-19 11:02:00 · 499 阅读 · 0 评论