Uniapp基本语言和开发规范

河北比特聚客

已于 2023-02-05 07:03:44 修改

阅读量1.2k

点赞数 3

分类专栏： uniapp技能提升文章标签： html5 vue.js

于 2023-02-04 09:03:40 首次发布

本文链接：https://blog.csdn.net/weixin_69785434/article/details/128878633

版权

本文详细介绍了uniapp的基本语言，包括js、vue和css，以及vue的渐进式特性。此外，还涉及编译器、运行时、逻辑层与渲染层分离的概念，页面生命周期、路由配置和组件交互等关键知识点。内容涵盖从页面创建到编译调试的全过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

概念简介

基本语言和开发规范

基本语言：js、vue、css。

注：js网页的行为；css网页布局；vue，是一套构建用户界面的渐进式框架。渐进式：有选择的使用，不强求你一次性接受并使用全部功能特性。比如一些基础操作，页面渲染、表单提交，或者直接使用vue去写组件，项目规模越来越大的时候，可能会用到前端路由、状态集中管理，最终就是为了实现一个高度工程化的前端项目；官方解释：Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。

编译器

编译器将开发者的代码编译成每个平台支持的特有代码。运行在电脑开发环境，一般都是内置在hbuilderx工具当中

运行时

运行在真正的终端

runtime包括3部分：基础框架、组件、api

逻辑层和渲染层分离

因为性能原因，所以逻辑层和渲染层做了分离

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

河北比特聚客

关注关注

3
点赞
踩
7

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

uni-app开发规范:一键登录(univerify)、服务器调用云函数、微信授权登录 | 身份统一认证

专注于计算机研发知识和资讯分享

07-13

1365

vue现在是es6的写法，require引入外部的js模块(注意不是文件)或import css。另外，vue支持组件导入，可以更方便的封装一个包括界面、js、样式的库。如需要全局导入vue组件，即每个页面都可以直接使用而不用引用和注册的话，在项目根目录下的main.js里处理。传统vue组件，需要安装、引用、注册，三个步骤后才能使用组件。HBuilderX 2.5.5起支持easycom组件模式。easycom将其精简为一步。只要组件。就可以不用引用、注册，直接在页面中使用。如下： 1.2 组件/

【商城实战(34)】突破常规！手把手教你在uniapp中进行组件库二次开发

邓邓子的博客

03-15

855

本文聚焦 uniapp 组件库二次开发用于商城项目。开篇介绍 uniapp 优势及 uView、vant weapp - uni 组件库特点。二次开发前，需明确商城需求，搭建以 HBuilderX 为工具的开发环境。实战中，经对比选 uView 库，定制按钮和商品列表组件。完成后，打包组件库并发布到项目，借助 Git 实现团队共享与维护。此次开发提升商城独特性、用户体验及开发效率，未来可优化性能、扩展功能，鼓励读者探索创新，推动 uniapp 组件库生态发展。

1 条评论您还未登录，请先登录后发表或查看评论

【小程序专栏】总结uniapp开发小程序的开发规范

最新发布

happy_Regal的博客

03-30

1610

跨平台多端应用开发框架uni-app是由DCloud团队开发的国产跨平台前端框架，基于Vue.js语法规范，允许开发者使用一套代码编译并发布到多个平台，包括iOS、Android、H5以及主流小程序（如微信、支付宝、百度、头条、QQ等），实现跨端开发，并支持原生代码混写和原生SDK集成。[6-8]uni-app的优势体现在跨平台能力、扩展灵活性、学习成本和开发成本等多个关键指标上。由于uni-app基于Vue开发，且无需与原生代码协作，因此学习成本较低，开发难度也相对较小。

uni-app 自适应各种机型状态栏

qq_39224105的博客

08-28

2155

<view class="top1"> <view class="statbar"> <view class="status_bar"></view> </view>//这里是适配的状态栏的代码 <view class="navigator"> <view class="weizhiPosition" @click="showTree"> <image src="../../

uniapp 开发规范

YZRHANYU的博客

11-02

524

uniapp 开发规范

前端uniapp代码规范

weixin_48113283的博客

12-07

1211

无论有多少人共同参与同一项目，一定要确保每一行代码都像是唯一个人编写的。页面写完一定要格式化代码一下，HBuilderX格式化代码快捷键：Ctrl+k。删除打印！删除打印！删除打印！保持代码简洁！！！修改代码的时候分清楚不要的和暂时不要的，把不需要的删掉，包括view，js，css和注释。

