随笔分类 -  微信小程序开发

微信小程序--改变手机输入法与光标之间的距离
摘要：当使用小程序的input输入内容时，手机的输入法会出现遮盖input输入框的情况。 这种遮盖会影响用户的输入体验，看不到自己的输入情况。 这种问题怎么解决？ 微信官方给出了一个办法。在标签中添加一个cursor-spacing属性即可。 注意不要采坑，不要是使用px（不是根据手机屏幕自适应的，会变位 阅读全文
posted @ 2020-09-11 09:39 九零后大辰辰 阅读(1156) 评论(0) 推荐(0)
微信小程序--自定义组件（二）弹窗组件
摘要：具体实现 要在小程序中实现一下弹窗组件，基本效果图如下。 Step1 新建一个 components 文件夹，用于存放以后开发中的所用组件，今天实现一个 弹框 组件，在 components 组件中新建一个 Dialog 文件夹来存放弹窗组件，在 Dialog 下右击新建 Component 并命名 阅读全文
posted @ 2020-09-09 01:02 九零后大辰辰 阅读(2611) 评论(1) 推荐(1)
微信小程序--自定义组件（一）简单实现
摘要：1创建自定义组件 首先创建一个components文件夹，用于放置所有自定义的组件，创建之后的目录结构为 其中的mycomponent是我们本次要实现组件。 2基本配置 mainpage.json（进行自定义组件声明） { "component": true } mainpage.js Compon 阅读全文
posted @ 2020-09-08 00:39 九零后大辰辰 阅读(216) 评论(0) 推荐(0)
微信小程序--获取openid
摘要：wx.login({ complete: (res) => { // 发送 res.code 到后台换取 openId, sessionKey, unionId const code = res.code; // 设置appid const appId = app.globalData.appID; 阅读全文
posted @ 2020-09-05 01:11 九零后大辰辰 阅读(279) 评论(0) 推荐(0)
微信小程序1--入门
摘要：本篇介绍如何入手微信小程序开发，主要从开发工具、官方技术文档、小程序代码构成、开发流程四个方面讲解。 1.开发工具 地址：开发工具地址 我选择稳定版，BUG少，使用可靠。 安装流程：一直点下一步，根据需要修改安装目录 2.官方技术文档 写第一个小程序流程：申请账号 > 新建项目 > 编译预览 官方技 阅读全文
posted @ 2020-08-13 14:54 九零后大辰辰 阅读(142) 评论(0) 推荐(0)
微信小程序--路由变化对页面生命周期的影响
摘要：1、在小程序中所有页面的路由全部由框架进行管理，框架以栈的形式维护当前的所有页面，当发生路由切换的时候，页面栈的表现如下： 路由方式页面栈表现 初始化 新页面入栈 打开新页面 新页面入栈 页面重定向 当前页面出栈，新页面入栈 页面返回 页面不断出栈，直到目标返回页 Tab 切换 页面全部出栈，只留下 阅读全文
posted @ 2020-07-27 18:14 九零后大辰辰 阅读(164) 评论(0) 推荐(0)
小程序页面生命周期
摘要：1：onload 触发条件：1：加载页面(页面data由逻辑层传至渲染层) 2：onshow 触发条件：1：页面展示（eg:1：页面展示2：后台进前台） 3：onready 触发条件：1：首次渲染完成，渲染页面元素和样式，一个页面只会调用一次。 a、一个页面只会调用一次，代表页面已经准备妥当，可以和 阅读全文
posted @ 2020-07-27 17:18 九零后大辰辰 阅读(214) 评论(0) 推荐(0)
Taro在微信小程序的生命周期
摘要：一、Taro的本身生命周期 生命周期componentWillMount在微信小程序中这一生命周期方法对应页面的onLoad或入口文件app中的onLaunch componentDidMount在微信小程序中这一生命周期方法对应页面的onReady或入口文件app中的onLaunch，在 comp 阅读全文
posted @ 2020-07-27 16:59 九零后大辰辰 阅读(459) 评论(0) 推荐(0)
微信小程序生命周期
摘要：官方文档地址 App(Object object) 注册小程序。接受一个 Object 参数，其指定小程序的生命周期回调等。 App() 必须在 app.js 中调用，必须调用且只能调用一次。不然会出现无法预期的后果。 onLaunch(Object object) 小程序初始化完成时触发，全局只触 阅读全文
posted @ 2020-07-27 16:21 九零后大辰辰 阅读(190) 评论(0) 推荐(0)
微信小程序一键登录获取手机号
摘要：一、前端 1、请求发送 携带 code 到后台换取 openid。 var that = this; wx.login({ success(res) { console.log(res); var code = res.code wx.request({ url: 'http://localhost 阅读全文
posted @ 2020-07-27 15:20 九零后大辰辰 阅读(1567) 评论(0) 推荐(0)