番薯大佬的专栏

图片上传后，得到的文件路径为格式，使用组件时，正常显示，但使用富文本组件时，未显示出来。此时，需要通过使用获取格式的文件路径。代码示例如下：

font-style文字样式font-weight文字粗细font-size文字尺寸大小font-variant文字是否为小型的大写字母font-family字体名称font-stretch文本是否横向拉伸变形color字体颜色text-align文本的对齐方式vertical-align垂直对齐text-indent首行缩进letter-sapcing字母之间的距离word-spacing单词间距，以空格来区分单词white-space文档中的空白处 标签。nowrap 文本不会换行，文本会在在同一

JS中字符串和数组的操作

微信小程序json转换

格式调整快捷键序号快捷键作用1Ctrl+S保存文件2Ctrl+[代码行缩进，左3Ctrl+]代码行缩进，右4Ctrl+Shift+[，Ctrl+Shift+]折叠打开代码块5Ctrl+C，Ctrl+V复制粘贴6Shift+Alt+F代码格式化7Alt+Up, Alt+Down上下移动一行8Shift+Alt+Up, Shift+Alt+Down向上向下复制一行9Ctrl+Shift+Enter在当前行

界面交互中，按下时改变颜色主是设置组件的hover-class属性的style样式值。1、点击按下前，按下松开后样式2、点击按下后样式代码示例设置wxml文件 <view class="cellstype" hover-class="cellhoverstyle" bindtap="itemclick" data-item="{{item}}">wxss文件.cellhoverstyle { color: red;}...

