uniapp-基础了解

HBuilder

它是通用的前端开发工具，为uniapp做了强化。

使用vue需要全局导入vue组件，即每个页面都可以直接使用而不用引用和注册的话，在项目根目录下的main.js里处理。

import pageHead from './components/page-head.vue' //导入
Vue.component('page-head', pageHead) 

在uniapp中

• iv 改成 view
• span、font 改成 text
• a 改成 navigator
• img 改成 image
• input 仅仅是输入框。
• 其他功能uni-app有单独的组件或API：radio组件、checkbox组件、时间选择、日期选择、图片选择、视频选择、多媒体文件选择(含图片视频)、通用文件选择。
• form、button、label、textarea、canvas、video 这些还在。
• select 改成 picker
• iframe 改成 web-view
• ul、li没有了，都用view替代。做列表一般使用uList组件
• audio 不再推荐使用，改成api方式，背景音频api文档 其实老的HTML标签也可以在uni-app里使用，uni-app编译器会在编译时把老标签转为新标签，比如把div编译成view。但不推荐这种用法，调试H5端时容易混乱。还有几个其他看文档。第三次临时的

1：dom变成mvvm

解决js和dom界面交互的问题，用vue自动渲染，dom自动变化

2：js和api的变化

一    ：弹窗alert，confirm变成了uni.showmodel

二     ：ajax网络请求变成了uni.request

ajax的基本语法

x=new XMLHttpRequest();
 
x.open("GET","http://localhost:8888",true);
 
x.send();

uni.request语法基本示例

const requestTask = uni.request({
	url: 'https://www.example.com/request', //仅为示例，并非真实接口地址。
	data: {
        name: 'name',
        age: 18
	},//还有一个herder可以自定义请求头信息
	success: function(res) {
		console.log(res.data);
	}
});

三 ： cookie、session 没有了，local.storage 改成 uni.storage

其他api把wx.xx变成 uni.xx就可以

3：css的变化

1：没有  * 这个    2：body改成page  3：尺寸用rpx

4：更推荐flex布局   其他布局也可以5：图片文字不要大于40k最好 

6：在nvue只能用flex布局

4：布局

1：原先的app.json 每个页面都需要在这里注册，现在变成page.json

2：原先首页在index.html中  现在就在page。json里面  page的下一个节点就是首页

原生的导航栏 和底部的tabbar也在pages.json中做  不在vue里面创建  但是点击事件的监听是在vue页面做

小程序里面的app.js被一分为2     一个变成了页面管理的page.json  一个变成了非页面管理的manifest.json

3：原来的app.js和app.wxss被合并到了app.vue中

4：uni.switchTab  去tabar页面