最新手把手带你学习微信小程序 —— (微信小程序常用代码块),已拿offer

分享

1、算法大厂——字节跳动面试题

2、2000页互联网Java面试题大全

3、高阶必备,算法学习

本文已被CODING开源项目:【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录

需要这份系统化的资料的朋友,可以点击这里获取

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

+

最后

针对最近很多人都在面试,我这边也整理了相当多的面试专题资料,也有其他大厂的面经。希望可以帮助到大家。

下面的面试题答案都整理成文档笔记。也还整理了一些面试资料&最新2021收集的一些大厂的面试真题(都整理成文档,小部分截图)

在这里插入图片描述

最新整理电子书

在这里插入图片描述

本文已被CODING开源项目:【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录

需要这份系统化的资料的朋友,可以点击这里获取

最后

针对最近很多人都在面试,我这边也整理了相当多的面试专题资料,也有其他大厂的面经。希望可以帮助到大家。

下面的面试题答案都整理成文档笔记。也还整理了一些面试资料&最新2021收集的一些大厂的面试真题(都整理成文档,小部分截图)

[外链图片转存中…(img-DlciaSs9-1715672999546)]

最新整理电子书

[外链图片转存中…(img-dFBAqWyJ-1715672999546)]

本文已被CODING开源项目:【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录

需要这份系统化的资料的朋友,可以点击这里获取

  • 16
    点赞
  • 28
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值