微信小程序配置不使用skyline渲染引擎

已于 2024-10-02 08:38:52 修改
阅读量753 收藏 4
点赞数 3
文章标签： 微信小程序 小程序
于 2024-10-02 08:35:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/panghuangang/article/details/142677995
版权

创建了一个微信小程序，默认使用skyline引擎，如下图app.json中的配置：
在这里插入图片描述

如果不想使用skyline渲染引擎，在app.json 文件中把renderer、rendererOptions、componentFramework这三项的配置删掉就行了（删掉以后使用的就是WebView渲染引擎）：
在这里插入图片描述

微信小程序skyline框架介绍
爱分享的程序员
04-07 956
微信小程序 Skyline 渲染引擎（简称 Sky 框架）是微信团队推出的新一代高性能渲染框架，旨在解决传统 WebView 架构的性能瓶颈，提供更接近原生应用的体验。以下是其核心特性、技术架构及开发实践的综合解析：
skyline是什么，和小程序的关系
rock---you的博客
01-07 7423
Skyline是微信小程序团队推出的一个高性能渲染引擎，主要用于提升小程序在绘图、动画和复杂场景渲染中的性能表现。它是为了解决小程序在高性能、多动画、多媒体场景下的性能瓶颈问题而开发的。Skyline 的核心是引入了一种更高效的Native 渲染能力，相比传统的 Web 渲染（基于 HTML、CSS 和 JavaScript 的渲染模型），它可以直接调用底层的原生渲染引擎，从而大幅提高性能。Skyline 是微信小程序的高性能渲染引擎，适用于对性能要求较高的复杂场景（如游戏、多媒体、动画等）。
微信小程序-微信小程序富文本渲染引擎
08-05
步骤 把 wxParser 目录放到小程序项目的根目录下 在需要富文本解析的 WXML 内引入 wxParser/index.wxml 在页面 JS 文件内使用 wxParser.parse(options) 方法解析 HTML 内容 在小程序项目根目录的 app.wxss 内引入 wxParser 的默认样式库 wxParser.parse(options) 方法的 options 参数说明 参数名 类型 必填 描述 bind String 是 要绑定的数据名称 html String 是 HTML 内容 target Object 是 绑定数据的模块对象 enablePreviewImage Boolean 否 是否启用富文本内的图片预览功能，默认是 tapLink Function 否 点击超链接时的回调函数 示例 WXML JS const wxParser = require('../../wxParser/index'); Page({ data: {}, onLoad: function () { l
微信小程序skyline渲染引擎尝鲜
weixin_63212264的博客
08-29 6677
新的skyline渲染引擎能提升性能，减少卡顿，接下来编写长列表代码来测试新引擎的实际性能表现如何。在性能的表现上官方给出的首屏渲染速度数据如图我们用长列表的渲染数据量对比的结果 2000( webview ) / 7000(skyline) 和官方标定的性能对比图类似，使用skyline引擎渲染的界面确实速度有质的飞跃（至少在长列表渲染场景中）。
微信小程序skyline渲染遇到的问题
一人一城温一壶酒的博客
03-12 786
Skyline 不支持原生导航栏，需在页面配置加上 “navigationStyle”: “custom”（使之与 WebView 保持兼容），并自行实现自定义导航栏。也无效，要实现横向滚动 要再嵌套一个sroll-view。app.json 或者 页面的.json 配置 “defaultDisplayBlock”: true。这是写代码习惯问题，一般row 的时候，我都不会去写这个属性，这点不一致小坑了一下。我配置完开发者工具仍然无效，真机正常，就这样吧~不知道是不是我代码问题，就挺难受的，排查了N久。
微信小程序Skyline在手机端不渲染的问题之一及其解决方式
weixin_47588909的博客
01-28 2155
问题：电脑端是skyline渲染，手机端是webview渲染?从轮播图上来看,手机端是webview渲染的!开发者工具 当前渲染模式：Skyline。2、弹出的最下面的一行选择的最后有一个。以上的模式即可调试！1、点击预览的小程序右上角三个点；
微信小程序新版渲染引擎Skyline的使用详解
热门推荐
javaMusic的专栏
09-09 1万+
前端微信小程序新版渲染引擎Skyline学习与使用详解。其中包括跑马灯swiper，瀑布流monsary，海报分享，worlet动画，自定义路由，手势协商，共享元素动画等。
探索未来：微信小程序新渲染引擎 Skyline 开源项目推荐
gitblog_00355的博客
09-14 576
探索未来：微信小程序新渲染引擎 Skyline 开源项目推荐 项目地址:https://gitcode.com/gh_mirrors/aw/awesome-skyline 项目介绍 微信小程序作为移动应用开发的重要平台，一直在不断进化以提供更优质的开发体验和用户体验。近日，微信小程序推出了全新的渲染引擎——Skyline，旨在替代传统的 WebView 渲染方式，带来更出色的渲染性能和更接近原生的...
【微信小程序】开发与配置
领头羊的博客
07-26 2300
准备学习一下怎么开发微信小程序，主要是跟着微信官方文档进行学习，在这里记录一下。
怎样提高微信小程序的渲染性能？
王铁柱666的博客
10-08 539
综上所述，通过优化页面结构和代码、减少渲染次数、异步渲染与预加载、合理使用缓存、分包加载、图片优化、利用新渲染引擎、减少动画特效以及持续进行性能分析等手段，可以有效提高微信小程序的渲染性能，从而提升用户体验。
国庆头像生成微信小程序源代码，可以直接使用
10-02
为了提高用户的互动体验，微信官方推出了Skyline渲染引擎，这是一种为微信小程序优化的渲染技术，可以提供更加流畅的动画和图形展示效果。国庆头像生成微信小程序正是基于Skyline引擎开发，这意味着它能够在微信环境...
skyline破解版
07-06
skyline; skyline 7.0; SLTerraExplorerPro; TerraExplorer; SmartEarth
微信小程序 Skyline框架 | 它超赞耶！Skyline 商用初体验 -- NONZERO COFFEE
hujie9371的博客
10-15 1755
这个详情弹出页的效果和webview下的 <page-container>组件的效果基本相似，如果这里简单的使用跳转新页面，则不符合UI设计稿，使用页面弹出组件时，又会发生用户的返回操作直接退出商品列表页，所以这里使用的自定义路由,并且还利用了worlklet和手势系统，实现了手势下滑与左滑时，如果下滑距离和下滑速度足够，则退出，不足够，则回弹恢复。这里的自定义路由，效果不明显，但是恰恰就需要这种效果。抛开软件功能不谈，在交互体验上，打造一款能和原生APP相媲美的微信小程序，是我这样的微信开发者的梦想。
Awesome Skyline 微信小程序开发教程
gitblog_01195的博客
09-14 884
Awesome Skyline 微信小程序开发教程 awesome-skyline 项目地址: https://gitcode.com/gh_mirrors/aw/awesome-skyline ...
Skyline配置指南-微信小程序
最新发布
FaxMiao的博客
04-09 719
Skyline 是微信小程序推出的新一代渲染引擎，提供了更强大的渲染能力和更流畅的性能体验。开发者本地设置-开启Skyline渲染调试。
Skyline 渲染引擎——更接近原生渲染的性能体验
江拥羡橙的博客
07-03 2541
为了进一步优化小程序性能，提供更为接近原生的用户体验，我们在 WebView 渲染之外新增了一个渲染引擎 Skyline，其使用更精简高效的渲染管线，并带来诸多增强特性，让 Skyline 拥有更接近原生渲染的性能体验。
微信小程序渲染原理
起风了
12-11 2709
栈原理
微信小程序Skyline渲染模式下，iconfont字体的使用！
yanghongfei110的博客
04-26 772
微信小程序转skyline渲染，iconfont字体失效，不显示问题。
微信小程序skyline
02-13
### 微信小程序 Skyline 开发概述 微信小程序 Skyline 提供了一种新的渲染机制，旨在提升应用性能并改善用户体验。通过采用更高效的布局算法和绘制方式，Skyline 能够显著减少页面加载时间和资源消耗[^1]。 对于希望利用这一特性构建高效应用程序的开发者来说，理解如何正确配置和使用 Skyline 至关重要。下面是一些关键知识点： #### 配置 Skyline 渲染模式 要启用 Skyline 渲染引擎，需在 `app.json` 文件中设置 `"renderMode": "skyline"` 参数。此参数告知编译工具应优先考虑使用 Skyline 进行组件渲染[^2]。 ```json { "pages":[], "window":{ ... }, "usingComponents": {}, "renderMode": "skyline" } ``` #### 实现常见交互效果 基于 Skyline 的开发同样遵循标准的小程序编程模型，这意味着大多数现有功能仍然适用。例如，创建轮播图可以通过 WXML 和 WXSS 结合 JavaScript 来完成。由于 Skyline 对动画的支持更加友好，因此这些视觉元素的表现会更为流畅自然[^3]。 ```html <!--index.wxml--> <swiper indicator-dots="{{true}}" autoplay="{{true}}"> <block wx:for="{{images}}" wx:key="unique"> <swiper-item> <image src="{{item.src}}"></image> </swiper-item> </block> </swiper> ``` ```css /* index.wxss */ swiper { height: 300rpx; } swiper image { width: 100%; height: 100%; } ``` #### 解决 URL 格式错误引发的问题 当遇到因路径格式不当而导致的功能异常时，确保所有跳转链接均以正斜杠 `/` 开始是非常重要的。这不仅适用于导航操作，也涵盖了 API 请求中的相对路径定义[^4]。 ```javascript // 正确做法 wx.navigateTo({ url: '/pages/productDetail/index?id=1' }); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值