自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数HarmonyOS鸿蒙开发工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年HarmonyOS鸿蒙开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上HarmonyOS鸿蒙开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新
如果你觉得这些内容对你有帮助,可以添加VX:vip204888 (备注鸿蒙获取)
一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
UniApp组件封装的注意事项
- 设计良好的API:合理设计组件的属性和方法,使其易于理解和使用。属性应该具有明确的命名和类型,方法应该提供清晰的调用方式和参数说明。
- 提供良好的封装和抽象:封装组件时,应该将组件的内部实现细节隐藏起来,只暴露必要的接口给外部使用。这样可以提高组件的可维护性和复用性,并降低外部使用者的学习和使用成本。
- 遵循Vue组件开发规范:UniApp使用Vue.js作为其开发框架,因此在组件开发中应该遵循Vue的组件开发规范,包括正确使用组件的生命周期钩子、合理使用
props
和data
等。 - 考虑跨平台兼容性:UniApp的一个主要特点是可以发布到多个平台,因此在组件封装过程中要考虑不同平台的差异性和兼容性。避免使用平台特定的API和样式,尽量使用UniApp提供的跨平台能力。
- 注重性能优化:组件在使用过程中应该具有良好的性能表现,避免不必要的重渲染和性能瓶颈。可以通过合理使用
computed
属性、避免频繁的数据更新和减少不必要的渲染等方式进行性能优化。 - 文档完善和示例演示:为了方便其他开发者使用你的组件,要提供清晰、准确的文档和示例。文档应该包括组件的属性、方法、使用示例和注意事项等信息,示例可以帮助其他开发者更好地理解和使用你的组件。
通过以上步骤和注意事项,你可以更好地进行UniApp组件封装,并提供可复用、高质量的组件给其他开发者使用。
以下是一个简单的自定义按钮逐渐封装以及使用示例:
- 首先,在你的UniApp项目中创建一个名为
Button
的组件文件夹。 - 在
Button
文件夹中创建一个名为Button.vue
的文件,并在该文件中编写组件的模板、样式和逻辑代码。以下是一个示例:
<template>
<button class="custom-button" @click="handleClick">
<slot></slot>
</button>
</template>
<script>
export default {
methods: {
handleClick() {
this.$emit('click');
}
}
}
</script>
<style scoped>
.custom-button {
background-color: #42b983;
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}
</style>
- 在需要使用该按钮组件的页面中,引入并使用
Button
组件。例如,在pages/index/index.vue
文件中:
<template>
<view>
<Button @click="handleButtonClick">Click me</Button>
</view>
</template>
<script>
import Button from '@/components/Button/Button.vue';
export default {
components: {
Button
},
methods: {
handleButtonClick() {
// 处理按钮点击事件
}
}
}
{
components: {
Button
},
methods: {
handleButtonClick() {
// 处理按钮点击事件
}
}
}