uni.APP课程心得体会

uni-app概述：uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。

uni-app由来：是为了解决跨平台开发的问题。在移动应用开发中，不同平台（如iOS、Android）有不同的开发语言和技术栈，这导致开发者需要针对不同平台开发多套代码，增加了开发和维护的成本。DCloud公司正是看到了这些问题，因此决心打造一款终极的跨平台解决方案，此时，uni-app就应运而生，Uni-app的出现使得开发者可以使用同一套代码，快速地部署到多个平台，提高了开发效率和降低了开发成本。

uni-app特点：

1、跨更多平台

2、一套代码，多平台运行

3、运行体验好，性能高

4、开发生态、周边生态丰富（组件丰富）

5、通用技术栈，学习/开发成本低，

uni-app开发规范遵循以下原则：

1、页面文件遵循Vue单文件组件

2、组件标签规范类似于微信小程序规范。

3、接口能力（JS API）规范类似微信小程序规范，但需要将wx前缀改为uni。

4、数据绑定及事件处理同Vue.js规范，同时额外补充了uniapp本身的App及页面的生命周期的规范。

5、为了更好的兼容多端运行，建议使用Flex布局进行开发。

除此以外，uni-app项目的开发还需遵循以下规范：

1、目录结构规范

• • • • • 建议按照 uni-app 默认的目录结构组织项目，以保持统一性和易读性。

        • 将不同功能和模块的文件放置在对应的目录下，如 pages 存放页面，components 存放组件等。

2、命名规范

• • • • • 文件名、组件名、变量名等统一使用小写字母，多个单词之间可以使用中划线连接，例如：my-page.vue、login.vue等等

3、代码规范

• • • • 遵循 Vue.js 官方的代码规范，保持代码风格的统一性。

      • 注意代码的缩进和格式，提高代码的可读性。

      • 避免在模板中直接编写过多逻辑，尽量将逻辑处理移到 JS 部分。

      • 合理使用生命周期函数，避免在页面加载时做过多的初始化操作。

4、样式规范

• • • • 推荐使用预处理器编写样式，如 Less、Sass 等，以提高样式代码的可维护性。

      • 统一使用 rpx 作为尺寸单位，以便在不同设备上进行适配。

      • 避免在样式中直接使用颜色值和尺寸值，建议提取出来作为变量统一管理

5、注释规范

• • • • 在关键代码和复杂逻辑处添加必要的注释，方便其他开发者理解代码意图。

      • 注释应该清晰简洁，描述代码的功能、参数和返回值等信息。

概述：组件是页面的基本组成单位，类似原HTML页面的标签，主要用于进行页面结构的搭建。

组件的组成结构：开始/结束标签、内容、属性、属性值。

基础结构如下图所示：

 

云函数即在云端（服务器端）运行的函数，开发者无须购买、搭建服务器，只需编写函数代码并部署到云端即可在客户端（App、H5、小程序等）调用，同时云函数之间也可以相互调用。

一个云函数的写法与一个在本地定义的JavaScript方法无异，当云函数被客户端调用时，定义的代码会被放在Node.js运行环境中执行。

开发者可以和在Node.js环境中使用JavaScript一样在云函数中进行网络请求等操作，而且还可以通过云函数服务端SDK搭配使用多种服务，如使用云函数SDK中提供的数据库和存储API操作数据库和存储。

1、创建云函数 

 

2、编写云函数文件 

 

3、在页面调用云函数 

 

  我认为这门课程让我学到了很多新知识，也让我更好地了解了这个领域。首先，这门课让我了解到了人工智能领域中的一些基本概念和技术，比如机器学习、自然语言处理、计算机视觉等等。这些知识让我对人工智能的未来发展有了更深入的了解。

其次，这门课让我认识到了自己在这个领域中的不足之处。例如，在机器学习方面，我需要更多地学习和实践，而在自然语言处理方面，我需要更加深入地学习和理解。这些不足之处也促使我更加努力地学习和实践。

最后，这门课让我学会了如何利用自己的知识和技能来解决实际问题。在这个领域中，我们需要不断地学习和解决各种问题，这也让我更加关注实际应用和解决问题的能力。

总之，这门课让我收获颇丰，不仅学到了新知识和技能，也让我更加自信和自信地面对未来的挑战。