uniapp项目实战开发笔录

1.HbuilderX下载后,从工具中可直接创建uni项目,架构已配置好

uniapp项目实战开发笔录_第1张图片

2.官方文档要过一遍

跨端兼容 | uni-app官网

uniapp项目实战开发笔录_第2张图片

3.uniapp 使用npm安装依赖

输入 npm init -y 初始化后即可安装依赖了

例如: npm install @dcloudio/uni-ui  后即可在项目中看到node_modules包以及依赖了

4.uniapp H5唤起APP跳转指定页面 wx-open-launch-app

h5使用微信开放标签wx-open-launch-app直接打开app_即刻而晴的博客-CSDN博客_h5打开微信

tip:踩坑指南 

a) 公众号配置js接口安全域名(公众号的域名)

b)开放平台关联设置—>绑定手机app的appId,关联公众号域名

c)引入sdk,下载链接:http://res.wx.qq.com/open/js/jweixin-1.6.0.js

d)wx-open-launch-app开放标签使用

e)配置安全域名时下载校验文件,放置到公众号域名所在服务器下

f)app那边也必须接入相关sdk才行,而微信的文档上没写要接入,它没写,没写,写…
app接入相关链接:
ios:https://developers.weixin.qq.com/doc/oplatform/Mobile_App/Access_Guide/iOS.html
android:https://developers.weixin.qq.com/doc/oplatform/Mobile_App/Access_Guide/Android.html

5.几种动画实现方案

uniapp及vue中动画功能实现方案_木易66丶的博客-CSDN博客

6.字体库引入

uniapp引入字体样式和使用的方法_MarryLin2021的博客-CSDN博客_uniapp引入字体

uniapp项目实战开发笔录_第3张图片

7.uniapp锚点滚动


let height = $('.taskBox').height;
height = height - 10
console.log(height)
uni.pageScrollTo({
    scrollTop: height
})

你可能感兴趣的:(uniapp,vue,前端,小程序,app)