Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-uni-app-x-zh
提交
dae2bec2
U
unidocs-uni-app-x-zh
项目概览
DCloud
/
unidocs-uni-app-x-zh
通知
144
Star
2
Fork
33
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
9
列表
看板
标记
里程碑
合并请求
11
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
unidocs-uni-app-x-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
9
Issue
9
列表
看板
标记
里程碑
合并请求
11
合并请求
11
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
dae2bec2
编写于
12月 07, 2024
作者:
W
wanganxp
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
补充小程序内容
上级
c28dbd15
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
20 addition
and
8 deletion
+20
-8
docs/api/get-system-info.md
docs/api/get-system-info.md
+2
-0
docs/dom/README.md
docs/dom/README.md
+6
-4
docs/mp/README.md
docs/mp/README.md
+12
-4
未找到文件。
docs/api/get-system-info.md
浏览文件 @
dae2bec2
...
...
@@ -18,6 +18,8 @@ uni-app 提供了异步(`uni.getSystemInfo`)和同步(`uni.getSystemInfoSync`)
因本API涉及的信息越来越多,查询速度会逐渐变慢。由此拆解分出3个新API,
[
uni.getDeviceInfo
](
get-device-info.md
)
、
[
uni.getAppBaseInfo
](
get-app-base-info.md
)
、
[
uni.getWindowInfo
](
get-window-info.md
)
。新API包含的信息更多。
微信小程序已经不推荐使用getSystemInfo,建议使用上述分拆的3个API。
<!-- UTSAPIJSON.getSystemInfo.param -->
<!-- UTSAPIJSON.getSystemInfo.returnValue -->
...
...
docs/dom/README.md
浏览文件 @
dae2bec2
# UVUE DOM
App-uvue的每个
页面,在内存中都有一个 DOM(文档对象模型)。它和浏览器的
[
DOM规范
](
https://www.w3.org/DOM/?spm=a2c7j.-zh-docs-api-weex-variable.0.0.2a5537c6FrgbYp
)
类似。
每个uvue
页面,在内存中都有一个 DOM(文档对象模型)。它和浏览器的
[
DOM规范
](
https://www.w3.org/DOM/?spm=a2c7j.-zh-docs-api-weex-variable.0.0.2a5537c6FrgbYp
)
类似。
DOM 是页面元素内容的结构数据。DOM 模型用一个逻辑树来表示一个页面文档,树的每个分支的终点都是一个节点,每个节点都对应一个节点对象(UniElement)。
实际上
app-
uvue 的template、数据绑定,在底层调用的也是 DOM API。
实际上 uvue 的template、数据绑定,在底层调用的也是 DOM API。
在浏览器中,开发者一旦跳过vue框架直接操作dom,vue框架将无法管理相应dom,开发者需要注意两端的冲突。
在 App 端,为了减少冲突,目前不支持通过 DOM API 创建和删除 DOM 树中的元素。只支持获取元素UniElement。
为了减少冲突,目前不支持通过 DOM API 创建和删除 DOM 树中的元素。只支持获取元素UniElement。
DOM在Web、Android、iOS、微信小程序均存在。微信小程序受微信限制,只实现了部分DOM API,请注意兼容性表格。
> HBuilderX4.0 开始DOM元素的类型统一调整为 UniElement 对象。废弃之前 HBuilderX 3.91 的 Element对象 和 HBuilderX 3.91以前的 INode 对象。
...
...
@@ -66,7 +68,7 @@ export default {
```
### 通过this.$refs获取DOM元素@refs
app-
uvue页面中可以通过 vue 框架中的组件实例对象
[
this.$refs
](
https://uniapp.dcloud.net.cn/tutorial/vue3-api.html#%E5%AE%9E%E4%BE%8B-property
)
获取 DOM 元素对象。
uvue页面中可以通过 vue 框架中的组件实例对象
[
this.$refs
](
https://uniapp.dcloud.net.cn/tutorial/vue3-api.html#%E5%AE%9E%E4%BE%8B-property
)
获取 DOM 元素对象。
首先需要为组件设置 ref 属性值,它类似于id:
```
vue
...
...
docs/mp/README.md
浏览文件 @
dae2bec2
# 编译到小程序端
>
编译到微信小程序端新增于4.41版本
>
新增于 HBuilderX 4.41+
uni-app x 项目在编译到小程序平台时,将部分特性对齐了web与app端,因此和非uni-app x项目编译到小程序端略有差异。
## uts
推荐使用uts跨端开发,但微信小程序上也支持js/ts。
## vue
### 组件启用virtualHost
...
...
@@ -56,11 +60,11 @@ event.screenY
## css
###
默认样式
###
样式重置
为保证多端统一,uni-app-x编译到小程序端时
,内置组件根元素带有一些默认样式,详情参考:
[
uvue css使用
](
../css/README.md
)
。
App平台的ucss和webview的标准css略有差异。为保证多端统一,uni-app-x编译到小程序端时,会进行浏览器样式重置
,内置组件根元素带有一些默认样式,详情参考:
[
uvue css使用
](
../css/README.md
)
。
如果
确实不需要ucss的样式覆盖来帮助对齐不同端的显示效果,
可以在pages.json的globalStyle或对应的页面style内配置
`enableUcssReset`
为false来关闭ucss样式重置。参考:
[
page.json文档
](
../collocation/pagesjson.md
)
如果
你不开发App,且不需要样式重置,想使用原始的小程序样式,那么
可以在pages.json的globalStyle或对应的页面style内配置
`enableUcssReset`
为false来关闭ucss样式重置。参考:
[
page.json文档
](
../collocation/pagesjson.md
)
## skyline
...
...
@@ -75,3 +79,7 @@ worklet函数暂不支持写在uvue、uts文件内,推荐从js文件内引用
### 实体字符
uni-app x项目在编译到小程序端时,如果页面内静态的使用了实体字符
`>、<、 、 、 、 `
则会在最终输出的小程序页面文件中保留这些实体字符,例如
` `
在微信小程序的wxml文件中仍为
` `
不会被转为空格, 而非uni-app-x项目
` `
会转为空格。
## 开发和调试
在HBuilderX底部状态栏选择语法平台,确保有微信小程序平台,否则代码提示不会有微信专有API。如果选择其他平台,但代码里在非MP-WEIXIN的条件编译里写了微信专有代码,ide会告警。
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录