![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
撑戌圆爱痒生
文章为个人经验
如有误欢迎指正~
侵删,谢谢~
展开
-
小程序 面试题
1. 简单描述下微信小程序的目录结构?整体程序app.jsapp.jsonapp.wxss页面wxmlwxssjs文件json文件2. wxml与标准的html的异同?标签名称不同(html:div span img wxml:view text image)WXML仅能在微信小程序开发者工具中预览,而HTML可以在浏览器内预览; 属性节点不同,组件封装不同, WXML对组件进行了重新封装,没有DOM树:小程序运行在JS Core内,没有DOM树和window对原创 2021-09-25 14:07:12 · 241 阅读 · 1 评论 -
ajax post常用请求头
header:{ "content-type":'application/x-www-form-urlencoded'//post常用请求头 },原创 2021-07-26 16:44:30 · 159 阅读 · 0 评论 -
微信小程序 地图功能的实现 map
微信小程序 地图功能的实现 mapwxml部分地图标签wxssjs这次项目有个功能是地图以选项卡方式可以选择进行不同位置展示实现方法就是将地图和tab选项卡结合选项卡刚开始我套了之前的滑动选项卡,套完发现一个问题之前写的那套选项卡是用的swiper写的还用了循环这样会导致一个结果,就是地图被循环生成了如果使用一个地图性能会更佳,于是果断舍弃swiper互动切换swiper滑动切换适合每页有不同内容的,对于这种在一张地图不同经纬度的展示,这种情况是不适合的好了,总结完进入正题地图功能的实现:原创 2021-08-16 14:04:30 · 1103 阅读 · 0 评论 -
微信小程序授权登录 组件的封装
微信小程序授权登录组件的封装新建components文件写wxml文件wxss部分js部分json引用页面使用页面js授权登录流程如下:因为多个页面功能需要登录状态所以做了个组件方便调用组件的封装新建components文件与pages文件同级创建一个components文件夹在components文件下创建一个组件文件然后在文件下新建component写wxml文件component文件结构与页面一样都包括以下以下是一个授权登录的弹窗这个弹窗内容都是活的也可以修改下做别的弹窗原创 2021-08-14 20:32:28 · 1354 阅读 · 0 评论 -
微信小程序实现下拉刷新
微信小程序实现下拉刷新配置json文件在js文件中写下拉刷新方法注意配置json文件如果需要全局使用下拉刷新就在app.json中设置如果为单页面使用则在页面json设置即可"enablePullDownRefresh":true在js文件中写下拉刷新方法// 下拉刷新 onPullDownRefresh:function() { console.log(45634) var that=this; // wx.startPullDownRefresh() t原创 2021-08-13 16:29:32 · 127 阅读 · 1 评论 -
微信小程序中识别html标签的方法
微信小程序中识别html标签的方法前言rich-text组件前言在后台接口返回的数据中有些会带有标签,在微信小程序中如何将其直接渲染在页面呢?rich-text组件在微信小程序中有一个组件rich-text可以识别文本节点或是元素节点具体入下://需要识别的数据放在data中,然后放在nodes属性中即可<rich-text nodes="{{data}}"></rich-text>详情可以参考官方文档:官方文档入口...原创 2021-08-08 10:16:43 · 1687 阅读 · 5 评论 -
微信小程序 选项卡
微信小程序 选项卡wxhml部分js部分wxss部分wxhml部分<!-- 选项卡 --><view class="cardout"> <view catchtap="changecardleft" class="leftcard {{card==0?'cho':''}}">一级</view> <view catchtap="changecardright" class="rightcard {{card==1?'cho':''}}">原创 2021-08-06 17:49:43 · 486 阅读 · 1 评论 -
微信小程序 data中数据值的更改与储存
微信小程序 data中数据值的更改与储存this.setDatathis.setData直接更改success(res){ this.setData({ list:res.data.data })}如果data中的数据是对象格式的只更改其中的一部分,可以用下列方式;如直接写list.data:储存值会报错success(res){let a='list.img'; this.setData({ [a]:res.data.data })}...原创 2021-08-06 13:53:29 · 846 阅读 · 1 评论 -
微信小程序 自定义顶部导航栏标题 navigationStyle
微信小程序 自定义顶部导航栏标题修改需要自定义的页面.json文件在需要自定义的页面进行添加导航栏设置样式即可修改需要自定义的页面.json文件{ "usingComponents": {},//原自带 "navigationStyle":"custom"//加上这条就可以自定义顶部导航栏了(将原来的页面导航去掉)}在需要自定义的页面进行添加导航栏设置样式即可...原创 2021-07-29 11:03:53 · 1189 阅读 · 0 评论 -
微信小程序报Cannot read property ‘setData‘ of undefined的错误
微信小程序报Cannot read property 'setData' of undefined的错误最近在学习开发微信小程序,记录下项目中遇到的一个报错.具体报错如下:这时打印下this发现是未定义this指向被改变我们只要将上面的success函数改为箭头函数即可箭头函数本身没有this通过调用父级的this...原创 2021-07-27 10:37:39 · 557 阅读 · 0 评论 -
微信小程序 事件传参
微信小程序 事件传参wxml部分js 部分wxml部分1.先绑定事件2.在该元素上写上属性data-index3.参数值即为要传参数<text catchtap="del" data-index="item" class="del">删除</text>js 部分以下两种方法都可以拿到值,好奇的小伙伴可以打印下e看看呢~// 删除 del:function(e){ console.log(e.currentTarget.dataset.index);原创 2021-07-26 18:13:52 · 840 阅读 · 0 评论