1、设置前2、设置后2.1 样式设置代码wxml代码<button class="buttonstyle " open-type="feedback">反馈建议</button><button class="buttonstyle " open-type="contact">在线客服</button><text>管理员登录</text>wxss代码.buttonstyle { background: whi

如果项目中一开始没有使用云开发，在后续才需要使用云开发功能，这时，相关的操作如下：在微信开发者工具中左上角菜单栏点击云开发，打开云开发控制台在微信开发者工具中的项目文件app.js的方法onLaunch中进行云开发环境的初始化，代码实现如下// app.jsApp({ onLaunch() { // 云开发初始化 wx.cloud.init({ // 云开发环境 env:"xiuxiudiary-9gl6o5zi5e614f21" })

云存储操作包括：文件上传、文件下载、文件删除。以下示例，通过对图片的操作进行说明。文件上传文件上传，操作步骤如：选择文件上传文件保存记录 // 1 选择文件wx.chooseImage({ count: 1, sizeType: ['original', 'compressed'], sourceType: ['album', 'camera'],}).then(res => { // tempFilePath可以作为img标签的src属性显示图片 console.lo

云开发配置云开发开通云开发初始化在app.js文件的onLaunch()方法中进行云服务开发的初始化，代码示例如下：// app.jsApp({ onLaunch() { // 云开发初始化 wx.cloud.init({ // 云开发环境 env:"test-9gl6o5zi5e614222" }) },云数据库操作添加数据方式1 wx.cloud.database().collection("user").add({ //

数据的使用效果图代码示例：数据定义代码示例：使用效果图代码示例：数据定义data: { title:"你好，微信小程序", fruits:["苹果", "利落", "梨", "龙眼"], house:{area:80,rooms:4,address:"深圳"}, companydeparts:[{name:"财务科",number:5}, {name:"人事科",number:10},

WeChat小程序交流（QQ群：769977169）Flex弹性布局说明图谱Flex弹性布局使用示例：1、水平排列，右对齐view { display: flex; justify-content:flex-end;}2、水平排列，居中对齐view { display: flex; justify-content:center;}3、水平排列，等元素间相等间隔view { ...

WeChat小程序交流（QQ群：769977169）动画效果的实现，使用wx.createAnimation实现。具体实现时，首先，创建动画对象，并设置相关的参数；其次，设置动画类型，并执行动画；第三，导出并设置动画数据；最后，将设置的动画数据动态配置相应的组件，以此实现组件的动画效果。效果图代码示例xxx.wxml&lt;view style='width:60px;height:60px;ba...

WeChat小程序交流（QQ群：769977169）微信小程序开发在app.json文件中设置了page的背景颜色，但没有效果，设置代码如下："window": { "backgroundTextStyle": "light", "backgroundColor": "#DCDCDC", "navigationBarBackgroundColor": "#

WeChat小程序交流（QQ群：769977169）对组件进行交互时，可通过设置CSS样式处理交互效果，如手指点击下压时，组件背景颜色，或字体颜色，或字体大小，或边框的变化，给用户以提醒功能。效果图代码示例xxx.wxml&lt;text class='textStyle'&gt;文本操作&lt;/text&gt;&lt;button class='buttonStyle' bindtap='...

WeChat小程序交流（QQ群：769977169）组件的响应事件绑定，既可以通过bindtap方式，也可以通过catchtap方式。如果多层嵌套的组件中，同时使用bindtap方式，可能会造成冒泡异常，也就是本应该响应A事件的，却既响应了A事件，也响应了B事件，所以这时候应该需要使用catchtap方式。如：1、A组件中，绑定事件A1；2、B组件中，绑定事件B1，且B组件被A组件包含；3、如果绑...

WeChat小程序交流（QQ群：769977169）根据业务需求，需要在同一个页面中使用到多个scroll-view组件，且都是垂直滚动的。如左边是商品的一级分类列表，右边是商品的二三级分类列表，一级分类列表上下滚动时不影响右边的二三级分类列表，右边的二三级分类列表上下滚动时也不影响左边的一级分类列表。但如果没有处理好的话，则会造成一级分类列表上下滚动时，二三级分类列表同时上下滚动。不正常的效果图...

WeChat小程序交流（QQ群：769977169）组件的多样式处理，是指不同状态下的样式，如未操作前的常规样式，点击高亮时的样式，选中状态下的样式。如下效果图代码示例xxx.wxml&lt;text class='{{item.selected ? "textSelectedStyle" : "textNormalStyle"}}'&gt;{{item.name}}&lt;/text&gt;xx...

WeChat小程序交流（QQ群：769977169）下拉重新加载和上拉加载更多的功能实现，主要体现在scroll-view组件的数据处理中。当下拉重新加载时，即只加载分页中第一页数据；当上拉加载更多时，则不断的加载第二页、第三页、……、第N页的数据，直到没有数据了。实现效果图代码示例xxx.wxjs// 重新加载 onPullDownRefresh: function () { con...

WeChat小程序交流（QQ群：769977169）text组件中明明设置了text-align的对齐方式为center，但却没有效果。后来经过检查发现，因为text组件是在view中的行内组件，且text组件中的字符是不定长度的，所以无法处理text-align的center对齐方式，只需要设置块内view中的对齐方式就可以解决居中对齐问题。处理前样式代码.topUIStyle{ width...

WeChat小程序交流（QQ群：769977169）使用video，或audio组件进行音视频的播放时，点击播放A文件后，再点击B文件进行播放时，可能会造成A、B同时进行播放的情况。造成这种情况的原因是，播放B文件时，没有停止对A文件的播放。具体解决方法是，在video，或audio组件中绑定事件，并在wxjs文件中完善处理逻辑。代码示例如下：xxx.wxml文件中绑定事件&lt;audio .....

WeChat小程序交流（QQ群：769977169）页面组件分为上下两部分，上部分组件是view导航标题，下部分是scroll-view内容组件；scroll-view组件向上滚动时，出现遮挡了导航标题的情况。造成这种情况的原因是，采用自动适配计算scroll-view的高度时，高度计算错误导致的。onReady: function () { var thisBlock = this; ...

WeChat小程序交流（QQ群：769977169）A页面跳转到B页面时，出现异常，提示信息哪下：1、Forget to add page route in app.json2、Invoking Page{} in async task对比分析了下，都没有找到这2点的对应情况。后来想到在B页面中，通过require引用了其他文件，难道是引用路径出的问题？重新设置引用的目录路径后，果然正常了。...

WeChat小程序交流（QQ群：769977169）定义了模板，且模板中有image组件引用了本地图标，当引用模板时，图标却没有显示。调试时，发现在image组件其实是存在的，只是图标没有显示出来，很是奇怪？？？难道是图标引用路径错误？按着这个思路，重新设置了图标路径果然正常显示图标了。即，模板中的本地图标引用时，其路径设置不是根据模板所在目录来做处理，而是根据引用模板的文件所在目录来做处理。如图...

WeChat小程序交流（QQ群：769977169）https://github.com/potato512/SYDemo_WeChatBaiSi

WeChat小程序交流（QQ群：769977169）效果图xxx.wxml结构代码示例&lt;view class='view'&gt;{{clickMsg}}&lt;/view&gt;&lt;view class='view0' id="view0" bindtap='clickMe'&gt;点击view0&lt;/view&gt;&lt;view class='view1' id="vie...

WeChat小程序交流（QQ群：769977169）微信小程序的缓存操作，类似于iOS中的NSUserdefault操作，都是使用key/value的类型，且都是在各自的程序了；不同的时微信的缓存操作，区分了同步还是异步的操作；另外，微信的缓存每个小程序的缓存大小上限是10MB，且空间不足时会自动清理不常用的小程序的缓存。效果图代码示例xxx.wxml&lt;view&gt;本地缓存0~10M&l...

WeChat小程序交流（QQ群：769977169）有时候要进行多行文本内容只显示一行，或两行，或三行，这时候需要在css中进行相关属性的设置，代码如下：overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2; // 显示2行-webkit-box-orient: vertical;word-break: break-all;......

WeChat小程序交流（QQ群：769977169）效果图代码示例1、xxx.wxml&lt;picker bindchange="pickerClick" value='{{pickerIndex}}' range='{{pickerData}}'&gt;{{pickerData[pickerIndex]}}&lt;/picker&gt; 2、xxx.wxjsPage({ /** ...

WeChat小程序交流（QQ群：769977169）效果图代码示例1、xxx.wxml &lt;radio-group bindchange="radioClick"&gt; &lt;block wx:for="{{radioData}}"&gt; &lt;radio value='{{item.name}}' checked='{{item.status}}'&gt;{{...

WeChat小程序交流（QQ群：769977169）效果图代码示例1、xxx.wxml&lt;slider bindchange='sliderClick'&gt;&lt;/slider&gt; 2、xxx.wxjsPage({ /** * 页面的初始数据 */ data: { }, sliderClick: function (event) { cons...

WeChat小程序交流（QQ群：769977169）效果图代码示例checkbox通常是结合checkbox-group一起使用。1、xxx.wxml &lt;checkbox-group bindchange="checkClick"&gt; &lt;block wx:for="{{checkData}}"&gt; &lt;checkbox value='{{item.na...

WeChat小程序交流（QQ群：769977169）效果图代码示例1、xxx.wxml&lt;switch bindchange='switchClick'&gt;{{switchTitle}}&lt;/switch&gt;2、xxx.jsPage({ /** * 页面的初始数据 */ data: { switchTitle:"关", }, switchCl...

WeChat小程序交流（QQ群：769977169）网络请求成功后，设置数据时，报错，内容如下：this.setData is not a function;at pages/index/index onLoad function;at api request success callback functionTypeError: this.setData is not a function...

WeChat小程序交流（QQ群：769977169）效果图xxx.wxml结构代码示例&lt;!--pages/modules/Button/button.wxml--&gt;&lt;view class='view'&gt; &lt;button size='mini' disabled='{{disabled}}'&gt;按钮1&lt;/button&gt; &lt;button ...

WeChat小程序交流（QQ群：769977169）效果图（上下滚动、左右滚动）代码示例xxx.wxml结构代码&lt;view class="sectionVertical"&gt; &lt;view class="sectionTitle"&gt;vertical scroll&lt;/view&gt; &lt;scroll-view scroll-y="true" class='

WeChat小程序交流（QQ群：769977169）效果图示例：左中右排列、左右上右下排列、上左下右下排列。xxx.wxml中的结构设置&lt;!--三栏布局：左、中、右--&gt;&lt;view class='contentLeftCenterRight'&gt; &lt;view class='itemSize red'&gt;1&lt;/view&gt; &lt;view cla...

WeChat小程序交流（QQ群：769977169）模板定义时，主要是指定模板名称，如name="template"；且在使用时指定模板名称，如is="template"。模板既可以直接定义在页面xxx.wxml，也可以在其他的xxxTemplate.wxml中定义后，再通过import导入使用。方法1，直接定义在页面的xxx.wxml中，并使用&lt;!-- 模板定义方法1 --&gt;&lt......

WeChat小程序交流（QQ群：769977169）最近在使用手机的过程中，系统常提示有多少个APP有多长时间没有使用过了，是不是要进行卸载。其实这些APP，我偶尔还会用一下，只不过是使用的时候都是需要时才使用，也不是完全没用过。卸载掉吧，又舍不得，不卸载吧，确实使用的时候又不多。微信小程序的出现解决了我这个烦恼。要用的时候就从微信里搜索出来使用一下，不需要的时候就不管它。作为一个iOS开发者，我...

WeChat小程序交流（QQ群：769977169）效果图代码示例1、xxx.wxml&lt;form bindsubmit='submitClick' bindreset='resetClick'&gt; &lt;switch name="status" bindchange='switchClick'&gt;{{switchTitle}}&lt;/switch&gt; &lt;inp...