uniapp小程序框架的使用记录

1.如何启动项目

开发工具选择hbuilder(最为推荐,hbuilder为uni-app作了很强大的功能完善,建议采用稳定版本的hbuilder)
image.png这是我当前使用的开发工具的版本号
1.从git拉取代码,项目目录结构如图所示
image.png
2.点开目录 右键->从新识别项目类型 点击以后会将项目识别为uni-app类型
3.经过cnpm install 安装该有的依赖
4.image.png点击在浏览器中运行便可在浏览器中运行项目,看到下面的控制面板,就是在h5中运行的状况
5.在小程序中运行首次要配置appid
image.png而且会提示输入你微信开发者工具的安装路径
image.png点击运行右侧的第一个,就会自动打开微信开发工具。git

2.在项目中的注意点

1.针对小程序项目而言有主包和分包直说,为何要进行分包呢?npm

  • 由于:微信限制了代码包不能超过 2MB,限制大小是出于对小程序启动速度的考虑,但愿用户在使用任何一款小程序时,都能得到一种“秒开”体验。然而,2MB 的大小也限制了小程序功能的扩展,小程序业务的发展可能须要更大的体积。那么有没有一种办法,在增长小程序包的同时,也能保持不错的体验速度呢?

为了解决这个矛盾点,微信推出了“分包加载方案”小程序

  • 在小程序启动时,默认会下载主包并启动主包内页面,若是用户须要打开分包内某个页面,客户端会把对应分包下载下来,下载完成后再进行展现。

2.uni-app的条件编译
每一个平台有本身的一些特性,所以会存在一些没法跨平台的状况浏览器

  • 大量写 if else,会形成代码执行性能低下和管理混乱。
  • 编译到不一样的工程后二次修改,会让后续升级变的很麻烦。

什么是条件编译呢?举例说明
写法:以#ifdef或#ifndef加%PLATFORM%开头,以#endif结尾。
#ifdef:if defined 仅在某平台存在
#ifndef:if not defined 除了某平台均存在
%PLATFORM%:平台名称
PLATFORM举例说明能够取值的有:微信

  1. APP-PLUS(仅出如今 App 平台下的代码)
  2. H5(除了 H5 平台,其它平台均存在的代码)
  3. H5||MP-WEIXIN(h5或者微信平台下的代码)

详情请参考官方文档的条件编译 https://uniapp.dcloud.io/plat...
参见获取微信code判断是否登陆的项目代码,不作具体公开微信开发

相关文章
相关标签/搜索