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