浏览模式: 普通 | 列表
分类: 微信小程序 | < | 1 | 2 | 3 | >
Towxml 是一个可将HTML、Markdown转为微信小程序WXML(WeiXin Markup Language)的渲染库。用于解决在微信小程序中Markdown、HTML不能直接渲染的问题。
地址:https://github.com/sbfkcel/towxml

attachments/202212/05_091554_s.png


Towxml 3.0 完整支持以下功能。当然在构建时可仅保留需要功能以减少体积大小和代码依赖。

        支持echarts图表(3.0+)


        支持LaTex数学公式(3.0+)


        支持yuml流程图(3.0+)


        支持按需构建(3.0+)


        支持代码语法高亮、代码块行号显示

        支持emoji表情


        支持上标、下标、下划线、删除线、表格、视频、图片(几乎所有html元素)……
...

阅读全文…
官方editor(富文本编辑器,可以对图片、文字进行编辑):https://developers.weixin.qq.com/miniprogram/dev/component/editor.html


第三方封装的一个editor组件
下载地址:https://github.com/jxh1997/Editor
作者博客:https://blog.csdn.net/XH_jing/article/details/115509316

如果使用出错可以改写组件中的edirot ready函数
     onEditorReady() {
             let _this=this;
             console.log('编辑器组件初始化完成时触发');
             // 返回一个 SelectorQuery 对象实例。在自定义组件或包含自定义组件的页面
...

阅读全文…

小程序用户头像昵称获取规则调整

[ 2022-11-23 22:49:49 | 作者: admin ]
在小程序内,开发者可以通过 wx.login 接口直接获取用户的 openId 与 unionId 信息,实现微信身份登录,支持开发者在多个小程序或其它应用间匿名关联同一用户。
1、自生效期起,小程序 wx.getUserProfile 接口将被收回
2、自生效期起,插件通过 wx.getUserInfo 接口获取用户昵称头像将被收回
3、「头像昵称填写能力」支持获取用户头像昵称
4、小程序 wx.getUserProfile 与插件 wx.getUserInfo 接口兼容基础库 2.27.1 以下版本的头像昵称获取需求
attachments/202211/23_225313_2211232252_1.png



https://developers.weixin.qq.com/community/develop/doc/00022c683e8a80b29bed2142b56c01

wxParse组件使用方法

[ 2022-11-23 09:14:21 | 作者: admin ]
微信小程序自带组件rich-text(富文本)支持的标签少,一般使用wxParse来显示html
到仓库下载文件:https://github.com/icindy/wxParse

简单介绍:
wxParse是一个templet组件,Html代码转化成小程序的标签,目的是解决需要兼容手机端、小程序端的HTML内容。
插件相关文件
html2json.js  //将html每个标签转化成DOM对象的node
htmlparse.js //由html2json.js引用
showdown.js //由wxParse.js引用
wxDiscode.js //支持的符号库
wxParse.js //主入口的js,和处理各种标签的事件,如图片的onload
wxParse.wxml //不同标签template组件,内容会循环成HTML的DOM对象,每个都转化成template,显示出来
...

阅读全文…
ES6 新增的方法 Object.keys():if(Object.keys(object).length===0){ returnfalse } returntrue1.判断已经定义的对象是否为空在 js文件中需要对data里一些的对象进行判断是否为空 比如这里我要在页面加载时判断data中的record是否为空:Page({ data:{ record:{}//判断record对象是否为空 },})在onload()...

阅读全文…
p.s. 实际使用时,想返回的页面尽量用wx.navigateTo
wx.navigateTo 因为跳转没有关闭原页面,跳转后左上会出现返回图标
wx.redirectTo 关闭当前页再跳转,跳后左上角出现首页图标
wx.switchTab 因为tabbar切换,所以左上没有图标
wx.reLaunch 因为关闭所有页面再跳,左上有首页图标


==================================================

        navigateTo, redirectTo 只能打开非 Tab 页面,可传参。
        switchTab 只能打开 Tab 页面,不可传参。
        reLaunch 可以打开任意页面,可传参。

==================================================
...

阅读全文…

小程序生命周期

[ 2022-11-18 14:01:52 | 作者: admin ]
小程序生命周期
1、用户首次打开小程序,触发 onLaunch(全局只触发一次)。

那么什么时候 onLaunch 会再次触发呢

        第一次打开微信 第一次打开小程序(可以)按小程序右上方退出 再次打开小程序 (不可以)关闭微信进程 再次打开微信 打开小程序 (可以)切换微信账号 手机第一次授权 第一次关注小程序 (可以)切换微信账号 打开已有小程序 (可以)小程序重新打包 (可以)

2、小程序初始化完成后,触发onShow方法,监听小程序显示。

3、小程序从前台进入后台,触发 onHide方法。

4、小程序从后台进入前台显示,触发 onShow方法。

app 的onShow 在page onShow之前

page onLoad中最好不要操作dom

ios的实现总是很惊喜

5、小程序后台运行一定时间,或系统资源占用过高,会被销毁。


前台、后台定义:
...

阅读全文…

replace is not a function,replace的错误

[ 2022-11-18 13:48:50 | 作者: admin ]
用replace报错了,错误信息为replace is not function ,发现这个函数只能用于字符串,当是数字的时候就会报此错误。
解决方法:

可先把内容强制转化为字符串,可用str.toString()来强制转换
str.toString().replace();