随笔分类 -  07-uni-app专题

摘要:一. npm安装包 ( 参考:https://uniapp.dcloud.net.cn/tutorial/page-script.html#npm支持 ) 1. 初始化 在根目录通过指令 【npm init -y】进行初始化,创建package.json文件。 2. npm安装dayjs库 通过指令 阅读全文
posted @ 2023-01-28 13:37 Yaopengfei 阅读(306) 评论(1) 推荐(0) 编辑
摘要:一. 微信小程序发布 1. 微信平台配置 (1). 登录微信开放平台 https://mp.weixin.qq.com/ 然后在 开发管理→开发设置 中进行配置。 (2). 开发者ID配置 会生成一个唯一的AppId,需要配置到Hbuilder X中。 (3). 小程序代码上传配置 需要配置IP白名 阅读全文
posted @ 2023-01-27 11:12 Yaopengfei 阅读(507) 评论(1) 推荐(0) 编辑
摘要:一. uni-froms剖析 (详见官网:https://uniapp.dcloud.net.cn/component/uniui/uni-forms.html) 1. form标签 (1). ref:绑定form自身 (2). modelValue: 绑定表单数据 (3). rules:绑定校验规 阅读全文
posted @ 2023-01-15 13:11 Yaopengfei 阅读(1422) 评论(1) 推荐(0) 编辑
摘要:一. 内置组件 1. 下面列举原先的html改为uni-app的内置组件 (注:html的标签存在跨端兼容问题,比如只在web端兼容,小程序和app端不兼容,所以要使用uni-app封装后的内置组件,从而回避掉不兼容的问题) div 改成 view span、font 改成 text a 改成 na 阅读全文
posted @ 2023-01-11 14:27 Yaopengfei 阅读(2904) 评论(1) 推荐(0) 编辑
摘要:一. 跨平台兼容/条件编译 (详见官网:https://uniapp.dcloud.net.cn/tutorial/platform.html ) 1. 跨平台兼容 uni-app 已将常用的组件、JS API 封装到框架中,开发者按照 uni-app 规范开发即可保证多平台兼容,大部分业务均可直接 阅读全文
posted @ 2023-01-09 20:47 Yaopengfei 阅读(602) 评论(2) 推荐(0) 编辑
摘要:一. 环境准备 1. Hbuilder X 下载地址:https://www.dcloud.io/hbuilderx.html 2. 微信开发工具 下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 阅读全文
posted @ 2023-01-06 16:44 Yaopengfei 阅读(1869) 评论(1) 推荐(0) 编辑
摘要:一. 说明 uni-app官网:https://uniapp.dcloud.net.cn/ 微信小程序官网:https://developers.weixin.qq.com/miniprogram/dev/framework/ 官方文档非常详细,该系列以微信小程序为主线,梳理一些最常用的技术点,其它 阅读全文
posted @ 2023-01-05 08:22 Yaopengfei 阅读(313) 评论(1) 推荐(0) 编辑