- 博客(106)
- 资源 (7)
- 收藏
- 关注
原创 微信小程序——向后台接口传数据,前后台数据交互
假如有2个参数的值要传给后台接口,还有一个参数要传给后台,从后台返回在获取这个值name 和tel 的值是要直接传给接口的,timeId的值传给接口,并把接口返回来的值重新赋给timeIddata: { name:'', tel:'', timeId:1}给接口传值wx.request({ url:'接口地址', header: { ......
2019-11-06 14:37:34 21322 5
原创 小程序富文本rich-text、数组拼接、 包含特殊符号处理
先说一下rich-text的实现,很简单html<rich-text nodes="{{myrich}}"></rich-text>js 注意:里面不能用view 否则运行不出来,可以用html的标签,详细见文档 https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html......
2019-08-20 11:07:55 7053
原创 模拟数据 json-server 增删改查 操作
一、准备页面html<ul class="list"> <li class="add">添加数据</li> <li class="change">修改数据</li> <li class="del">删除数据</li>
2018-12-13 15:24:46 6829 2
原创 微信小程序(四)json数据循环展示
html部分<view class='list-head'>列表测试</view><view class='list-box'> <view class='list-li mflex' wx:for="{{list_data}}" wx:key="index" > <view class='list-img'...
2018-07-25 13:29:52 16466 6
原创 vue 条件筛选 排序(二)
和 “vue页面传参$route 编辑 预览” https://blog.csdn.net/qq_39109182/article/details/81045243页面一样,只不过数据换成v-for 循环出来html 部分<!-- 筛选输入框 --><el-input class="int-1" v-model='yName' placeholder="请输入......
2018-07-24 11:11:02 9982
原创 vue页面传参$route 编辑 预览 删除(一)
列表页table.vue1、页面部分<el-table :data="testpage.slice((currentPage-1)*pagesize,currentPage*pagesize)" border style="width: 100%" ><el-table-column prop="id" :inputValue="msg" label="ID...
2018-07-14 17:35:45 9682
原创 微信小程序(五)扫码唤醒微信小程序拨打电话
通过扫微信小程序生成的二维码,唤醒微信小程序,打开相应的页面,打电话1、微信小程序的二维码是后台接口生成的2、打电话html部分<view class='btn' bindtap='tel' id='{{peoplelist.mobile}}'><text>打电话</text></view>js部分var app = ge......
2018-07-11 17:47:39 4330
原创 IntersectionObserver、MutationObserver应用,监听项目中指定属性数据,点击或模块显示时
IntersectionObserver 监听页面元素是否显示,MutationObserver监听DOM元素
2024-01-28 16:48:13 482
原创 图片预览 element-plus 带页码
viewer 是官网提供的插槽,官网提供的预览没有页码,可以通过插槽和switch回调来写页码。vue3、element-plus项目中,点击预览图片,并显示页码效果如图。switch 监听切换图片方法的回调,放回当前预览的图片索引。initial-index 默认点开查看的第几个大图的索引。preview-src-list 要预览的图片数组。close 监听关闭预览图片事件。src 默认展示的图片地址。
2023-12-31 19:43:23 831 1
原创 vue3 子父组件、组件传值、
父组件给子组件传值页面index.vue 子组件footer.vue父组件给子组件传值index.vue页面子组件 footer.vue。
2023-11-30 22:53:01 335
原创 小程序接口封装、异步加载、Promise
小程序封装接口请求,小程序利用Promise封装接口,便于统一管理控制,实现小程序异步加载async、await数据
2023-02-14 10:26:31 824 1
原创 小程序组件引用、子父组件传值、监听等详细介绍、component、observers
小程序组件引用、子组件给父组件传值、父组件给子组件传值、数据监听observers等详细介绍
2023-02-07 17:30:09 3130
原创 关于export、import、exports 、require的使用方法介绍
关于export导出的方法、import引用的方法;exports导出的方法 、require引用的方法;关于export、import、exports、require的使用介绍
2023-02-01 18:11:13 566
原创 vue组件、html里引用vue.js,实现自定义组件,子父组件相互传参、vue2组件、vue3组件用法、component、组件传值
vue自定义组件,vue2、vue3自定义组件,子组件传值、父组件传值、component、vue.js与h5混合使用,实现自定义组件,子组件向父组件传值,父组件向子组件传值,
2022-11-12 17:14:43 6494 2
原创 单页vue 列表图片懒加载 vue-lazyload 、html5
在html里引用vue实现列表图片懒加载,vue-lazyload 用法、html,html5,单页vue实例
2022-11-12 14:35:25 1331
原创 echart 属性以及用法详解;title、legend 、tooltip 、xAxis 、yAxis 、series;pie
关于echart属性及用法、title、legend 、tooltip 、xAxis 、yAxis 、series属性介绍;pie、line实例
2022-10-16 15:13:08 5187
原创 百度地图定位/打点/关键字检索/联想
点击搜索显示地图搜索界面,可点击定位,也可下拉联想定位html部分<!-- 默认输输入框 --><div class="inputDiv"><input class="inp" type="text" placeholder="请输入" disabled="disabled"></div><!-- 地图 --><div class="mapContainer hide"> <!-- 地图上搜索框 --.
2021-12-07 16:39:54 1920
原创 关于小程序 页面刷新
需求遇到个页面刷新问题,A个人中心 B登录 C业务 3个页面场景:从A个人中心wx.navigateTo 进去登录页 ,登录完直接跳转wx.redirectTo 进入 C业务页面,在C页面,自带左上角返回 回到A个人中心,这时A页面居然是未登录的状态,要如何实现刷新?刷新方式一:(如果不涉及参数可以用这个,涉及参数用方式二、三)//在A个人中心页面onShow: function(){ this.onLoad();}//结果:可以刷新,但页面会丢失参数方式二...
2021-09-10 10:51:18 457
原创 layui table 2种分页
第一种<script type="text/javascript" src="js/common/jquery-1.10.2.min.js"></script><script src="https://www.layuicdn.com/layui-v2.5.5/layui.js" charset="utf-8"></script><table class="layui-table" id="ceshi"> <thead&
2021-08-23 13:41:56 1249
原创 小程序与小程序之间相互跳转、传值、接收参数、navigator、navigateToMiniProgram
小程序之间相互跳转,navigator 、wx.navigateToMiniProgram 唤起打开另一个小程序、小程序接收另一个小程序传参,小程序接收extra-data 参数
2021-07-26 18:09:04 12875 1
原创 less安装与使用 、vs配置less 、HBuilderX配置less
安装和使用 LESShttps://less.bootcss.com/一、命令安装less (我是全局安装的 win + R —— cmd 输入下面命令 )npm install -g less1、使用——在新建的项目里新建less.less文件2、命令行编译.less文件(注意:这地方要对应自己的目录,第一次没加目录css失败了)lessc css/less.less css/less.css // 编译成csslessc --clean-css css/le..
2021-07-08 11:26:25 1199 1
原创 微信小程序返回弹出提示
一进入页面 激活弹窗guanwonLoad: function (options) { wx.enableAlertBeforeUnload({ message: "返回上页时弹出对话框", success: function (res) { console.log("成功:", res); }, fail: function (err) { console.log("失败:",
2021-06-15 11:28:27 9093 2
原创 h5滑动加载下一页数据、滑动请求数据、加载下一页
html<div class="box"> <div class="main_1"></div></div>js
2021-06-09 15:42:43 4067
原创 小程序云开发(二) 上传图片到云服务器、上传图片并展示
1、页面内先写好上传按钮<view style="width:80%;text-align:center;margin:0 auto;background:#ccc" class="upimgstyle" bindtap="uploadImgView">上传</view><!-- 下面这个是为了在页面展示图片 可以不加 --><view class="imgView"> <view class="imgs" wx:if="{{imglis
2021-06-03 16:22:41 3575
原创 百度地图画地铁线
点击画出对应地铁线,但是百度api没有画地铁线的方法,有查询公交地铁线的方法 ,可自行查阅https://lbsyun.baidu.com/jsdemo.htm#tBusSubwayRoute效果图html部分<div class="adrMapHouse"> <div id="map_house"></div></div><ul class="subwayText"> <li type="1" name="1号线.
2021-03-28 13:21:08 2231 1
原创 百度地图自定义覆盖物/鼠标悬停显示行政区
效果jjson,地图上的区域时通过接口返回的数据,根据自己需要可以造一个假数据{"status": "200","msg": "OK","isPC": 1,"data": [ { "id": 6, "name": "朝阳", "count": 14036, "x": 116.49674, "y": 39.93258 }, { "id": 5, "nam
2021-03-28 12:48:33 2204
原创 h5/wap端调试、移动端调试 / vconsole、eruda、spy-debugger
关于h5调试一、vconsole,类似小程序的调试工具,可以在手机上看见打印,真机调试h5时,我们只能看alert,但有些内容无法alert,但vconsole能做到,就像谷歌的f12一样用法,页面只需引入js和下面这句话就可以<script src="js/vconsole.min.js?"></script> <script> var vConsole = new VConsole(); console.log('Hello world');
2021-03-21 13:09:19 2182 1
growingio web端调试插件、debugger、工具、GrowingIO Web Debugger 是基于Chrome浏
2022-10-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人