<![CDATA[拍拍尘土]]> http://blog.xg98.com/ zh-cn LBS v2.0.313 Tue, 05 May 2026 08:33:20 +0800 60 <![CDATA[微信小程序列表item绑定事件，参数的传递和获取]]> ]]> Mon, 17 Jul 2023 14:33:11 +0800 <view class="bangDingItem" wx:for="{{oldManHistoryList}}" wx:key="id">
                     <view class="bangDingTitle" bindtap="oldManListTap" data-newsid="199" data-source="{{item}}">
                     <wux-row>
                     <wux-col span="6" push="0">
                     <view class="icon ">
                     <wux-icon type="ios-paper" size="40rpx" />]]> <![CDATA[解决：'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件]]> ]]> Thu, 15 Jun 2023 10:51:54 +0800
npm install -g @vue/cli
出现找不到 vue-cli-service 命令的情况

E:\YLeMusic> vue-cli-service electron:serve

'vue-cli-service' 不是内部或外部命令，也不是可运行的程序
或批处理文件。
清理 node_modules 重新安装，试了不管用，最后直接使用下面的命令安装vue-cli-service解决了。
npm install -g @vue/cli-service

重新启动系统后问题解决


链接：https://www.jianshu.com/p/4bb4ce82fb20]]> <![CDATA[微信小程序图片宽高自适应]]> ]]> Mon, 12 Dec 2022 16:35:24 +0800 第一、图片高度自适应
微信小程序<image>有默认的宽高width:320rpx;height:240rpx;只设置width：100%是无效的，即使写了height：100%，依然无效。
只要在<image>标签添加mode="widthFix"属性，就可以做到高度自适应，
<image src="{{carouselpic}}" mode="widthFix" style="width:100%" />


第二、宽度100%：发现在模拟器上显示一切正常，但是到了手机上右侧会空出一点空白边。

解决：
<image src="{{carouselpic}}" mode="widthFix" style="width:{{screenWidth}}px" />

上面的screenWidth]]> <![CDATA[微信小程序布局中的单位及使用：px、rem、rpx、vw、vh、n%]]> ]]> Mon, 12 Dec 2022 15:59:44 +0800
rem：把页面按比例分割达到自适应的效果。规定屏幕宽度为 20 rem，根据屏幕大小动态的设置 fontsize，来达到不同的分辨率下有一样的效果。

rpx：这个单位是微信小程序中特有的尺寸单位，也是把页面按比例分割达到自适应的效果。规定屏幕宽为750rpx，就是把屏幕宽度分成750部分，根据屏幕宽度进行自适应。可与 rem 换算：1 rem = (750/20) rpx =37.5 rpx

如在 iPhone6 上，屏幕宽度逻辑像素为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。所以开发微信小程序时用 iPhone6 作为视觉稿的标准,单位换算相对简单 。

vw：视窗宽度，1vw等于视窗宽度的1%。
]]> <![CDATA[微信小程序console.log()的使用问题，谨慎使用加号]]> ]]> Sat, 10 Dec 2022 15:17:41 +0800
一般使用方法如下，多个参数需要用逗号分开
console.log('Hello World')
// Hello World
console.log('a', 'b', 'c')
// a b c

错误使用如下：
console.log('res='+res);
当res不是字符串的时候，上面的写法就报错了，加号需要改为逗号
console.log('res=',res);
]]> <![CDATA[wx.uploadFile返回json字符串不是json对象]]> ]]> Sat, 10 Dec 2022 15:16:09 +0800
let res = JSON.parse(res);
]]> <![CDATA[小程序使用回调函数来解决异步执行问题]]> ]]> Fri, 09 Dec 2022 09:34:19 +0800 p.s. 异步执行问题：第一个函数没有执行完就执行第二个函数的问题

实际使用中，回调函数用可以匿名，也可以命名然后单独写在一个函数中。还可以将page页的this传递给主函数，然后主函数能通过这个page的this调用page页的参数和函数做一些复杂点的操作。当然page相关的最好还是放到回调函数里面进行更清晰。


在JavaScript中，回调函数具体的定义为：函数A作为参数(函数引用)传递到另一个函数B中，并且这个函数B执行函数A。我们就说函数A叫做回调函数。如果没有名称(函数表达式)，就叫做匿名回调函数。

当需要使用回调函数时，需要预先定义一个函数体。而回调函数通常只是提供给其它模块进行调用，为了简化编码，javascript等脚本语言中提供了对匿名函数的支持。

回调函数的使用场合：资]]> <![CDATA[微信小程序：使用Promise简化回调]]> ]]> Thu, 08 Dec 2022 18:43:34 +0800 p.s. 定义回调函数，可以解决异步执行问题：第一个函数没有执行完就执行第二个函数的问题。目前加入Promise可以简化存在多级回调的问题！
如果程序逻辑上没有3级及其以上的回调，应该是不需要用到Promise的。

了解什么是 Promise 对象

在项目中，会出现各种异步操作，如果一个异步操作的回调里还有异步操作，就会出现回调金字塔。

比如下面这种
// 模拟获取code，然后将code传给后台，成功后获取userinfo，再将userinfo传给后台
// 登录
wx.login({
         success: res => {
                let code = res.code
                // 请求
                imitationPost({
                     url: '/test/loginWithCode',
]]> <![CDATA[Towxml 是一个可将HTML、Markdown转为微信小程序WXML(WeiXin Markup Language)的渲染库。]]> ]]> Mon, 05 Dec 2022 09:14:31 +0800 地址：https://github.com/sbfkcel/towxml

http://blog.xg98.com/attachments/202212/05_091554_s.png


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

        支持echarts图表（3.0+）


        支持LaTex数学公式（3.0+）


        支持yuml流程图（3.0+）


        支持按需构建（3.0+）


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

        支持emoji表情


        支持上标、下标、下划线、删除线、表格、视频、图片（几乎所有html元素）……
]]> <![CDATA[小程序editor编辑器封装成组件和使用方法]]> ]]> Sun, 04 Dec 2022 10:21:44 +0800 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 对象实例。在自定义组件或包含自定义组件的页面
]]>