最近项目上遇到在微信小程序里需要显示新闻内容，新闻内容是通过接口读取的服务器中的富文本内容，是html格式的，小程序默认是不支持html格式的内容显示的。一、使用小程序的wxParse解析下载完之后我们需要用到目录下的wxParse文件夹，把他拷贝到我们的项目目录下 下面是具体的使用步骤1.在app.wxss全局样式文件中，需要引入wxParse的样式表@import "/page/wxParse/wxParse.wxss";2.在需要加载html内容的页面对应的js文件里引入wxPars
原创
2021-07-14 17:38:55
895阅读
最近项目上遇到在微信小程序里需要显示商品内容，商品内容是通过接口读取的服务器中的富文本内容，是html格式的，小程序默认是不支持html格式的内容显示的。
一、使用小程序的wxParse解析下载完之后我们需要用到目录下的wxParse文件夹，把他拷贝到我们的项目目录下 下面是具体的使用步骤1.在app.wxss全局样式文件中，需要引入wxParse的样式表@import "/page/wx
原创
2022-02-26 18:06:10
405阅读
小程序请求后端接口的时候，，会请求到一些图片的链接怎么把这个链接渲染到小程序端的界面上?今天来记录一下。找的一个免费的api接口，（不知道啥时候失效，但是是在官方地址找到的，uniapp接口文档也一直有人在维护，应该算是比较稳定的，一年半载是不糊挂的。）目标接口：https://unidemo.dcloud.net.cn/api/news目标图片链接，将数组里面的author_avata...
原创
2021-07-28 13:51:05
523阅读
列表渲染 wx:for 在组件上使用 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。 默认数组的当前项的下标变量名默认为 ，数组当前项的变量名默认为 使用 可以指定数组当前元素的变量名， 使用 可以指定数组当前下标的变量名： 也可以嵌套，下边是一个九九乘法表 block wx:for
原创
2021-08-05 15:59:29
172阅读
原创
2023-02-24 11:52:20
36阅读
小程序请求后端接口的时候，，会请求到一些图片的链接 怎么把这个链接渲染到小程序端的界面上?今天来记录一下。找的一个免费的api接口，（不知道啥时候失效，但是是在官方地址找到的，uniapp接口文档也一直有人在维护，应该算是比较稳定的，一年半载是不糊挂的。）目标接口：https://unidemo.dcloud.net.cn/api/news目标图片链接，将数组里面的author_avata
原创
2022-04-22 11:52:04
283阅读
条件渲染wx:if wx:else、列表渲染wx:for
原创
2023-02-08 14:10:54
168阅读
1、wx:if=” ”实现条件渲染（1）、 在框架中，使用wx：if=“ ”来判断是否渲染该代码块 如果box = true<view wx:if=”{{box}}”></view> //那么该代码块能在页面渲染出来如果box = false<view wx:if=”{{box}}”></view> //那么该代码块就不能在页面渲染出来（2）
转载
2024-01-21 09:34:52
70阅读
一、首先，html 分 2 种情况： 1、我在做详情页开发的时候发现获取到的数据是 转译后的 html字符串，如下图：这种 转译后的 html字符串，左括号、右括号、&符号等都被转译了，这种代码，使用下文中的 wxParse 可直接插入。 而如果使用 rich-text，则需要先转译成正常 html 代码，再插入才能成功（这种方法我用以下链接中的内容中包含了例子，确实可行）。 （反转译方法
转载
2023-10-18 10:56:20
38阅读
数据设置动态数据用双大括号表示，数据在js的data中设置<text>{{text}}</text>
data: {
text: "这是文本内容"
}动态修改数据this.setData({text:"这是一个新的内容..."})条件渲染wx:if在框架中，使用 wx:if="{{condition}}"来判断是否需要渲染该代码块：<view wx:if="{
转载
2024-09-30 19:32:12
36阅读
如果列表中项目的位置会动态改变或者有新的项目添加到列表中，并且希望列表中的项目保持自己的特征和状态（如 <input/> 中的输入内容， <switch/> 的选中状态），需要使用 wx:key 来指定列表中项目的唯一的标识符。 wx:key 的值以两种形式提供： 当数据改变触发渲染层重新渲染的时候
转载
2019-07-02 14:31:00
41阅读
2评论
JS定义一个数组 Wx:for 传入数组 Wx:key index代表数组下标 该行为遍历数组原内容的语句,不会被渲染打印
原创
2021-07-14 10:21:36
120阅读
wx小程序——列表渲染
原创
2021-07-17 18:11:19
212阅读
微信小程序之列表渲染在微信小程序中，列表渲染是一种常见的需求，它可以将一组数据以列表的形式呈现给用户。列表渲染在小程序中的实现主要依赖于wx:for指令，它允许我们遍历数组或对象，并对每个元素进行操作
原创
2023-11-15 15:54:57
15阅读
微信小程序条件渲染在微信小程序中，条件渲染是一种非常实用的技术，它允许我们根据条件来决定是否显示某个组件或页面。通过条件渲染，我们可以动态地呈现用户界面，根据用户的输入、数据或其他条件来做出相应的调整。
原创
2023-11-15 15:59:14
434阅读
开发小程序时一些特殊场景需要使用canvas,但canvas渲染一些特效时太过耗费性能造成页面卡顿并且展示效果也不好(拖动卡顿不连贯等)，因此使用渲染引擎来满足需求。本文在小程序中使用 pixi 渲染引擎。
引入改造后的 pixi
pixi与小程序不是很匹配，需要进行对应改造才可在小程序中使用。
本文中使用spine、animate等，可保存至同一文件夹下
下载地址 gitee 仓库
pixi
原创
2023-06-27 15:45:59
10000+阅读
点赞
这里我对于文章的加载进行的微信小程序页面的内容加载问题的解决办法，由于一般文章都是富文本编辑器进行编辑的，不管你用的是什么编辑器，必须生成的就是HTML标签形式的页面，那么这种标签在web页面大家也就不必担心了，因为有js innerHTML，有jq的html(),但小程序有什么？wxParse.wxParse：不能说对于小程序唯一的，但是个
转载
2024-01-27 11:33:23
79阅读
微信小程序之列表渲染，持续更新【微信小程序】系列
原创
2022-10-16 21:36:30
347阅读
1评论
前端的框架太多让人眼花缭乱，很多相似的地方，优秀的地方大家都会借鉴，同时又会有各自的一些特点。小程序也好，其他框架也好，理解他们的设计缘由、实现原理，还是能学到很多很多东西的。一切始于双线程技术选型目前来说，页面渲染的方式主要有三种：Web 渲染。Native 原生渲染。Web 与 Native 两者掺杂，也即我们常说的 Hybrid 渲染。前面也说过，小程序最终的呈现形式，是 WebView +
富文本格式（Rich Text Format, 一般简称为RTF）是我们开发常见的跨平台文本格式从前端角度我们可以把它理解为 “自带标签和样式的文档，可包含文案，图片，链接，视频等”而通常富文本数据是由富文本编辑器编辑出的，我们常见的富文本编辑器有TinyMce、CKEditor、UEditor、Froala等它们均能够编辑出自带标签和样式的富文本数据既然这些数据是自带标签和样式的，那么前端在展示
转载
2023-09-16 00:57:42
102阅读
