既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上大数据知识点,真正体系化!
由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新
<div id="content"></div>
<script>
var name = “李业迟到”;
$(‘#content’).val(name);
* vue.js
<script>
new Vue({
el: '#app',
data: {
message: '老男孩教育Python'
}
})
</script>
##### 2.1 基本显示
* wxml
数据1:{{message}}
* 展示数据
// pages/bind/bind.js
Page({
/**
* 页面的初始数据
*/
data: {
message:“沙雕李业”,
}
)}
##### 2.2 数据更新
* wxml
数据2:{{message}}
点击修改数据
* 修改数据
Page({
data: {
message:“沙雕李业”,
},
changeData:function(){
// 修改数据
this.setData({ message: “大沙雕李业”});
}
})
#### 3.获取用户信息
##### 3.1 方式一
* wxml
获取当前用户名
* js
getUserName:function(){
// 调用微信提供的接口获取用户信息
wx.getUserInfo({
success: function (res) {
// 调用成功后触发
console.log(‘success’,res)
},
fail:function(res){
// 调用失败后触发
console.log(‘fail’, res)
}
})
},
##### 3.2 方式二
* wxml
授权登录
* js
xxxx:function(){
wx.getUserInfo({
success: function (res) {
// 调用成功后触发
console.log(‘success’, res)
},
fail: function (res) {
// 调用失败后触发
console.log(‘fail’, res)
}
})
}
##### 3.3 示例
* wxml
当前用户名:{{name}}
当前头像:
获取信息button
* js
// pages/login/login.js
Page({
/**
* 页面的初始数据
*/
data: {
name:“”,
path: “/static/default.png”
},
fetchInfo:function(){
var that = this;
wx.getUserInfo({
success:function(res){
console.log(res);
that.setData({
name:res.userInfo.nickName,
path:res.userInfo.avatarUrl
})
}
})
},
/**
* 生命周期函数–监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数–监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数–监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数–监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数–监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数–监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
**注意事项:**
+ 想要获取用户信息,必须经过用户授权(button)。
+ 已授权
+ 不授权,通过调用wx.openSetting
```
// 打开配置,手动授权。
// wx.openSetting({})
```
#### 4.获取用户位置信息
* wxml
{{localPath}}
* js
data: {
localPath:“请选择位置”,
},
getLocalPath:function(){
var that = this;
wx.chooseLocation({
success: function(res) {
that.setData({localPath:res.address});
},
})
},
#### 5. for指令
* wxml
{{index}} - {{item}}
{{idx}} - {{x}}
{{userInfo.name}}
{{userInfo.age}}
{{index}} - {{item}}
* js
data: {
dataList:[“白浩为”,“海狗”,“常鑫”],
userInfo:{
name:“alex”,
age:18
}
},
#### 6.获取图片
* wxml
请上传图片
* js
data: {
imageList: [“/static/hg.jpg”, “/static/hg.jpg”]
},
uploadImage:function(){
var that = this;
wx.chooseImage({
count:9,
sizeType: ['original', 'compressed'],
sourceType: ['album', 'camera'],
success:function(res){
// 设置imageList,页面上图片自动修改。
// that.setData({
// imageList: res.tempFilePaths
// });
// 默认图片 + 选择的图片;
that.setData({
imageList: that.data.imageList.concat(res.tempFilePaths)
});
}
});
},
**注意:图片目前只是上传到了内存。**
---
### 🌐总结
* 标签(组件)
![img](https://img-blog.csdnimg.cn/img_convert/07d3e4e4fc8af2d9bc602433015b8623.png)
![img](https://img-blog.csdnimg.cn/img_convert/b035ab5726da8eb5a2e9b4b10d11941a.png)
![img](https://img-blog.csdnimg.cn/img_convert/ca141dae4b6b96f32474c2e77fb5fabc.png)
**既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上大数据知识点,真正体系化!**
**由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新**
**[需要这份系统化资料的朋友,可以戳这里获取](https://bbs.csdn.net/forums/4f45ff00ff254613a03fab5e56a57acb)**
上传到了内存。**
---
### 🌐总结
* 标签(组件)
[外链图片转存中...(img-vKIpdeG7-1715366400980)]
[外链图片转存中...(img-g3aWqR1l-1715366400980)]
[外链图片转存中...(img-WxlaxK7N-1715366400980)]
**既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上大数据知识点,真正体系化!**
**由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新**
**[需要这份系统化资料的朋友,可以戳这里获取](https://bbs.csdn.net/forums/4f45ff00ff254613a03fab5e56a57acb)**