- 在index.wxml 文件中可以直接通过标签
<mybox></mybox>
实现我们自定义的模板
============================================================================
3.1 创建属性
1.语法示范—— 回到自定义组件中,在mybox.js文件下的 properties中,创建对象,语法如下:
properties:{
属性名称: {
type: 数据类型,String Number Boolean Object Array
value: 一个初始化的默认值
}
}
- 我们给mybox.js 文件,分别给外边框和内边框设置两个属性
Component({
/**
- 组件的属性列表
*/
properties: {
innerText:{
type:String,
value:“112233”
},
outterSize:{
type:Number,
value:200
}
},
/**
- 组件的初始数据
*/
data: {
},
/**
- 组件的方法列表
*/
methods: {
}
})
3.2 使用属性
- 然后就可以在 mybox.wxml 文件中通过 style 设置属性
{{innerText}}
- 由于前面设置过 json 路径,所以我们就可以直接通过属性名,正常的修改样式
效果图:
=======================================================================
通过 slot 标签才可以添加组件
- 新建一个名为 mypage 的组件,在mypage.js 中添加 options 代码
Component({
options:{
multipleSlots:true
},
/**
- 组件的属性列表
*/
properties: {
},
/**
- 组件的初始数据
*/
data: {
},
/**
- 组件的方法列表
*/
methods: {
}
})
-
在展示界面 的json 文件把路径添加上
-
设置wxss 样式,与 wxml 文件
设置纵向布局,并结合全局的样式 container
mypage.wxss
.body{
width: 100%;
display: flex;
}
.left-group{
flex: 1;
background: yellow;
}
.right-group{
flex: 1;
background: green;
}
mypage.wxml
这是header部分
回到展示界面 —— index.wxml
我是左边
我是右边
展示效果:
==================================================================
- 创建属性,需要在自定义组件的json文件加入如下代码
{
“component”: true,
“usingComponents”: {}
}
component 一定要设置为 true
- 使用属性,在展示界面 json 文件加入如下代码
{
“usingComponents” :{
“子文件的名称”: “路径”;
}
}
- 给自定义组件添加属性,在自定义组件 的 js 文件下的 Component,文件添加 如下代码
properties:{
属性名称: {
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数Java工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Java开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Java开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注Java获取)
写在最后
作为一名即将求职的程序员,面对一个可能跟近些年非常不同的 2019 年,你的就业机会和风口会出现在哪里?在这种新环境下,工作应该选择大厂还是小公司?已有几年工作经验的老兵,又应该如何保持和提升自身竞争力,转被动为主动?
就目前大环境来看,跳槽成功的难度比往年高很多。一个明显的感受:今年的面试,无论一面还是二面,都很考验Java程序员的技术功底。
最近我整理了一份复习用的面试题及面试高频的考点题及技术点梳理成一份“Java经典面试问题(含答案解析).pdf和一份网上搜集的“Java程序员面试笔试真题库.pdf”(实际上比预期多花了不少精力),包含分布式架构、高可扩展、高性能、高并发、Jvm性能调优、Spring,MyBatis,Nginx源码分析,Redis,ActiveMQ、Mycat、Netty、Kafka、Mysql、Zookeeper、Tomcat、Docker、Dubbo、Nginx等多个知识点高级进阶干货!
由于篇幅有限,为了方便大家观看,这里以图片的形式给大家展示部分的目录和答案截图!
Java经典面试问题(含答案解析)
阿里巴巴技术笔试心得
《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》,点击传送门即可获取!
扩展、高性能、高并发、Jvm性能调优、Spring,MyBatis,Nginx源码分析,Redis,ActiveMQ、Mycat、Netty、Kafka、Mysql、Zookeeper、Tomcat、Docker、Dubbo、Nginx等多个知识点高级进阶干货!**
由于篇幅有限,为了方便大家观看,这里以图片的形式给大家展示部分的目录和答案截图!
[外链图片转存中…(img-2R1cOj8D-1712442530962)]
Java经典面试问题(含答案解析)
[外链图片转存中…(img-BCfkgNd0-1712442530962)]
阿里巴巴技术笔试心得
[外链图片转存中…(img-X99ob7A9-1712442530962)]
《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》,点击传送门即可获取!