黑马程序员微信小程序学习总结11.分包与uniapp

这里写目录标题

  • 分包
    • 什么是分包
    • 分包加载规则
  • 自定义tab(略,后面项目使用到再学)
  • uniapp
    • 创建项目
    • 目录结构
    • 使用git管理项目
    • 新建页面
    • 配置tabbar
    • 修改导航栏

分包

什么是分包

在这里插入图片描述

分包加载规则

在这里插入图片描述
在这里插入图片描述
其他略,赶进度快进到uniapp,这些可以在使用时再学习

自定义tab(略,后面项目使用到再学)

uniapp

查看官方文档

uni-app-video-courses介绍视频

下载开发工具Hbuilderx

插件市场
如果不熟悉快捷键方案,还可以切换
在这里插入图片描述
设置一下界面:
在这里插入图片描述

{"editor. lineHeight" : "1.5","editor.codeassist.px2rem.enabel" : false,"editor.codeassist.px2upx.enabel" : false,"editor.fontFmyCHS" : "微软雅黑 Light","editor.fontsize" : 12,"editor.insertSpaces" : true,"editor.minimap.enabled" : false,"editor.mousewheelZoom" : true,"editor.onlyHighlightword" : false,"editor.tabsize" : 2,"editor.wordwrap" : true,"explorer.iconTheme" : "vs-seti"
}

创建项目

在这里插入图片描述
在这里插入图片描述
基础设置里获取appid
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

运行报错微信:[ project.config.json 文件内容错误] project.config.json: libVersion 字段需为 string
请在manifest.js中加上"libVersion": “latest”,
在这里插入图片描述

报警告Could not load content for http://127.0.0.1:12332/.sourcemap/mp-weixin/common/runtime.js.map: HTTP error: status code 403, net::ERR_HTTP_RESPONSE_CODE_FAILURE
先安装插件:https://ext.dcloud.net.cn/plugin?name=gwl-jsSourceMap#rating
再在hbuilder中运行程序到微信小程序,再在hbuilder中右键项目修改jsSourceMap即可
在这里插入图片描述
完美:
在这里插入图片描述
注意:如果还有警告错误可以尝试在小程序开发工具里的详情修改调试基础库

目录结构

在这里插入图片描述

使用git管理项目

在这里插入图片描述

但是unpackage下只有dist会,git会自动忽略unpackage整个文件夹,故可以添加.gitkeep空文件占位
在这里插入图片描述
常见的git命令:

上传文件步骤:
设置name:
git config --global user.name "你的名字"设置email:
git config --global user.email  你的邮箱   (邮箱和gitee对应)设置origin:
git remote rm origin
git remote add origin 仓库地址git add .
git commit -m "提交备注"
git checkout 分支名称 (切换分支)
git branch (查看分支)
git checkout -b 新分支名称 (创建新分支)
git branch -d 要删除的分支名称(本地删除,远程保留)
git push -u origin master (提交到master)
git merge 要合并到当前的分支名称(合并分支,合并完需要推送,直接git push即可)

注意:如果你初始化以后没有在主分支上提交代码,切换回主分支就会出现下面错误
在这里插入图片描述

新建页面

在这里插入图片描述
在这里插入图片描述
新建完成后会在pages.json中列出来
在这里插入图片描述

配置tabbar

tabbar需要用到静态资源文件,先将图片放入static文件夹:
在这里插入图片描述
配置pages.json即可
在这里插入图片描述

修改导航栏

全局:
在这里插入图片描述
注意:必须删除页面style中的navigationBarTitleText,不然会被覆盖

单页面:
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/503922.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

黑马c++ STL部分 笔记(5) stack容器

stack是一种先进后出的数据结构,它只有一个出口。 栈中只有栈顶的元素才可以被外界使用,因此栈不允许有遍历行为。 栈可以判断容器是否为空。 栈可以返回元素个数。 栈中进入数据——入栈push。 栈中弹出数据——出栈pop。 stack常用接口 // stack常用…

2023年06月CCF-GESP编程能力等级认证Scratch图形化编程四级真题解析

一、单选题(共15题,共30分) 第1题 高级语言编写的程序需要经过以下( )操作,可以生成在计算机上运行的可执行代码。 A:编辑 B:保存 C:调试 D:编译 答案:D 第2题 排序算法是稳定的(Stable Sorting),就是指排序算法可以保证,在待排序数据中有两个相等记录的关…

堆与TopK问题分析

TopK问题 题目及思路分析 所谓TopK问题,在一组数据中找出前K个最大或者最小的数值,而使用TopK问题的解决思路的问题一般数据个数都比较大,如果直接用数组,则会导致数据无法一次性加载到内存从而难以比较,难者甚至因为…

C++之函数,指针

函数 1,函数概述 作用:将一段经常使用的代码封装起来,减少重复代码 一个较大的程序,一般分为若干份程序块,每个模块实现特定的功能 2,函数的定义 函数的定义一般有五个步骤: 1&#xff0c…

MATLAB中function_handle函数用法

目录 说明 创建对象 示例 命名函数求积分 匿名函数求积分 function_handle函数所表示的是函数的句柄。 说明 函数句柄是一种表示函数的 MATLAB 数据类型。函数句柄的典型用法是将函数传递给另一个函数。例如,可以将函数句柄用作基于某个值范围计算数学表达式的…

c++基础知识补充4

单独使用词汇 using std::cout; 隐式类型转换型初始化:如A a1,,此时可以形象地理解为int i1;double ji;,此时1可以认为创建了一个值为1的临时对象,然后对目标对象进行赋值,当对象为多参数时,使用(1&#xf…

微信小程序云开发教程——墨刀原型工具入门(添加交互事件)

引言 作为一个小白,小北要怎么在短时间内快速学会微信小程序原型设计? “时间紧,任务重”,这意味着学习时必须把握微信小程序原型设计中的重点、难点,而非面面俱到。 要在短时间内理解、掌握一个工具的使用&#xf…

【多线程】CAS详解

目录 🌴什么是 CAS🌸CAS 伪代码 🎍CAS 是怎么实现的🍀CAS 有哪些应⽤🌸实现原子类🌸实现自旋锁 🌳CAS 的 ABA 问题🌸**什么是 ABA 问题**?🌸ABA 问题引来的 B…

笔记73:ROS中的各种消息包

参考视频: 33.ROS 的标准消息包 std_msgs_哔哩哔哩_bilibili 34. ROS 中的几何包 geometry_msgs 和 传感器包 sensor_msgs_哔哩哔哩_bilibili 标准消息包:std_msgs常用消息包:common_msgs导航消息包:nav_msgs几何消息包&#xf…

Mysql主从备份

主从复制概述 将主服务器的binlog日志复制到从服务器上执行一遍,达到主从数据的一致状态,称之为主从复制。一句话表示就是,主数据库做什么,从数据库就跟着做什么。 为什么要使用主从复制 为实现服务器负载均衡/读写分离做铺垫&…

Cocos Creator 3.8.x 后效处理(前向渲染)

关于怎么开启后效效果我这里不再赘述,可以前往Cocos官方文档查看具体细节:后效处理官网 下面讲一下怎么自己定义一个后处理效果,想添加自己的后效处理的话只需要在postProcess节点下添加一个BlitScreen 组件即可,然后自己去添加自…

CentOS下MySQL的安装以及配置环境

CentOS下MySQL的安装以及配置环境 📟作者主页:慢热的陕西人 🌴专栏链接:MySQL 📣欢迎各位大佬👍点赞🔥关注🚓收藏,🍉留言 本博客主要内容讲解了CentOS环境下的…