微信小程序学习笔记
文章平均质量分 70
一个客户端研发的小程序学习之旅
追到梦的魔术师
移动端工程师,曾就职滴滴、京东~
展开
-
微信小程序-网络请求
一、网络请求之前在调用网络请求方法之前,需要在 「小程序后台-开发-开发设置-服务器域名」 中进行配置不配置默认网络请求时无法通过的,当然也可以关闭校验,但是只在调试的时候生效,开发完成准备上线时还是需要配置的。关闭校验:详情->本地设置->勾选 “比较严合法域名…”二、网络请求方法RequestTask wx.request(Object object)主要参数说明名称类型说明urlstring开发者服务器接口地址datastring/obj原创 2021-09-02 18:08:29 · 1553 阅读 · 0 评论 -
微信小程序-轮播图与列表
一、微信小程序之block在介绍轮播图、列表实现之前,先了解一个新标签 – blockblock与view,text等的区别是渲染页面时,它不实际输出自身,但包含在block块中的组件会被输出。当你需要再显示中增加逻辑的时候,那么blcok就会用到,举个例子:<block wx:if="{{isShow}}"> <view>...</view> <view>...</view> ...</block>原创 2021-09-01 20:03:20 · 915 阅读 · 0 评论 -
微信小程序-自定义导航组件
一、如何自定义组件从小程序基础库版本 1.6.3 开始,小程序支持简洁的组件化编程。所有自定义组件相关特性都需要基础库版本 1.6.3 或更高。开发者可以将页面内的功能模块抽象成自定义组件,以便在不同的页面中重复使用;也可以将复杂的页面拆分成多个低耦合的模块,有助于代码维护。相关文档:https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/a、新建组件新建文件夹命名:components,之后所有的组件原创 2021-08-30 12:04:07 · 505 阅读 · 0 评论 -
微信小程序-用户信息及登录
一、获取用户信息的方法wx.getUserProfile(Object object)获取用户信息。页面产生点击事件(例如 button 上 bindtap 的回调中)后才可调用,每次请求都会弹出授权窗口,用户同意后返回 userInfo。该接口用于替换 wx.getUserInfo。实现代码:.wxml文件<!--pages/loginPage/loginPage.wxml--><view> <button bindtap="getUserInfo![请添加图原创 2021-08-27 18:22:50 · 1052 阅读 · 0 评论 -
微信小程序-页面路由及页面生命周期
一、路由路由常用跳转方式有三种:1、wx.navigateTo(Object object)保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。页面跳转之后,会有一个返回按钮,新页面覆盖在当前页面2、wx.reLaunch(Object object)关闭所有页面,打开到应用内的某个页面页面跳转之后,会有一个home按钮,之前路由列表里面的所有页面都被销毁3、wx.redirectTo(Ob原创 2021-08-27 16:08:12 · 696 阅读 · 0 评论 -
微信小程序-数据变量及事件绑定初探
一、数据变量a、初始化数据在页面.js 的 data 选项中,声明变量msgdata: { msg:'原始变量msg'},b、使用数据1.模板结构中使用双大括号 {{message}}2.注意事项: 小程序中为单项数据流 model ---> view<view class="homeView"> <view class="helloView"> <text>{{msg}}</text> <原创 2021-08-27 01:24:58 · 1420 阅读 · 0 评论 -
微信小程序-项目内文件介绍及页面静态搭建
一、文件类型介绍新建微信小程序后会默认生成一些文件,文件类型分为四种:xxx.js、xxx.json、xxx.wxml、xxx.wxss文件类型 描述 .js文件 存放逻辑方法的地方;页面的生命周期、App的声明周期都在这个文件中 .json文件 配置文件 .wxml 页面布局文件 .wxss 用于控制wxml文件视图的样式 二、文件介绍1、App相关文件新建项目后,会默认生成app.js、app.json、.原创 2021-08-26 11:45:00 · 1191 阅读 · 0 评论