精华内容
下载资源
问答
  • 微信分包文件夹微信分包文件夹
  • 分包功能出来之前,小程序代码体积不能超过2M,无法满足部分业务需求,尤其是图片较多的商城类小程序,经过微信小程序版本的迭代,分包加载应运而生 一、为什么要分包? 小程序要求压缩包体积不能大于2M,否则...

    在分包功能出来之前,小程序代码体积不能超过2M,无法满足部分业务需求,尤其是图片较多的商城类小程序,经过微信小程序版本的迭代,分包加载应运而生

    一、为什么要分包?

    1. 小程序要求压缩包体积不能大于2M,否则无法编译发布;
    2. 在实际项目中,体积大于2M时就需要通过分包机制进行发布上传;
    3. 对小程序进行分包,可以优化小程序首次启动的下载时间,因为分包后主包体积小了,有效提高用户体验;
    4. 将小程序划分成不同的子包,在构建时打包成不同的分包,用户在使用时按需进行加载,提高了程序性能;

    二、分包大小限制

    在微信开发工具的详情->项目配置中可以看到,如果不采用分包,小程序总大小不能超过2M,如果采取分包,总大小可以达到20M,但主包和单个分包的体积不能超过2M。

    三、分包形式

    1、常规分包

        1)通过在 app.json subpackages 字段声明项目分包结构,配置如下:

    2)app.json文件

    分包的文件可以放在page里面,但我为了分包代码和主包代码在目录上有更好的区分,所以在pages同级新建了packages文件夹单独放分包的代码,名称和目录位置可以根据自己的需要确定。

    3) 跳转至分包页面,注意路径

    wx.navigateTo({url: '/packages/familyPackage/pages/familyList/familyList'})

    4)特点

         a、加载小程序时,先加载主包,当需要访问分包页面时才加载分包;

         b、分包可以访问主包的内容,包括但不限于文件、数据、图片等内容,可以理解为分包不分家

     

    2、独立分包

        独立分包是小程序中一种特殊类型的分包,可以独立于主包和其他分包运行。一个小程序中可以有多个独立分包。常见应用场景为:临时加的广告也或活动页面

    1)通过在app.jsonsubpackages字段中对应的分包配置项中定义independent字段声明对应分包为独立分包

    {
     "subPackages": [
        {
          "root": "packages/familyPackage",
          "pages": [
            "pages/familyList/familyList"
          ]
        },
        {
          "root": "packages/intelligentPackage",
          "pages": [
            "pages/manual/manual",
            "pages/automatic/automatic"
          ],
          "independent": true
        }
      ],
    }

    2)特点

        a、 从独立分包中页面进入小程序时,不需要先下载主包(常规分包需要先下载主包);

        b、独立分包不能依赖其他包的内容,可以理解为独立的个体,但 是可以从独立分包页面跳转至主包或常规分包页面的;

        c、独立分包中不能定义 App,会造成无法预期的行为;同时独立分包中暂时不支持使用插件;

    3)注意事项

       a、 独立分包运行时, 假设用户没有进入过普通分包或主包内页面,这时 App 未被注册,因此 getApp() 无法获得 App 对象,由于这一限制,开发者无法通过 App 对象实现独立分包和小程序其他部分的全局变量共享。为了在独立分包中满足这一需求,基础库 2.2.4 版本开始 getApp支持 [allowDefault]参数,在 App 未定义时返回一个默认实现。当主包加载,App 被注册时,默认实现中定义的属性会被覆盖合并到真正的 App 中。

    4)低版本兼容

      在低于6.7.2版本的微信中运行时,独立分包视为普通分包处理,不具备独立运行的特性。在兼容模式下,主包中的 app.wxss 可能会对独立分包中的页面产生影响,因此应避免在独立分包页面中使用 app.wxss 中的样式。

    5)关于 App 生命周期

        当从独立分包启动小程序时,主包中 App 的 onLaunch 和首次 onShow 会在从独立分包页面首次进入主包或其他普通分包页面时调用。由于独立分包中无法定义 App,小程序生命周期的监听可以使用 wx.onAppShowwx.onAppHide 完成。App 上的其他事件可以使用 wx.onErrorwx.onPageNotFound 监听。

    四、分包预下载

    1)通过在 app.json 增加 preloadRule 配置来控制,packages为数组,即可配置多项, 如果配置为  _APP_ 表示预加载主包,需要预加载主包的场景为从独立分包进入 主包或常规分包

       

    2)效果   

     

    3)注意事项

    同一个分包中的页面享有共同的预下载大小限额 2M,限额会在工具中打包时校验。

    如,页面 A 和 B 都在同一个分包中,A 中预下载总大小 0.5M 的分包,B中最多只能预下载总大小 1.5M 的分包。

    4)特点

       a、在加载当前包的时候可以设置预下载其他的包;

       b、缩短用户等待时间,提高用户体验;

    五,查看各包大小

    在项目的详情->基本信息 本地代码中可以看到主包及各个包的大小

     

    全文到这里结束啦!

     

    ps:学习成长过程的简单记录,如有不严谨之处,欢迎交流!

    展开全文
  • zz差分包

    2020-11-28 15:52:22
    zz差分包
  • 劳务分包模式探索(班组分包管理).doc
  • 项目分包队(分包班组)管理制度汇编.doc
  • 专业分包、劳务分包、转包对比分析报告.docx
  • 项目分包队(分包班组)管理制度汇编.doc
  • 15分包计划和对分包队伍的管理措施.doc
  • 在pages同级目录中新建两个分包pagesOne和pagesTwo文件夹 在pages.json中配置分包 manifest.json中配置分包优化

    在pages同级目录中新建两个分包pagesOne和pagesTwo文件夹
    在这里插入图片描述
    在pages.json中配置分包
    在这里插入图片描述
    manifest.json中配置分包优化
    在这里插入图片描述

    展开全文
  • 2、专业分包、甲指分包管理流程.docx
  • uniapp分包demo

    2020-11-03 15:59:30
    分包下支持独立的 static 目录,用来对静态资源进行分包。 uni-app内支持对微信小程序、QQ小程序、百度小程序分包优化,即将静态资源或者js文件放入分包内不占用主包大小。详情请参考:关于分包优化的说明 针对...
  • 分包合同结算

    2020-12-13 16:40:22
    你还在寻找分包合同结算吗?在这里,为大家整理收录了分包合同结算,需要的朋友赶快来这里下载...该文档为分包合同结算,是一份很不错的参考资料,具有较高参考价值,感兴趣的可以下载看看
  • 分包商名录

    2020-12-11 13:11:02
    整理发布的分包商名录以实现多、快、好、省为目标,欢迎大家下载分包商名录进行参考使用!PS:...该文档为分包商名录,是一份很不错的参考资料,具有较高参考价值,感兴趣的可以下载看看
  • 分包三方协议(适用总包进场后分包).doc
  • 武汉市建设工程专业分包和劳务分包管理办法.doc
  • IOCP分包.rar

    2020-04-05 02:57:13
    IOCP分包.rar
  • 这是一套分包合同及确定分包商资质审批表excel模版下载,喜欢的人都来下载吧。该文档为分包合同及确定分包商资质审批表excel模版下载,是一份很不错的参考资料,具有较高参考价值,感兴趣的可以下载看看
  • 最新分包合同模板免费施工分包合同范本word排版样式.docx
  • 最新工程分包平台安装工程分包标准合同书WORD样式.docx
  • APK分包工具
  • 项目分包分包班组管理制度 一目的 为了使承担本工程各项目施工任务的所有专业分包队和专业班组的各项管理工作纳入和满足本项目的管理要求确保本工程施工管理的各项工程按照国家法律法规和规范标准受控状态下确保...
  • 使用分包

    2021-01-26 21:50:28
    使用分包 目的: 1.小程序源代码从2M上升为20M 2.提高页面加载数据(首次渲染的速度) 方法 1.建立分包文件 /news/pages/ base1/base1 jsok/jsok 2.配置分包 "subpackages": [ { "root":...

    使用分包
        目的:
            

    1.小程序源代码从2M上升为20M
    2.提高页面加载数据(首次渲染的速度)


        方法
            1.建立分包文件
              

      /news/pages/
                    base1/base1
                    jsok/jsok


            2.配置分包
              

       "subpackages": [
                {
                  "root": "news",
                  "pages": [
                      "pages/article/article"
                  ]
                }
    ]


            3.页面跳转路径
              

      <navigator  url="/news/pages/article/aricle"  >


        原则
          

     主包只包含
                底部栏对应的那几个页面
                每个主页对应的二级页面,或者三级页面对应一个分包
     引用关系
                分包与分包之间不能相互引用资源
                分包可以引用主包的资源


        目的:
    当前页面加载完毕,可以去加载对应分包内容
     

         "preloadRule": {
        "pages/yidian/yidian": {
          "network": "all",
          "packages": ["news"]
        }
      }

     

    展开全文
  • 最新简单的劳务分包合同劳务分包合同3DOC格式文本.docx
  • 最新工程分包平台分包工程合同书精选WORD样版可编辑.docx
  • 分包以及分包加载 { //这是主包 "pages":[ "pages/index/index" ], //分包 当前是两个分包 "subPackages":[ { "root":"shoppages" // 分包路径 是否与主包同级(当前同级) "name":"shoppages" //给分包添加...

    分包以及分包加载

    
    {
        //这是主包
    	"pages":[
            "pages/index/index"
        ],
        //分包   当前是两个分包
        "subPackages":[
            {
                "root":"shoppages"  // 分包路径 是否与主包同级(当前同级)
                "name":"shoppages"  //给分包添加标识,用于预加载使用
                "pages":[			//不设置预加载的时候,只有跳转当前分包路径的时候才会加载
                	"pages/shoppages/shoppages"
                ]
            },
    		{
                "root":"store",
                "pages":[ 	
                    "pages/store/store"
                ]
            }
        ],
        preloadRule: {
            'pages/index': {
                network: 'all',
                packages: ['shoppages']
            }
        },
    }
    
    展开全文
  • 15分包计划和对分包队伍的管理措施(1).doc
  • uniapp subpackages demo分包
  • uniapp分包 小程序分包

    2020-11-23 17:43:03
    Page.js 配置 "pages": [{ ... //分包 "subPackages": [{ //指定根包 根包在src下创建目录 src/oceanPackage "root": "oceanPackage", "pages": [{ "path": "bulkCargo/shipping", "s
  • 易语言IOCP分包源码

    2020-07-20 00:35:38
    易语言IOCP分包源码,IOCP分包,子程序_服务器回调,sock处理,客户进入,客户离开,数据到达,子程序_客户回调,窗口2消息处理,数据到达客户,组包数据,解包数据,包结束标志,初始化模块,iocp服务端_启动服务,iocp服务端_停止...
  • 最新建筑工地分包合同2022最新建筑施工分包合同WORD格式模板.docx

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 38,957
精华内容 15,582
关键字:

分包