uniapp跨平台开发

m0_73975614的博客

06-11

620

DCloud公司正是看到了这些问题，因此决心打造一款终极的跨平台解决方案，此时，uni-app就应运而生，Uni-app的出现使得开发者可以使用同一套代码，快速地部署到多个平台，提高了开发效率和降低了开发成本。uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。ni-app x，是下一代 uni-app，是一个跨平台应用开发引擎。

基于Vue和JavaScript的uniapp-公用组件设计源码

09-25

开发者在使用这些组件时，应确保遵循组件库提供的规范和文档说明。通过将这些可复用组件集成到项目中，开发者可以专注于业务逻辑的开发，而不用在UI层面花费过多的时间，从而大幅提升开发效率。在技术选型方面，该...

taro和uniapp平台开发语言不能用python吗

03-23

好的，用户现在问到Taro和UniApp是否不能使用Python作为开发语言。首先，我需要回忆一下这两个框架的基本信息。Taro和UniApp都是跨平台的小程序开发框架，支持用一套代码编译到多个平台，比如微信、抖音等。接下来...

uni-app开发规范

m0_45379422的博客

05-09

228

1 页面文件遵循 Vue 单文件组件 SFC规范 2 组件标签靠近小程序规范 3 接口能力靠近小程序规范，需要将wx替换为uni 4 数据绑定和事件处理同vue.js规范 5 建议使用flex布局单位 rpx 750 rpx

【Uniapp】代码规范六：组件化规范

2401_86337335的博客

09-28

870

在。

UNIAPP开发注意规范

jianzhiwang2022的博客

10-22

548

uniapp注意

uni-app学习之旅（二）uni-app开发规范

戒不掉的码瘾

07-24

1311

1、页面遵循vue单文件组件的规范（SFC）页面和vue一样也是由3大块组成：template、script、style 2、、组件标签靠近小程序规范（先体验一下微信小程序还是有用滴） 3、接口能力（Js Api）靠近微信小程序规范 uni已经封装好了一些api可以直接调用来获取手机的一些状态，如 //获取网络类型 uni.getNetworkType({ success() { } }) 4、数据绑定及事件处理同Vue.js规范 5、为兼容多端运行，建议使用flex

uni-app开发APP之开发规范和一些注意事项

闰土月下追猹

11-26

6060

????个人体会开发快速。uniapp最大的优势就是整合7端开发规范在一起，配合Vue让前端开发人员可以开发出“具有基本功能”的APP（对比flutter来说，uniapp对前端更友好），可以快速开发多端应用。一次编译，多端运行。接口丰富。DCloud有h5 app经验，同时这部分的API也开放给uniapp可以直接调用，调用的时候同样也是用js引擎调用原生API。很多东西开箱即用，微信支付，消息推送等等。过于全面。一般项目不需要7端都需要，但是官方必须考虑7端，所以很多东西必须用条件编译区分平台来

移动端开发之uni-app开发规范说明

yuanjinshenglife的专栏

03-06

890

移动端开发之uni-app开发规范说明

UniApp自我学习之多语言（一）

YinRH2014的专栏

05-23

1216

近好几年来，一直从事Android端的开发，玩过微信公众号/小程序等，但都不是很熟悉那些语言，但UniAPP刚刚出来的时候，也在忙项目（创业型公司里面，一个人要同时负责好几个项目），没来及学习，现在部分项目上了正轨，新项目也能应付，因此抽空学习一下UniAPP，将自己学习的东西记录下来；当然，因为没有学过css、vue等语言，所以如有误导的地方，请见谅，并期望你能指正，谢谢！！！另外，因为是初学，UniAPP相关的文章，都是自己结合广大网友的智慧，进而实现的，也许还有更简单的方法，也希望大家能留下宝典。

uni-app--》uni-app语法书写的相关规范及注意点

ztK63LrD的博客

04-02

1887

uni-app代码编写，基本语言包括js、css、vue。以及ts、scss等css预编译器。在app端还支持原生渲染的nvue，以及可以编译为kotlin和swift的uts。为实现多端兼容，uni-app约定如下开发规范1）页面文件遵循 Vue 单文件组件 (SFC) 规范，即每个页面是一个.vue文件。2）组件标签靠近小程序规范，详见uni-app 组件规范。3）接口能力（JS API）靠近小程序规范，但需将前缀 wx、my 等替换为 uni。