自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(108)
  • 资源 (7)
  • 收藏
  • 关注

原创 Node.js学习记录(二)

express、前端通过node.js编写接口、静态资源托管、路由模块化、中间件、跨域问题、cors、jsonp、JWT生成token

2024-09-08 18:45:52 1484

原创 Node.js学习记录(一)

利用node.js实现文件读取功能;搭建web服务器;模块化;包的下载、安装、发布……

2024-09-07 14:47:30 1681

原创 根据天数计算年、日期计算

根据传入天数计算出总共有多少年/月/填

2024-02-02 19:36:12 492

原创 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

原创 wow.js滚动页面实现动画效果

通过wow.js实现滚动网页添加各类动画,让网页动起来

2023-01-30 14:18:25 844

原创 字体转换base64 / 解决字体跨域

字体文件转换base64

2023-01-18 17:08:37 2643 4

原创 vue中使用scrollTo实现锚点定位

vue中使用scrollTo实现锚点定位

2022-12-24 17:33:51 3374

原创 获取小程序生产、开发、体验等环境、版本信息、appid等信息

动态区分小程序环境、获取小程序生产、开发、体验等环境;版本、appid、信息等

2022-12-18 11:05:53 2037

原创 设置网站置灰 css / js

设置网页置灰、页面灰度设置、grayscale

2022-12-01 13:06:10 1056

原创 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

原创 关于vue分页加载、通过监听滚动条方式分页,单页vue

单页vue2、vue3监听滚动条实现分页加载下一页

2022-10-20 14:32:10 2426 2

原创 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

原创 growingio debugger插件安装与用法

GrowingIO Web Debugger 浏览器的一个插件;Debugger;

2022-10-03 09:34:07 1064 1

原创 获取对象key、value、长度、遍历

获取对象长度、key值、value、遍历对象

2022-09-10 15:54:58 773

原创 微信小程序自定义组件、组件应用、插槽、slot

自定义组件、组件应用、插槽、多插槽

2022-08-12 09:46:14 589

原创 access_token/生成小程序码/图片流转换图片

获取access_token,生成小程序码,小程序buffer转图片

2022-07-11 10:44:48 890

原创 微信小程序登陆\code详解

微信小程序登陆获取code并解析openid、unionid等详解

2022-07-07 13:55:39 5796 2

原创 百度地图定位/打点/关键字检索/联想

点击搜索显示地图搜索界面,可点击定位,也可下拉联想定位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

原创 微信小程序云开发学习(一)/ 设置云开发 与 数据查询

1、创建项目

2021-05-31 14:22:51 1332

原创 百度地图画地铁线

点击画出对应地铁线,但是百度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浏

growingio web端调试插件、debugger、工具 GrowingIO Web Debugger 是基于Chrome浏览器的一个插件

2022-10-03

web端js百度地图自定义maker覆盖物_鼠标悬停展示行政区域高亮

js鼠标悬停高亮显示行政区/地图自定义覆盖物/地图api

2021-12-20

js点击绘制地铁线路图地铁站(可自定义颜色)百度map_subway line

可支持h5、web端js绘制百度地铁线路图

2021-12-20

h5移动端调试工具vconsole/eruda

vconsole.js/eruda.js

2021-03-21

仿安卓iosAPP半透明导航

仿照安卓、ios App 滑动页面,导航由透明渐渐变不透明

2018-07-09

移动端滑动查看大图,支持手指缩放,上下一张

移动端相册代码,点击可查看大图,上一张下一张,可修改标题,支持手指缩放图片

2018-07-09

小焦点图点击查看大焦点图

带左右箭头焦点图,点击图片查看大图,带小图、左右箭头

2019-04-16

移动端柱状图

移动端的柱状图, 对设备屏幕大小做了适配,用css3做了进入动画

2018-07-09

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除