uniapp 教程-08-web CORS 跨域
什么是跨域
跨域是浏览器的专用概念,指js代码访问自己来源站点之外的站点。
比如A站点网页中的js代码,请求了B站点的数据,就是跨域。
A和B要想被认为是同域,则必须有相同的协议(比如http和https就不行)、相同域名、和相同端口号(port)。
如果你是做App、小程序等非H5平台,是不涉及跨域问题的。
稍微例外的是iOS的wkWebview,在5+App,或uni-app的...
2021-11-15 13:01:55 |
WEB
uniapp 教程-07-compiler 编译器
什么是编译器
uni-app能实现一套代码、多端运行,核心是通过编译器 + 运行时实现的:
编译器:将uni-app统一代码编译生成每个平台支持的特有代码;如在小程序平台,编译器将.vue文件拆分生成wxml、wxss、js等代码。
运行时:动态处理数据绑定、事件代理,保证Vue和平台宿主数据的一致性;
uni-app项目根据所依赖的Vue版本不同,编译器的实现也不同:
vue2:...
2021-11-15 13:01:55 |
WEB
uniapp 教程-06-ts typescript
TypeScript 支持
在 uni-app 中使用 ts 开发,请参考 Vue.js TypeScript 支持 (opens new window)说明。
类型定义文件由 @dcloudio/types 模块提供,安装后请注意配置 tsconfig.json 文件中的 compilerOptions > types 部分,如需其他小程序平台类型定义也可以安装,如:minipr...
2021-11-15 13:01:55 |
WEB
uniapp 教程-05-css 语法
CSS 支持
nvue样式
css预处理器(opens new window)
页面样式与布局
uni-app 的 css 与 web 的 css 基本一致。本文没有讲解 css 的用法。
在你了解 web 的 css 的基础之上,本文讲述一些样式相关的注意事项。
uni-app 有 vue 页面和 nvue 页面。
vue 页面是 webview 渲染的、app 端的 nvue ...
2021-11-15 13:01:55 |
WEB
uniapp 教程-04-js 语法
js 语法
uni-app的js API由标准ECMAScript的js API 和 uni 扩展 API 这两部分组成。
标准ECMAScript的js仅是最基础的js。
浏览器基于它扩展了window、document、navigator等对象。小程序也基于标准js扩展了各种wx.xx、my.xx、swan.xx的API。node也扩展了fs等模块。
uni-app基于ECMAS...
2021-11-15 13:01:55 |
WEB
uniapp 教程-03-reference 引用
引用组件
传统vue项目开发,引用组件需要导入 - 注册 - 使用三个步骤,如下:
<template>
<view>
<uni-rate text="1"></uni-rate>
</view>
</template>
<script>
//1.import
import uniRate ...
2021-11-15 13:01:55 |
WEB
uniapp 教程-02-page 页面
页面简介
uni-app项目中,一个页面就是一个符合Vue SFC规范的.vue文件或.nvue文件。
.vue页面和.nvue页面,均全平台支持,差异在于当uni-app发行到App平台时,.vue文件会使用webview进行渲染,.nvue会使用原生进行渲染,
详见:nvue 原生渲染
新建页面
uni-app中的页面,通常会保存在工程根目录下的pages目录下。
每...
2021-11-15 13:01:55 |
WEB
uniapp 教程-01-project 项目
开发规范
为了实现多端兼容,综合考虑编译速度、运行性能等因素,uni-app 约定了如下开发规范:
页面文件遵循 Vue 单文件组件 (SFC) 规范(opens new window)
组件标签靠近小程序规范,详见uni-app 组件规范
接口能力(JS API)靠近微信小程序规范,但需将前缀 wx 替换为 uni,详见uni-a...
2021-11-15 13:01:55 |
WEB