- 博客(108)
- 资源 (7)
- 收藏
- 关注
原创 Node.js学习记录(二)
express、前端通过node.js编写接口、静态资源托管、路由模块化、中间件、跨域问题、cors、jsonp、JWT生成token
2024-09-08 18:45:52
1484
原创 IntersectionObserver、MutationObserver应用,监听项目中指定属性数据,点击或模块显示时
IntersectionObserver 监听页面元素是否显示,MutationObserver监听DOM元素
2024-01-28 16:48:13
616
原创 图片预览 element-plus 带页码
viewer 是官网提供的插槽,官网提供的预览没有页码,可以通过插槽和switch回调来写页码。vue3、element-plus项目中,点击预览图片,并显示页码效果如图。switch 监听切换图片方法的回调,放回当前预览的图片索引。initial-index 默认点开查看的第几个大图的索引。preview-src-list 要预览的图片数组。close 监听关闭预览图片事件。src 默认展示的图片地址。
2023-12-31 19:43:23
1035
1
原创 vue3 子父组件、组件传值、
父组件给子组件传值页面index.vue 子组件footer.vue父组件给子组件传值index.vue页面子组件 footer.vue。
2023-11-30 22:53:01
407
原创 小程序接口封装、异步加载、Promise
小程序封装接口请求,小程序利用Promise封装接口,便于统一管理控制,实现小程序异步加载async、await数据
2023-02-14 10:26:31
948
原创 小程序组件引用、子父组件传值、监听等详细介绍、component、observers
小程序组件引用、子组件给父组件传值、父组件给子组件传值、数据监听observers等详细介绍
2023-02-07 17:30:09
3471
原创 关于export、import、exports 、require的使用方法介绍
关于export导出的方法、import引用的方法;exports导出的方法 、require引用的方法;关于export、import、exports、require的使用介绍
2023-02-01 18:11:13
678
原创 vue组件、html里引用vue.js,实现自定义组件,子父组件相互传参、vue2组件、vue3组件用法、component、组件传值
vue自定义组件,vue2、vue3自定义组件,子组件传值、父组件传值、component、vue.js与h5混合使用,实现自定义组件,子组件向父组件传值,父组件向子组件传值,
2022-11-12 17:14:43
6935
2
原创 单页vue 列表图片懒加载 vue-lazyload 、html5
在html里引用vue实现列表图片懒加载,vue-lazyload 用法、html,html5,单页vue实例
2022-11-12 14:35:25
1460
原创 echart 属性以及用法详解;title、legend 、tooltip 、xAxis 、yAxis 、series;pie
关于echart属性及用法、title、legend 、tooltip 、xAxis 、yAxis 、series属性介绍;pie、line实例
2022-10-16 15:13:08
5930
1
原创 百度地图定位/打点/关键字检索/联想
点击搜索显示地图搜索界面,可点击定位,也可下拉联想定位html部分<!-- 默认输输入框 --><div class="inputDiv"><input class="inp" type="text" placeholder="请输入" disabled="disabled"></div><!-- 地图 --><div class="mapContainer hide"> <!-- 地图上搜索框 --.
2021-12-07 16:39:54
2051
原创 关于小程序 页面刷新
需求遇到个页面刷新问题,A个人中心 B登录 C业务 3个页面场景:从A个人中心wx.navigateTo 进去登录页 ,登录完直接跳转wx.redirectTo 进入 C业务页面,在C页面,自带左上角返回 回到A个人中心,这时A页面居然是未登录的状态,要如何实现刷新?刷新方式一:(如果不涉及参数可以用这个,涉及参数用方式二、三)//在A个人中心页面onShow: function(){ this.onLoad();}//结果:可以刷新,但页面会丢失参数方式二...
2021-09-10 10:51:18
509
原创 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
1371
原创 小程序与小程序之间相互跳转、传值、接收参数、navigator、navigateToMiniProgram
小程序之间相互跳转,navigator 、wx.navigateToMiniProgram 唤起打开另一个小程序、小程序接收另一个小程序传参,小程序接收extra-data 参数
2021-07-26 18:09:04
14884
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
1324
1
原创 微信小程序返回弹出提示
一进入页面 激活弹窗guanwonLoad: function (options) { wx.enableAlertBeforeUnload({ message: "返回上页时弹出对话框", success: function (res) { console.log("成功:", res); }, fail: function (err) { console.log("失败:",
2021-06-15 11:28:27
9958
3
原创 h5滑动加载下一页数据、滑动请求数据、加载下一页
html<div class="box"> <div class="main_1"></div></div>js
2021-06-09 15:42:43
4213
原创 小程序云开发(二) 上传图片到云服务器、上传图片并展示
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
3753
原创 百度地图画地铁线
点击画出对应地铁线,但是百度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
2487
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
2332
原创 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
2451
1
原创 百度地图、自定义覆盖物、周边信息(一)
点击返回周边信息,效果图一、页面引入百度地图js<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=自己申请或公司的地图ak"></script><script type="text/javascript" src="js/jquery-1.10.2.min.js"></script><script type="text/java
2021-03-21 12:23:46
1258
原创 安装vue无法运行、此系统无法运行脚本
npm install --global vue-cli 全局安装vue 后,查看是否安装成功 vue -V发现提示报错这时不要急 ,是因为权限问题1、右击开始菜单,打开Window Powershell(管理员)2、输入命令 set-ExecutionPolicy RemoteSigned根据提示输入 Y 或者A ,有的人可能输入Y或者A 就可以了;但是我的还是不可以不要急,接着输入命令Set-ExecutionPolicy -Scope Curren...
2020-10-01 13:50:23
1345
1
原创 h5跳转小程序/判断是小程序打开h5还是微信浏览器打开h5
有时候小程序会引用一些wap页面,但是wap页面里有一些点击跳转的地方还是wap,我想让他在小程序里时点击跳转小程序。例如:列表页里的一个按钮#clickDetail,在wap站里点击跳转wap详情页,如果在小程序里点击就跳小程序详情具体如下 $('#clickDetail').on('click',function(){ if(!window.WeixinJSBridge||!WeixinJSBridge.invoke){ docume...
2020-08-11 10:08:34
3535
1
原创 微信里打开html 隐藏微信右上角里的分享
首先要引用微信的js<script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>然后在页面里加上如下代码即可<script>$(document).ready(function(){ alert(111) function onBridgeReady(){ WeixinJSBridge.call('hideOptionMenu'); } if (typeof
2020-08-06 16:03:39
575
原创 存搜索历史/微信小程序搜索历史缓存到本地
做微信小程序列表时遇到搜索,要把搜索的记录存到本地利用 以下方式来存取wx.setStorageSync(string key, any data):string key本地缓存中指定的 key , any data是key对应的需要存储的内容。只支持原生类型、Date、及能够通过JSON.stringify序列化的对象wx.getStorageSync(string key) : string key本地缓存中指定的 key 返回值any data 就是key对应的内容具体详见微信...
2020-08-05 16:36:48
1667
growingio web端调试插件、debugger、工具、GrowingIO Web Debugger 是基于Chrome浏
2022-10-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人