Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
uni-app
提交
99ed9185
U
uni-app
项目概览
DCloud
/
uni-app
2 个月 前同步成功
通知
715
Star
38705
Fork
3642
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
7
列表
看板
标记
里程碑
合并请求
1
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
7
Issue
7
列表
看板
标记
里程碑
合并请求
1
合并请求
1
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
99ed9185
编写于
8月 24, 2019
作者:
W
wanganxp
提交者:
GitHub
8月 24, 2019
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Update frame.md
上级
fee13067
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
23 addition
and
21 deletion
+23
-21
docs/frame.md
docs/frame.md
+23
-21
未找到文件。
docs/frame.md
浏览文件 @
99ed9185
...
@@ -912,12 +912,14 @@ slide-view.vue
...
@@ -912,12 +912,14 @@ slide-view.vue
- 原事件命名以短横线分隔的需要手动修改小程序组件源码为驼峰命名,比如:*this.$emit('left-click')* 修改为 *this.$emit('leftClick')*(HBuilderX 1.9.0+ 不再需要修改此项)
- 原事件命名以短横线分隔的需要手动修改小程序组件源码为驼峰命名,比如:*this.$emit('left-click')* 修改为 *this.$emit('leftClick')*(HBuilderX 1.9.0+ 不再需要修改此项)
详细的小程序转uni-app语法差异可参考文档[https://ask.dcloud.net.cn/article/35786](https://ask.dcloud.net.cn/article/35786)。
详细的小程序转uni-app语法差异可参考文档[https://ask.dcloud.net.cn/article/35786](https://ask.dcloud.net.cn/article/35786)。
## WXS
## WXS
WXS是微信小程序的一套脚本语言,[详见](https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxs/)。
WXS是微信小程序的一套脚本语言,[详见](https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxs/)。
经过我们的适配,uni-app可以使用wxs规范支持5+APP、微信小程序、QQ小程序。请使用```HBuilderX 2.2.4-alpha```及以上版本体验。
经过我们的适配,uni-app可以使用wxs规范支持5+APP、微信小程序、QQ小程序。请使用```HBuilderX 2.2.4-alpha```及以上版本体验。
对应的,百度小程序提供了Filter、阿里小程序提供了SJS,但它们的功能还不如wxs强大。另外头条系小程序不支持类似功能。
**wxs示例**
**wxs示例**
以下是一些使用 WXS 的简单示例,要完整了解 WXS 语法,请参考[WXS 语法参考](https://developers.weixin.qq.com/miniprogram/dev/reference/wxs/)。本示例使用wxs响应touchmove事件,减少视图层与逻辑层通信,使滑动更加丝滑。
以下是一些使用 WXS 的简单示例,要完整了解 WXS 语法,请参考[WXS 语法参考](https://developers.weixin.qq.com/miniprogram/dev/reference/wxs/)。本示例使用wxs响应touchmove事件,减少视图层与逻辑层通信,使滑动更加丝滑。
...
@@ -993,12 +995,12 @@ WXS是微信小程序的一套脚本语言,[详见](https://developers.weixin.
...
@@ -993,12 +995,12 @@ WXS是微信小程序的一套脚本语言,[详见](https://developers.weixin.
}
}
</style>
</style>
```
```
支付宝小程序,百度小程序官方暂未支持事件响应,不过也可以使用对应的SJS、Filter过滤器实现一些
方便的操作,以下代码展示了一个时间格式化的小功能
支付宝小程序,百度小程序官方暂未支持事件响应,不过也可以使用对应的SJS、Filter过滤器实现一些
数据处理的操作,以下代码展示了一个时间格式化的小功能
index.vue
index.vue
```
```
<template>
<template>
<view>
<view>
<view>
<view>
...
@@ -1026,12 +1028,12 @@ index.vue
...
@@ -1026,12 +1028,12 @@ index.vue
methods: {
methods: {
}
}
}
}
</script>
</script>
```
```
utils.sjs 与 utils.filter.js
utils.sjs 与 utils.filter.js
```
```
js
export default {
export default {
friendlyDate: (timestamp) => {
friendlyDate: (timestamp) => {
var formats = {
var formats = {
...
@@ -1081,22 +1083,22 @@ export default {
...
@@ -1081,22 +1083,22 @@ export default {
}
}
return formats[diffType].replace('%n%', diffValue);
return formats[diffType].replace('%n%', diffValue);
}
}
}
}
```
```
**注意**
**注意**
- **重要**编写wxs、sjs、filter.js 内容时必须遵循相应语法规范
- 目前各个小程序正在完善相关规范,可能会有较大改动,请务必仔细阅读相应平台的文档
- 目前各个小程序正在完善相关规范,可能会有较大改动,请务必仔细阅读相应平台的文档
- 支付宝小程序请使用sjs规范,[详见](https://docs.alipay.com/mini/framework/sjs)
- 支付宝小程序请使用sjs规范,[详见](https://docs.alipay.com/mini/framework/sjs)
- 支付宝小程序sjs只能定义在.sjs 文件中。然后使用```<import-sjs>```标签引入
- 支付宝小程序sjs只能定义在.sjs 文件中。然后使用```<import-sjs>```标签引入
- 支付宝小程序import-sjs的标签属性```name```、```from```被统一为了```module```、```src```以便后续实现多平台统一写法
- 支付宝小程序import-sjs的标签属性```name```、```from```被统一为了```module```、```src```以便后续实现多平台统一写法
- 百度小程序中请使用Filter
过滤器
,[详见](https://smartprogram.baidu.com/docs/develop/framework/view_filter/)
- 百度小程序中请使用Filter
规范
,[详见](https://smartprogram.baidu.com/docs/develop/framework/view_filter/)
- 百度小程序Filter只能导出function函数
- 百度小程序Filter只能导出function函数
- 暂不支持在 wxs、sjs、filter.js 中调用其他同类型文件
- 暂不支持在 wxs、sjs、filter.js 中调用其他同类型文件
- 编写wxs、sjs、filter.js 内容时必须遵循相应语法规范**重要**
- wxs、filter.js既能内联使用又可以外部引入,sjs只能外部引入
- wxs、filter.js既能内联使用又可以外部引入,sjs只能外部引入
- mp-qq 目前对内联的 wxs 支持不好,部分写法会导致编译出错
- mp-qq 目前对内联的 wxs 支持不好,部分写法会导致编译出错
## 致谢
## 致谢
...
@@ -1104,4 +1106,4 @@ export default {
...
@@ -1104,4 +1106,4 @@ export default {
为了照顾开发者的已有学习积累,```
uni-app
```的组件和api设计,基本参考了微信小程序,学过微信小程序开发,了解```
vue
```,就能直接上手```
uni-app
```;感谢微信小程序团队!
为了照顾开发者的已有学习积累,```
uni-app
```的组件和api设计,基本参考了微信小程序,学过微信小程序开发,了解```
vue
```,就能直接上手```
uni-app
```;感谢微信小程序团队!
```
uni-app
```
在小程序端,学习参考了
[
mpvue
](
http://mpvue.com/
)
及
[
Megalo
](
https://megalojs.org/
)
,感谢美团点评技术团队、网易考拉团队!
```
uni-app
```
在小程序端,学习参考了
[
mpvue
](
http
s
://mpvue.com/
)
及
[
Megalo
](
https://megalojs.org/
)
,感谢美团点评技术团队、网易考拉团队!
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录