uni-app 系列之(二)—— 项目简介

文章详细介绍了uniCloud的目录结构,包括components、pages、static、uni_modules等目录的作用,强调了static目录的使用规则,如静态资源存放、不受编译影响以及es6代码兼容问题。同时提到了其他重要文件如main.js、App.vue和manifest.json的功能,并指出HbuilderX对ext.json、sitemap.json等文件的支持。
摘要由CSDN通过智能技术生成
┌─uniCloud              云空间目录,阿里云为uniCloud-aliyun,腾讯云为uniCloud-tcb
│─components            符合vue组件规范的uni-app组件目录
│  └─comp-a.vue         可复用的a组件
├─utssdk                存放uts文件
├─pages                 业务页面文件存放的目录
│  ├─index
│  │  └─index.vue       index页面
│  └─list
│     └─list.vue        list页面
├─static                存放应用引用的本地静态资源(如图片、视频等)的目录,注意:静态资源只能存放于此
├─uni_modules           存放[uni_module](/uni_modules)
├─platforms             存放各平台专用页面的目录,详见
├─nativeplugins         App原生语言插件
├─nativeResources       App端原生资源目录
│  └─android            Android原生资源目录
├─hybrid                App端存放本地html文件的目录
├─wxcomponents          存放小程序组件的目录
├─unpackage             非工程代码,一般存放运行或发行的编译结果
├─AndroidManifest.xml   Android原生应用清单文件
├─main.js               Vue初始化入口文件
├─App.vue               应用配置,用来配置App全局样式以及监听 应用生命周期
├─manifest.json         配置应用名称、appid、logo、版本等打包信息
├─pages.json            配置页面路由、导航条、选项卡等页面类信息
└─uni.scss              这里是uni-app内置的常用样式变量

static目录使用注意事项:

  • 编译到任意平台时,static 目录下除不满足条件编译的文件,会直接复制到最终的打包目录,不会打包编译。
  • static 下目录的 js 文件不会被 compile-,里面如果有 es6 的代码,不经过转换直接运行,在手机设备上会报错。
  • static 目录下的文件(vue、js、css 等)只有被引用时,才会被打包编译。
  • css、less/scss 等资源不要放在 static 目录下,建议这些公用的资源放在自建的 common 目录下。
  • HbuilderX 1.9.0+ 支持在根目录创建 ext.json、sitemap.json 等小程序需要的文件。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uni-app的面试题主要涉及对其特性和使用的理解。一些可能的面试题包括但不限于以下内容: 1. 对uni-app的理解:uni-app是一个使用Vue.js开发所有前端应用的框架,开发者可以编写一套代码,然后将其发布到iOS、Android、Web(响应式)以及各种小程序平台(如微信、支付宝、百度、快应用等)。 2. 如何为不同的平台设置不同的代码:在uni-app中,可以使用条件编译指令(如`#ifdef H5`)来根据不同的平台设置不同的代码。 3. uni-app中封装接口请求相较于微信小程序有什么要注意的:由于uni-app需要实现跨端兼容,需要注意网络请求的跨域问题。而微信小程序不需要考虑多端兼容,也不会出现跨域问题。 4. uni-app中的本地存储数据和接收数据是什么:在uni-app中,可以使用`uni.setStorageSync(key, data)`和`uni.getStorageSync(key)`来进行本地数据的存储和接收。 5. uni-app路由与页面跳转:在uni-app中,可以使用`uni.navigateTo`、`uni.redirectTo`和`uni.reLaunch`等方法来进行页面的跳转。 6. uni-app全局变量的定义和获取:在uni-app中,可以使用`Vue.prototype`或`Vuex`来定义全局变量,并通过`this.$变量名`来获取全局变量的值。 7. uni-app的生命周期:uni-app中的生命周期包括`onLaunch`、`onShow`、`onHide`、`onError`等,用于控制应用程序的生命周期事件。 8. 提高微信小程序速度的方法:可以通过减少页面数量、压缩代码、优化图片、避免过多的数据请求等方法来提高微信小程序的速度[4]。 以上是uni-app可能的面试题,希望能对你有所帮助。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [【uni-app高频面试题——精品一】](https://blog.csdn.net/ytfty24124/article/details/128087256)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值