微信小程序 - 按需注入

这篇具有很好参考价值的文章主要介绍了微信小程序 - 按需注入。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

按需注入
自基础库版本 2.11.1 起,小程序支持有选择地注入必要的代码,以降低小程序的启动时间和运行时内存。
只需要在app.json里面加入下面这行代码即可。

"lazyCodeLoading": "requiredComponents"



截个图看看:

小程序按需引入,微信小程序,微信小程序,小程序
用时注入
在开启「按需注入」特性的前提下,「用时注入」可以指定一部分自定义组件不在小程序启动时注入,而是在真正渲染的时候才进行注入。
在已经指定lazyCodeLoading为requiredComponents的情况下,为自定义组件配置 占位组件,组件就会自动被视为用时注入组件:
1.每个页面内,第一次渲染该组件前,该组件都不会被注入;
2.每个页面内,第一次渲染该组件时,该组件会被渲染为其对应的占位组件,渲染流程结束后开始注入;
3.注入结束后,占位组件被替换回对应组件。

 文章来源地址https://www.toymoban.com/news/detail-557494.html

到了这里,关于微信小程序 - 按需注入的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uni-app 微信小程序启用组件按需注入

    uni-appi 微信小程序开发,微信小程序开发工具代码质量检查显示 启用组件按需注入:未通过 。 通过官方文档可知,微信小程序自基础库版本2.11.1起,小程序支持有选择地注入必要的代码,以降低小程序的启动时间和运行时内存。配置方法如下: 添加配置 在 manifest.json 配置

    2024年02月12日
    浏览(58)
  • uni-app 微信小程序:启用组件按需注入

    https://developers.weixin.qq.com/miniprogram/dev/framework/ability/lazyload.html 基础库 2.11.1 及以上版本支持,2.11.1 以下兼容但无优化效果。 工具调试请使用 1.05.2111300 及以上版本,基础库选 2.20.1 及以上版本。 通常情况下,在小程序启动时,启动页面依赖的所有代码包(主包、分包、插件包

    2024年02月16日
    浏览(43)
  • 微信小程序引入地图

    微信小程序引入地图 1.可以直接在页面设置map标签显示出地图,然后通过设置其大小控制地图显示面积。 2.可以通过scale改变地图缩放级别和longitude和latitude属性设置地图中心的经纬度。 3.可以通过markers属性设置地图标点 引入的数组必须是一下格式: 如果是从接口获取的数据

    2024年02月09日
    浏览(45)
  • 微信小程序引入Uview

    1.使用Hbuilder创建小程序项目,模板选空。 直接在uni-app插件市场通过uni_modules的形式进行安装,在uni-app插件市场右上角选择uni_modules版本下的使用HBuilderX导入插件,导入到对应的项目中即可 地址:Uview2.0下载地址 1.引入Uview 在项目根目录中的main.js中,引入并使用uView的JS库,注

    2023年04月12日
    浏览(28)
  • 微信小程序引入weui

    project.config.json 找到 packNpmManually 和 packNpmRelationList 修改成如下内容: 根目录下 app.wxss 引入 weui @import \\\'weui-miniprogram/weui-wxss/dist/style/weui.wxss\\\'; 4.引入需要使用的包 index.json  index.wxml  

    2024年02月10日
    浏览(37)
  • 微信小程序引入腾讯地图图解

    一、准备工作 1.小程序 (qq.com)进入网址注册属于自己的小程序: 填写信息-登录邮箱激活-信息登记 2.完成后,就会进入这个页面 3.在小程序管理后台 - 开发 - 开发管理 - 开发设置 - “服务器域名” 中设置request合法域名,添加https://apis.map.qq.com 注意此处的开发者ID-小程序ID在下

    2024年02月03日
    浏览(37)
  • 微信小程序引入外部icon

    阿里矢量库:iconfont-阿里巴巴矢量图标库 选中相应的图标 添加图标到购物车(多个图标)      ​​​​​  添加项目  下载本地  解压转换—-》 转化网站:Online @font-face generator — Transfonter 文件复制指引  矢量库文件中的内容被转换的文件内容替换,之后总文件在到w

    2024年02月09日
    浏览(37)
  • 微信小程序如何引入Iconfont

    在小程序中引入 Iconfont 可以通过以下步骤进行操作: 打开 Iconfont 网站(https://www.iconfont.cn/)并登录账号,创建一个项目并添加所需的图标到项目中。 在项目中选中需要使用的图标,点击右上角的 “下载代码” 按钮。 下载生成的项目包,解压后可以看到一个名为 `iconfont.

    2024年02月14日
    浏览(42)
  • 微信小程序引入和风天气图标库

    npm导入和风天气的图标库后使用没有效果,就在网上查询了下怎么解决,然后动手尝试一下。 参考文章 1. 下载图标文件(链接),解压后大致这样 2. 在transfonter网站将需要的图标字体转成Base64,在fontfonts文件下 选择上传 下载 3. 解压后把stylesheet.css复制到小程序的某个文件夹下

    2024年02月04日
    浏览(41)
  • 微信小程序使用字体图标——链接引入

    目录 1.下载字体图标  1.选择需要的图标加入购物车添加到项目 2.查看项目  3.生成在线链接   4.复制生成的链接 等下放到iconfont.json中​编辑 2.引入链接 1.下载  2.生成iconfont.json文件 3. 在iconfont.json中 放入生成的链接 4.需要重新编译小程序之后在终端执行 5.在app.json中引入字

    2024年02月16日
    浏览(69)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包