uniapp项目实战开发笔录

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

2.官方文档要过一遍

跨端兼容 | uni-app官网

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引入字体

7.uniapp锚点滚动

<view class="taskBox"></view>
let height = $('.taskBox').height;
height = height - 10
console.log(height)
uni.pageScrollTo({
    scrollTop: height
})

8.地图定位

CSDN  uniapp中地图定位功能