手把手带你学习微信小程序 —— (微信小程序常用代码块)

这篇具有很好参考价值的文章主要介绍了手把手带你学习微信小程序 —— (微信小程序常用代码块)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

line-heigth: 50rpx;

7.设置分割线

border-bottom: 1px solid #e4e4e4;

8. 居中布局的一种方式

margin: 0 auto;

9. 垂直居中

三、微信官方 API

========================================================================

3.1 普通接口

3.1.1 修改当前界面的标题

wx.setNavigationBarTitle({

title: “”,

})

3.1.2 加载响应,。。。

微信小程序代码大全,程序员,学习,微信小程序,小程序

wx.showLoading({

title: ‘正在发表中。。。。’,

})

// 一般某个任务执行完之后,就要把加载隐藏

wx.hideLoading();

3.1.3 界面跳转

//跳转到某一个页面

wx.navigateTo({

url: ‘’,

})

//回到上一页

wx.navigateBack({});

3.1.4 自动跳转到页面的首行(在onShow中执行)

wx.pageScrollTo({

scrollTop: 0,

})

3.1.5 自定义组件,数据渲染出现问题

observer(newVal, oldVal, changedPath) {

// 属性被改变时执行的函数(可选),也可以写成在methods段中定义的方法名字符串, 如:‘_propertyChange’

// 通常 newVal 就是新设置的数据, oldVal 是旧数据

}

3.1.6 延时函数

延时 1000 ms,即1s

setTimeout(()=>{

//方法体

},1000);

3.1.7 某一任务执行成功,即显示相对应的文字

微信小程序代码大全,程序员,学习,微信小程序,小程序

wx.showToast({

title: ‘发送成功’,

});

3.2 云开发接口

3.2.1 操作云函数数据库

在 index.js 中的 Page 之前加入全局变量

const db = wx.cloud.database();

Page({

nonono : function()

{

db.collection(“云函数你创建集合的名称”).bulabula

//这里就是对云数据库的集合相关操作了

},

})

3.2.2 完成微信授权的功能

在 app.js 中写好相对应的 授权功能函数,

eg:

//获取用户授权

loadUserInfo:function(){

const that = this;

wx.getSetting({

success: res =>{

const isUserInfo = res.authSetting[‘scope.userInfo’];

if(isUserInfo){

wx.getUserInfo({

success:res => {

console.log(res);

const userInfo = res.userInfo;

that.globalData.userInfo = userInfo;

}

})

}

}

})

},

然后回到 index.js 中,还是和上面一样,在Page 前面

// 获取 app.js 中手机的相关信息

const app = getApp();

//然后后面就可以直接通过 app 调用 app.js中写下的方法,这是一个获取个人姓名的接口实现

const author = app.globalData.userInfo;

四、wx:key 解决方案

===========================================================================

wx:key 是为了提高循环效率而出现了,给它的值,只要是循环元素中的唯一的标识符就可以了

1. 字符串类型的循环

wx:key=“{{this}}”

五、常用代码块梳理

=======================================================================

5.1 获取手机的设备信息

同步获取手机信息

在 index.js 下实现

onLoad: function (options) {

this.initImageSize()

},

initImageSize:function(){

const windowWidth = wx.getSystemInfoSync().windowWidth;//获取手机的宽度

console.log(windowWidth)

},

5.2 延时函数

延时 0.8 秒,以毫秒为单位

setTimeout(function(){

},800)

六、特殊组件的实现

=======================================================================

6.1 在当前界面实现一个按钮组件

先看图

微信小程序代码大全,程序员,学习,微信小程序,小程序

index.wxml

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数Java工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Java开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。微信小程序代码大全,程序员,学习,微信小程序,小程序

微信小程序代码大全,程序员,学习,微信小程序,小程序

微信小程序代码大全,程序员,学习,微信小程序,小程序

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Java开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注Java获取)

微信小程序代码大全,程序员,学习,微信小程序,小程序

最后

微信小程序代码大全,程序员,学习,微信小程序,小程序

《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》点击传送门即可获取!
础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Java开发知识点,真正体系化!**

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注Java获取)

微信小程序代码大全,程序员,学习,微信小程序,小程序

最后

[外链图片转存中…(img-1nirT7Dk-1712442624253)]

《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》点击传送门即可获取!文章来源地址https://www.toymoban.com/news/detail-852264.html

