观心静

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

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

摘要:版权声明 本文来自博客园,作者:观心静 ,转载请注明原文链接:https://www.cnblogs.com/guanxinjing/p/17337941.html 本文版权归作者和博客园共有,欢迎转载,但必须给出原文链接,并保留此段声明,否则保留追究法律责任的权利。 前言 小程序的对话框其实已经帮 阅读全文
posted @ 2023-04-20 18:42 观心静 阅读(734) 评论(0) 推荐(0) 编辑

摘要:版权声明 本文来自博客园,作者:观心静 ,转载请注明原文链接:https://www.cnblogs.com/guanxinjing/p/17337461.html 本文版权归作者和博客园共有,欢迎转载,但必须给出原文链接,并保留此段声明,否则保留追究法律责任的权利。 前言 此篇博客讲解小程序开发使 阅读全文
posted @ 2023-04-20 17:00 观心静 阅读(261) 评论(0) 推荐(0) 编辑

摘要:前言 此篇博客讲解小程序的登入功能与绑定手机号码功能 登入功能 登入一般在onLoad生命周期中处理请求 js /** * 检查登入token */ checkLogin(){ let token = wx.getStorageSync('token') if(token == null){ wxl 阅读全文
posted @ 2023-04-10 11:17 观心静 阅读(125) 评论(0) 推荐(0) 编辑

摘要:前言 此篇博客讲解小程序的JSON使用,因为JavaScript与JSON泛用性太大。初学者很容易在JSON的使用上困惑。 字符串转JSON 请注意,下面的字符串json是带引号的。 jsonTest() { let jsonString = "{\"id\": \"1\", \"name\": \ 阅读全文
posted @ 2023-04-07 14:47 观心静 阅读(77) 评论(0) 推荐(0) 编辑

摘要:版权声明 本文来自博客园,作者:观心静 ,转载请注明原文链接:https://www.cnblogs.com/guanxinjing/p/17295654.html 本文版权归作者和博客园共有,欢迎转载,但必须给出原文链接,并保留此段声明,否则保留追究法律责任的权利。 前言 此篇博客简单了解小程序的 阅读全文
posted @ 2023-04-07 11:27 观心静 阅读(55) 评论(0) 推荐(0) 编辑

摘要:前言 flex弹性布局是最重要、最常用和最特殊的display,独特到有一堆为它单独服务的属性。并且常用到甚至可以拿一篇博客单独讲它。可说是有了flex可以满足90%的布局需求,它的核心思想就是弹性,可以通过它去动态调整内部子元素的位置。 flex的基本属性 CSS 中提供了以下属性来实现 Flex 阅读全文
posted @ 2023-04-06 17:06 观心静 阅读(360) 评论(0) 推荐(0) 编辑

摘要:前言 此篇博客讲解微信小程序的数组与列表,在微信小程序里二者一般是组合使用并且关联性较强,所以放在一篇博客里讲解。 所以包含.js中data{}数组的样式、.js的数据处理、wx:for、.wxml里view与scroll-view,view与scroll-view的实现列表的区别. 一个简单的vi 阅读全文
posted @ 2022-08-10 12:05 观心静 阅读(831) 评论(0) 推荐(0) 编辑

摘要:通过wxml跳转 使用navigator跳转,url是跳转目标路径 .wxml <navigator class="jumpBtn" url="../demo1/demo1">跳转方式一</navigator> 通过js正常跳转 通过点击回调跳转 .wxml <view class="jumpBtn 阅读全文
posted @ 2022-08-09 16:44 观心静 阅读(133) 评论(0) 推荐(0) 编辑

摘要:前言 实现弹窗对话框 效果图 代码 .js const app = getApp() Page({ data: { show: false, }, toggle() { this.setData({ show: !this.data.show, }) }, onClickCancel:functio 阅读全文
posted @ 2022-08-08 20:50 观心静 阅读(1678) 评论(0) 推荐(0) 编辑

摘要:前言 小程序弹窗对话框实现 效果图 代码 .js // pages/demo2/demo2.js Page({ data: { show:false }, exitBtn:function(e) { this.setData({ show:false }) }, showDialogBtn:func 阅读全文
posted @ 2022-08-08 14:19 观心静 阅读(1934) 评论(0) 推荐(0) 编辑

摘要:前言 小程序的布局,其实就是CSS布局,CSS (Cascading Style Sheet)可译为“层叠样式表 ”或“级联样式表”。其核心思想就是盒子模型。然后通过大盒套小盒,最后使用Position属性或者display来描述小盒在大盒中的相对或者绝对位置。 盒子模型 盒子模型的基本概念Marg 阅读全文
posted @ 2022-08-06 17:09 观心静 阅读(481) 评论(0) 推荐(0) 编辑

摘要:前言 此篇博客演示可以移动的View 全方向移动 效果图 .js Page({ /** * 页面的初始数据,这里需要提供x和y2个数据 */ data: { x:0, y:0 }, }) .wxml <movable-area class="myMovableStyle"> <movable-vie 阅读全文
posted @ 2022-08-05 16:58 观心静 阅读(688) 评论(0) 推荐(0) 编辑

摘要:效果图 代码 .js Page({ /** * 页面的初始数据 */ data: { inputContent:0, }, editText:function(e){ this.setData({ inputContent: e.detail.value }) }, buttontap:functi 阅读全文
posted @ 2022-07-18 15:26 观心静 阅读(94) 评论(0) 推荐(0) 编辑

摘要:前言 学习小程序的Demo记录博客 微信小程序开放文档 https://developers.weixin.qq.com/miniprogram/dev/framework/ css文档 https://developer.mozilla.org/zh-CN/docs/Web/CSS/border- 阅读全文
posted @ 2022-03-18 15:57 观心静 阅读(182) 评论(0) 推荐(0) 编辑