qq_40934679的博客

水平滚动 在微信小程序文档中，只提到了设置scroll-x可以实现滑动方向的改变。但今天在练习时发现，对用view包裹的较复杂布局使用scroll-x并不能实现理想效果。 在网上搜索后，发现，原来是因为少了wxss的设置。在scroll-view控件的属性里设置：white-space: nowrap; (不换行)在子控件里设置： display: i...

前言在使用小程序canvas生成分享海报过程中，学到了一些可以优化的方案，在这里记录一下，方便以后使用屏幕适配思路：获取设备宽高，以iPhone6为参照，进行各机型上的长度转换// 屏幕适配函数封装function createRpx2px() { const { windowWidth } = wx.getSystemInfoSync() return function(...

前言： 

好久没有做小程序，今天看到一个需求，要做一个页面，需要带背景音乐。我看了官方文档，觉得这方面写的很好，但是没有示例，所以就想写一篇相关文章记录一下，也可以帮到其他人。需求分析实现一个带有背景音乐的界面，进入页面音乐会自动播放，当然，以为可以控制音乐的开始，暂停。用到的知识小程序背景音乐接口css动画效果图实现wxml<view class='music {{on? "...

坑一：mpvue开发小程序时候，要添加静态本地图片报错：VM14878:2 Failed to load local image resource /images/bg.png the server responded with a status of 404 (HTTP/1.1 404 Not Found)*解决方法：将放图片的文件夹放在static文件夹里，static是专门用...

组件： 个人理解就像函数一样，是为了减少重复不必要的代码而产生的组件的定义： *  给定一个特定的name*  使用时在要用的文件里 import后，在component里声明组件实现过程中自己的心得：  1. 尽量减少对外接口，使组件调用尽可能容易2. 减少组件内部各方法，函数的使用，降低组件的复杂性3. 代码的高效性及可维护性，稳定性...

#### 坑一：wx:for循环，2层数据可以循环出来，但数组对象的属性循环不出来；错误代码：<block wx:for="{{arr}}" wx:key="{{index}}"> <view>{{item.attributes.name}}</view></block>#### 坑二：电脑调试时的滚动条在手机上不会显示；...

效果图：page.wxml代码:主页代码：&lt;view class="home" style="{{translate}}&gt;Home&lt;/view&gt;侧滑菜单代码：&lt;view class="page_tab"&gt;Page_tab&lt;/view&gt;侧滑菜单右侧黑色阴影：&lt;view class='bg' bindta

前端web项目下载字体库（如：方正兰亭中黑_GBK.ttf）全局引入@font-face { font-family: "方正兰亭中黑_GBK"; src: url("方正兰亭中黑_GBK.ttf") format("truetype");}使用.content{font-family: 方正兰亭中黑;}小程序引入外部字体库下载字体库（如：方正...