console.log(“服务器出现错误”);
}
})
}
})
补充: 两种页面跳转的方式的区别
-
wx.navigateTo
-
wx.redirectTo
区别一:两种页面跳转的方式的区别就是左上角是否能够返回到上一页
区别二:
-
会执行 onHide 事件
-
会执行 Unload 事件
==================================================================================
catch 和 bind 的区别在于 事件冒泡的区别
在事件的捕捉中可以使用 bind 以及 catch,下面以简单的实例给大家展示一下事件冒泡
2.1 事件冒泡展示
wxml
我是内部
js
Page({
onLoad: function (options) {
},
onTap: function() {
console.log(“outter 被点击了”);
},
onTap1:function() {
console.log(“inner 被点击了”);
}
})
效果图:
当我点击内圈的时候,两个绑定事件都会被触发,这个时候就发生了冒泡事件
2.2 冒泡事件的阻止
为了避免出现这样的情况,就出现了 catch ,来解决出现事件冒泡的问题,这里我把两个 bind 改成 catch,然后再分别点击内圈和外圈,这样就避免出现了事件冒泡的问题
===========================================================================
在真实的开发环境当中,小程序的数据是来自服务端的,如果我们把所有的数据都写在一个 js 文件当中,显然是不太可能的,这里采用模拟服务端的数据,渲染到前端
3.1 在小程序的目录中创建一个 data 目录,用来模拟服务端传过来的数据
然后采用数组对象的形式,把数据全部集中起来
-
该文件命名为 data.js 文件
-
然后编写文件内容
-
使用 module.export 导出数据
-
在 数据传递的 js 文件中,引入该文件
3.2 案例实现
data.js
var test = [
{
title:“xxx”,
description:“xxx”,
pub_date: “xxx”,
content: “xxx”
},
{
title:“xxx”,
description:“xxx”,
pub_date: “xxx”,
content: “xxx”
},{
title:“xxx”,
description:“xxx”,
pub_date: “xxx”,
content: “xxx”
}
// 重点来了,这里要把文件导出去给其他的 js 脚本使用
module.exports = {
test: test
}
- 回到信息展示的 js 文件中,然后引入 上一步 导出的 js‘ 文件
// 导入数据
var test= require(“…/…/data/test.js”)
Page({
data: {
},
onLoad: function(options) {
// 页面加载时,从服务器取数据,这里模拟取数据,使用数据模拟的方式传数据
// 传数据
this.setData({
// 这里根据代码的实际情况进行适当的改变即可
test: test
});
},
})
===============================================================================
template 支持 wxml 和 wxss 复用,而不能支持 js 和 json
4.1 大致步骤
-
先创建一个名为 template 的目录
-
然后根据样式创建不同的目录来保存成为不同的样式
-
然后添加与之对应的 wxml 和 wxss 文件
-
然后把我们需要复用的代码块复制进 wxml 以及相对的样式 wxss,外面用 template 包裹,其属性设置为 name=“xxx”
-
然后在外面把准备复用的代码块删除,改成 template 即可,其属性 is 设置为上一步中 name 的值,如果数据是动态绑定的,加一个 data属性,传入即可
4.2 template 实战练习使用
比如我要复用这样的代码块
把这部分的代码块单独放进一个 template 目录下的 wxml 文件中,name 设置为 postItem ,样式我就不复制了
{{item.content}}
然后回到需要复用的地方
-
先引入 template 中的 wxml 文件,使用
<import src="xxx" />.
,这个路径可以是 绝对路径,可以是相对路径,但是建议使用 相对路径 -
然后使用 template 标签就可以展示出内容
- 还有一点需要注意,当我们把样式复制到 模板的 wxss 文件中,我们也需要在 wxss 中引用它, 方式
@import "模板样式路径"
需要特别注意的一点,路径最容易错误的,这里一定要小心
模板中不能使用 js 文件,因此业务职能写在引用文件的 js 中
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数Java工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Java开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Java开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注Java获取)
最后
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!
正体系化!**
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注Java获取)
最后
[外链图片转存中…(img-4q0RmXF5-1713681332240)]
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!