- 点击跳转地图——跳转时加上参数(当前城市)
goCity() {
wx.navigateTo({
url: “…/city/main?city=” + this.city
});
},
- 将列表数据、图片资源全部上传到云存储数据库
注意点:
1、JSON 数据不是数组,而是类似 JSON Lines,即各个记录对象之间使用 \n 分隔,而非逗号;
2、JSON 数据每个键值对的键名首尾不能是 .,例如 “.a”、“abc.”,且不能包含多个连续的 .,例如 “a…b”;
3、键名不能重复,且不能有歧义,例如 {“a”: 1, “a”: 2} 或 {“a”: {“b”: 1}, “a.b”: 2};
4、时间格式须为 ISODate 格式,例如 “date”: { “$date” : “2018-08-31T17:30:00.882Z” };
5、当使用 Insert 冲突处理模式时,同一文件不能存在重复的 _id 字段,或与数据库已有记录相同的 _id 字段;
6、CSV 格式的数据默认以第一行作为导入后的所有键名,余下的每一行则是与首行键名一一对应的键值记录。
处理方式: 导入新的json文件
const fs =require(“fs”);
let res = fs.readFileSync(‘./mydata.json’).toString();
let reg = /}\s*,\s*{/g;
let result = res.replace(reg,“}{”);
fs.writeFileSync(“./wxList.json”,result);
- 获取云存储的数据
const db = wx.cloud.database()
db.collection(“库名”).get().then(res => {
console.log(res)
});
- 点击跳转到详情页
跳转时将自己当前的id传递过去
goDetail(val) {
wx.navigateTo({
url: “…/detail/main?id=” + val._id
});
}
- 上拉更新
onReachBottom(){
…
}
- 页面渲染
- 接收到首页跳转时传递的数据
onLoad(option){
console.log(option)
},
- 通过数据获取到当前完整数据
db.collection(“collectList”).doc(option.id).get({
success:res=>{
this.obj = res.data;
this.collectImg = true;
},
fail:res=>{
db.collection(“newList”).doc(option.id).get().then(result=>{
result.data.image_path = “自己云存储上边的统一标识符” + result.data.image_path
this.obj = result.data;
this.collectImg = false;
})
}
})
- 点击收藏
- 点击收藏按钮样式发生改变
if(this.collectImg){
console.log(“已收藏”)
} else {
console.log(“未收藏”)
}
db.collection(‘collectList’).add({
data:{
…this.obj
}
}).then(res=>{
console.log(res)
})
db.collection(‘collectList’).doc(this.obj._id).remove().then(res=>{
console.log(res);
this.collectImg = false;
})
- 下次打开时检测是否已收藏
onLoad(option){
db.collection(“collectList”).doc(option.id).get({
success:res=>{
this.obj = res.data;
this.collectImg = true;
},
fail:res=>{
db.collection(“newList”).doc(option.id).get().then(result=>{
result.data.image_path = “自己云存储的统一标识” + result.data.image_path
this.obj = result.data;
this.collectImg = false;
})
}
})
},
============================================================
-
引入数据
-
循环赋值页面
-
须通过scroll-view实现
-
scroll-into-view:值应为某子元素id(id不能以数字开头)
…
类似于组件传参的eventBus,需要在传递参数的页面和接收参数的页面都写上
- 通过全局变量传递参数
let app = getApp();
app.globalData.自定义属性 = “传递的参数”
- 通过全局变量接收参数
onShow() {
if (typeof app.globalData.自定义属性(需要和你传递页面的这个属性名一致) != “undefined”) {
this.city = app.globalData.c;
}
},
为什么使用onShow而不是onLoad:
onLoad只会在页面第一次创建时触发 而这里是从跳转出去的页面返回一级到这个页面 onLoad是不会被触发的 所以使用onShow,每次进入到当前页面都会被触发
wx.navigateBack({
delta: 1
})
这里的delta为你要想上返回几层,返回几层就写几
==============================================================
- 获取openid
getOpenId() {
return new Promise((resolve, reject) => {
wx.login({
success: result => {
let code = result.code;
wx.request({
url: https://api.weixin.qq.com/sns/jscode2session?appid=wxb49315418db7e879&secret=d40f63610573267e4293be7c09aaf18e&js_code=${code}&grant_type=authorization_code
,
success: res => {
let openid = res.data.openid;
resolve(openid);
},
fail(err) {
reject(err);
}
});
}
});
});
}
- 获取用户信息
getUserInfo() {
return new Promise((resolve, reject) => {
wx.getUserInfo({
success: res => {
let userInfo = res.userInfo;
resolve(userInfo);
},
fail(err) {
reject(err);
}
});
});
},
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
最后
技术是没有终点的,也是学不完的,最重要的是活着、不秃。零基础入门的时候看书还是看视频,我觉得成年人,何必做选择题呢,两个都要。喜欢看书就看书,喜欢看视频就看视频。最重要的是在自学的过程中,一定不要眼高手低,要实战,把学到的技术投入到项目当中,解决问题,之后进一步锤炼自己的技术。
技术学到手后,就要开始准备面试了,找工作的时候一定要好好准备简历,毕竟简历是找工作的敲门砖,还有就是要多做面试题,复习巩固。有需要面试题资料的朋友点击这里可以免费领取。
入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!**
[外链图片转存中…(img-tLkTeq3K-1713686172455)]
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
[外链图片转存中…(img-5siHlHcy-1713686172455)]
最后
技术是没有终点的,也是学不完的,最重要的是活着、不秃。零基础入门的时候看书还是看视频,我觉得成年人,何必做选择题呢,两个都要。喜欢看书就看书,喜欢看视频就看视频。最重要的是在自学的过程中,一定不要眼高手低,要实战,把学到的技术投入到项目当中,解决问题,之后进一步锤炼自己的技术。
技术学到手后,就要开始准备面试了,找工作的时候一定要好好准备简历,毕竟简历是找工作的敲门砖,还有就是要多做面试题,复习巩固。有需要面试题资料的朋友点击这里可以免费领取。
[外链图片转存中…(img-pohDy9mH-1713686172456)]