当前位置:   article > 正文

uniapp项目实战开发笔录_uniapp项目安装依赖

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锚点滚动

  1. <view class="taskBox"></view>
  2. let height = $('.taskBox').height;
  3. height = height - 10
  4. console.log(height)
  5. uni.pageScrollTo({
  6. scrollTop: height
  7. })

8.地图定位

CSDN  uniapp中地图定位功能

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/AllinToyou/article/detail/445171
推荐阅读
相关标签
  

闽ICP备14008679号