尝试一下微信小程序skyline + uniapp3 + ts
偶然间发现了skyline,仿佛给我打开了新世界的大门,无论是内存还是新内存回收scrollview还是首屏加载速度都有了质的飞跃
于是我想了一下,uniapp是不是支持这么干,于是我搜了一下,发现一个api
uni.getSkylineSync()
打印了一下,我超,报错了,我去社区看了一下发现了类似的错误,好像是微信那边的🤤
吓得我不敢用了,于是就不了了之了,全剧终
时隔多日,我终究还是放不下,基础库都更新了这么多了按道理来说应该修复了,于是我又再次尝试,又报错了
于是我去看了一下文档,我发现有第二种方式可以拿到当前页面的渲染状态,于是我赶紧尝试,果然成了,下面是丹方
首先
// manifest.json
{
"mp-weixin" : {
"appid" : "xxxx",
"lazyCodeLoading": "requiredComponents", // 这个要加上
"rendererOptions": { "skyline": { "defaultDisplayBlock": true } }, // 这个要加上
"setting" : {
"urlCheck" : false
},
"usingComponents" : true
},
}
然后
// pages.json
{
{
"path": "pages/index/index",
"style": {
"navigationStyle": "custom",
"renderer": "skyline",
"componentFramework": "glass-easel"
}
},
}
再然后
const renderer = ref(false) // true for skyline, false for webview
const pages = getCurrentPages()
const page: any = pages[pages.length - 1]
renderer.value = page.renderer === 'skyline'
微信开发者工具下载最新的 开发版 Nightly Build (1.06.2312262)
右上角详情 -> 调试基础库拉到最新 -> 开启skyline渲染调试 -> 关闭代码自动重载
至此,丹成,注意兼容性就行了