到了这里,关于手把手带你学习微信小程序 —— (微信小程序常用代码块)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 手把手带你玩转Spark机器学习-深度学习在Spark上的应用

    手把手带你玩转Spark机器学习-专栏介绍 手把手带你玩转Spark机器学习-问题汇总 手把手带你玩转Spark机器学习-Spark的安装及使用 手把手带你玩转Spark机器学习-使用Spark进行数据处理和数据转换 手把手带你玩转Spark机器学习-使用Spark构建分类模型 手把手带你玩转Spark机器学习-使

    2023年04月08日
    浏览(50)
  • 手把手带你入门深度学习(一):保姆级Anaconda和PyTorch环境配置指南

    B站:马上就更!!!_bilibili CSDN:手把手带你入门深度学习(一):保姆级Anaconda和PyTorch环境配置指南_百年后封笔-CSDN博客 Github:封笔 公众号:百年后封笔 你好,我是封笔! 如今深度学习技术的不断演进,我们的生活发生着翻天覆地的变化,无论是计算机视觉、自然语言处

    2024年02月08日
    浏览(82)
  • 从0到1,手把手带你开发截图工具ScreenCap------003实现最小化程序到托盘运行

    为了方便截图干净,实现最小化程序到托盘运行,简洁,勿扰 实现最小化程序到托盘运行 实现托盘菜单功能 实现回显主窗体 实现托盘开始截屏 实现气泡信息提示 实现托盘程序提示 实现托盘退出程序 封装完好,可复用 注:博主所有资源永久免费,若有帮助,请点赞转发是

    2024年02月05日
    浏览(53)
  • 微信小程序实战项目开发(天气预报项目实战):内涵开发说明文档、需求文档 && 手把手分步骤教你写出自己的小程序项目 && 天气预报小程序 && 时实请求获取天气 && 自定义功能 && 完整的源代码

    微信小程序开发实现天气预报 需求分析 静态页面设计 :要求界面美观 → 在wxss代码文件中对 wxml代码文件进行合理布局和美化,舒适的交互效果. 功能逻辑完善 :能够使用到 wx.request 请求接口实现天气预报查询的功能 主要使用到的技术栈如下: wxml:中使用了 picker 组件标签

    2024年02月02日
    浏览(67)
  • 手把手带你搞懂AMS启动原理

    彻底搞懂AMS即ActivityManagerService,看这一篇就够了 最近那么多教学视频(特别是搞车载的)都在讲AMS,可能这也跟要快速启动一个app(甚至是提高安卓系统启动速度有关),毕竟作为安卓系统的核心系统服务之一,AMS以及PMS都是很重要的,而我之前在 应用的开端–PackageManag

    2024年02月12日
    浏览(123)
  • 【手把手带你学JavaSE】String类(下篇)

    上篇我们已经学习了String类的一些知识,接下来我们接着学习! 字符串查找也是字符串中非常常见的操作,String类提供的常用查找的方法。 static String valueof() 数值转字符串 Integer.parseInt() 字符串整形 Double.parseDouble() 字符串转浮点型 String toUpperCase() 转大写 String toLowerCase() 转小

    2024年02月01日
    浏览(138)
  • 手把手带你调参Yolo v5(二)

    来源:投稿 作者:王同学 ​​​​​​​编辑:学姐 今天我们继续上次的YOLOv5参数解析,这次主要解析源码中train.py文件中包含的参数。 1.1\\\'--weights\\\' 1.2\\\'--cfg\\\' 1.3\\\'--data\\\' 1.4\\\'--hyp\\\' 1.5\\\'--epochs\\\' 1.6\\\'--batch-size\\\' 1.7\\\'--imgsz\\\', \\\'--img\\\', \\\'--img-size\\\' 1.8\\\'--rect\\\'🍀 1.9\\\'--resume\\\'🍀 1.10\\\'--nosave\\\' 1.11\\\'--nova

    2024年02月05日
    浏览(58)
  • 【手把手带你学JavaSE】第六篇:类和对象

    对了!给大家推荐一个刷题学习、面试神器——牛客网 里面有非常多的题库,跟面试经验~非常的良心!! 什么是类? 什么是对象? 怎么去理解这两个抽象的概念呢? Java是一门纯面向对象的语言(Object Oriented Program,继承OOP),在面向对象的世界里,一切皆为对象。 面向对象

    2023年04月20日
    浏览(57)
  • 手把手带你实现DQN(TensorFlow2)

            大家好,今天给大家带来DQN的思路及实现方法。         关于DQN,就不用我多做介绍了,我会以最简短明白的阐述讲解DQN,尽量让你在10分钟内理清思路。         非常重要的一点!!!         非常重要的一点!!!我在GitHub上下载了DQN代码,跑完后,我重写一

    2023年04月08日
    浏览(58)
  • 手把手带你配置一个DHCP服务器

    最近部门内部成立一个网络兴趣小组,初衷是通过网络知识学习,在遇到网络问题时能够承担起一个与网络侧同学有效沟通的“连接人”的角色,求学这么多年其实也陆续学了不少的网络相关课程,本科的计算机网络、硕士的高等计网等,不过当时大多都停留在理论层面,趁

    2024年02月05日
    浏览(92)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包