自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

LzzMandy的博客

一点一点

  • 博客(359)
  • 资源 (7)
  • 收藏
  • 关注

原创 给div添加背景图片时查看图片样式-设置background-size属性

【代码】给div添加背景图片时查看图片样式-设置background-size属性。

2023-07-15 11:49:32 697

原创 使用vconsole进行手机端调试

遇到的问题:如果不加载onload 方法,则提示找不到vConsole,这是因为vconsole.min.js还没有加载完,因此需要增加onload,加载完之后再追加打印效果。在入口文件.js文件中增加下面的代码。

2023-05-16 17:39:35 648

原创 混入 (mixin) 在VUE2中的应用

混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。

2023-04-20 11:25:58 516

原创 发布新版本后,页面没有变化,参数没有变化,可能是缓存导致的,对加载的文件加时间戳后缀来解决这个问题

发布新版本后,页面没有变化,参数没有变化,可能是缓存导致的,对加载的文件加时间戳后缀来解决这个问题

2022-09-14 19:02:26 957

原创 日期格式转化成时间戳,在IOS手机上显示成NaN

日期格式转化成时间戳,在IOS手机上显示成NaN,时间戳不兼容

2022-09-14 17:35:38 709

原创 uniapp开发的H5网页,嵌入第三方H5,获取用户信息的方式

uniapp开发H5,嵌入第三方H5,并从第三方获取用户信息

2022-09-08 20:06:21 2263

原创 uniapp开发的H5网页,以表单形式调起微信H5支付

uniapp开发的H5网页,以表单形式调起微信H5支付

2022-09-08 19:44:12 1275

原创 uniapp引入模块化js文件和非模块化js文件

uniapp引入模块化js文件和非模块化js文件

2022-09-02 19:49:36 13072 3

原创 uniapp页面通讯-uni.$emit、uni.$on、uni.$once、uni.$off

uniapp页面通讯-uni.$emit、uni.$on、uni.$once、uni.$off

2022-08-29 13:56:12 2903

原创 uniapp app.js中如何引用其他的.js文件

app.js中如何引用其他的.js文件

2022-08-29 10:27:56 1035

原创 DateTimePicker 日期限制在某个范围内

DateTimePicker 日期限制在某个范围内

2022-08-22 18:07:07 674

原创 日期的时间戳是当天8点?

日期的时间戳是当天8点?

2022-08-18 11:02:09 939

原创 jqGrid格式化列

formatter mixed 对列进行格式化时设置的函数名或者类型{name:’sex’,index:’sex’, align:’center’,width:60,editable:true,edittype:’select’,editoptions: {value:’0:待定;1:男;2:女’},formatter:function(cellvalue, options, rowObject){ var temp = “<img src=’/jqGrid/jquery-ui-1.

2022-04-27 10:42:30 200

原创 jqGrid改变单元格的值-setCell,更新行的值setRowData

setCell rowid,colname, data, class, properties jqGrid对象 改变单元格的值。rowid:当前行id;colname:列名称,也可以是列的位置索引,从0开始;data:改变单元格的内容,如果为空则不更新;class:如果是string则会使用addClass方法将其加入到单元格的css中,如果是array则会直接加到style属性中;properties:设置单元格属性 setRowData rowid,data, css..

2022-04-27 10:38:55 2453

原创 微信小程序webview内嵌uniapp H5,H5可以跳转到小程序内的某个指定页面

使用uniapp开发小程序,又使用uniapp开发h5,这时候内部跳转uni.navigateTo可能分不清哪个是哪个,官方给出了解决:1、小程序中使用webview内嵌H5<template> <view style="width: 100%; height: 100%;"> <web-view v-if="url" :src="url"></web-view> </view></template&g..

2022-02-09 17:48:51 4193

原创 js计算距离特定日期多少周多少天

特定日期:2022-1-1 今天是2022-1-3,则显示3天 今天是2022-1-7,则显示 1周 今天是2022-1-8,则显示1周 1天 <script> console.log("forthSet('2022-1-1')=====",forthSet('2022-1-27')); function forthSet(startDay) { // 根据给定的时间字符串,得到特定的时间 var start = new Date(..

2022-01-28 17:04:50 1436

原创 table样式、合并行、合并列、添加背景图等

dom:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> <link rel="stylesheet" type="text/css" hre...

2022-01-28 14:43:06 1364

原创 uniapp微信小程序跳转到小程序,获取目标小程序任意页面的路径

11

2021-12-21 17:13:15 1755

原创 uniapp 微信小程序内打开腾讯导航路线规划

1、需要在小程序后台管理,添加腾讯位置服务路线规划插件2、详情中看AppId和版本号,后面会用到这两个参数3、申请通过后,参考指南开发4、 在uniapp项目的pages.json中增加插件及开启位置服务"plugins": { "routePlan": { "version": "1.0.19", "provider": "wx50*************" } }, "permission": { "scop..

2021-12-21 16:29:13 2508 14

原创 uniapp 开发的支付宝小程序修改子组件样式无效的解决方法

想要的样式:实际样式:出现原因:我把下面的代码写在了@import 'home.scss';中 /deep/ .title-bar{ height: auto!important; .nav-action{ background: none; .btn-search{ margin: 0; } } }应该直接放在当前页的下面就起作用了<style lang="scss" scope...

2021-12-20 11:40:50 1588

原创 支付宝小程序使用redirectTo后switchTab回不到tabbar页面

在A页面使用redirectTo跳转到B页面,在B页面switchTab到home页,发现回不去,但是,如果是navigateTo进来的就可以switchTab,小程序技术支持说【建议非tabbar跳转tabbar页面使用 my.reLaunch 进行跳转;如果非tabbar使用 my.switchTab 可能会出现跳转不了的情况】,换成reLaunch可行my.reLaunch({ url: '/pages/home/home'})...

2021-12-17 17:07:38 520

原创 uniapp返回多个节点的信息

let query = uni.createSelectorQuery(); query.select('#bottom').boundingClientRect() query.select('#outer').boundingClientRect() query.exec((res) => { console.log("res[0]",res[0]); console.lo...

2021-12-08 19:54:30 1313

原创 正则表达式大于等于500的正整数

大于等于500的正整数 ^([5-9]\d{2,}|[1-9]\d{3,})?$var pattern = /^([5-9]\d{2,}|[1-9]\d{3,})?$/, str = '';console.log(pattern.test(str));

2021-11-22 15:47:22 2478

原创 jqGrid列总计

实现底部总计功能footerrow : true,userDataOnFooter : true,jQuery("#list2") .jqGrid( { url: 'initlist', datatype: "json", height: 140, autowidth: true, ..

2021-11-19 10:45:09 1163

原创 动态改变echarts图表时,先销毁实例再创建图表,减少占用内内存

关键点:myChart.clear();//清空当前实例,会移除实例中所有的组件和图表myChart.dispose();//销毁实例,实例销毁后无法再被使用<!DOCTYPE html><html style="height: 100%"> <head> <meta charset="utf-8"> <style> .change{ height: 50px; width: 1...

2021-11-18 17:42:43 4000

原创 饼状图,优化图例,颜色,引用的是echarts.js版本号5.2.2

var data = { name: ['0~1小时', '1~2小时', '2~5小时', '5~24时', '1天以上'], value: [1, 1, 1, 1, 1],};var colorArr=['#4572A7', '#AA4643', '#89A54E', '#71588F', '#4098AF', '#DB843D', '#93A9CF'];option = getOption(data, '辆','车流量',colorArr);function get...

2021-11-18 17:38:50 357

原创 设置双Y轴左右刻度线一致,柱形和折线混合开发

app.title = '折柱混合';function calMax(arr) { var max = arr[0]; for (var i = 1; i < arr.length; i++) { // 求出一组数组中的最大值 if (max < arr[i]) { max = arr[i]; } } var maxint = Math.ceil(max / 10); // 向上...

2021-11-18 17:27:37 485

原创 解决text-align: justify;在微信小程序中不兼容

百度了其他大佬的,在项目中试验了一下,核心是在文字后边加一个空标签<view class="ka-left" > <view class="ka-name">{{monthlypay[m].month}}卡<text class="hid"></text></view> <view class="ka-jine"> ¥{{monthlypay[m].jine}} </view></...

2021-11-02 19:29:46 1145 1

原创 国庆一周收入折线图

1、x轴只显示首末日期,其他日期隐藏2、y轴数字在标线之上3、tooltip显示带单位的提示效果如下:var fontColor = '#DDDDDD'; //轴线的颜色var legendName = '国庆收入';var month = 10;var xData = [ '10月1日', '10月2日', '10月3日', '10月4日', '10月5日', '10月6日', '10月7日'];var seriesData = [82000,

2021-10-19 21:21:25 151

原创 vue实现checkbox分组全选功能

效果如下:<template> <div class="box"> <div class="all"> <input type="checkbox" id="all" v-model="checked" @change="doChange($event,'0')" > <label for="all">全选</label> </div> <div class="box-item.

2021-10-15 19:15:23 2322

原创 jqGrid三级分组表头-有合并列的样式

最终的实现效果如下:HTML代码举例: <body> ···代码省略··· <table id="list2"></table> ···代码省略··· </body> javascript代码举例:从下往上设置,最下面三级表头colNames 、colModel 和平时的表格一样 二级表头使用 setGroupHeaders 方法且colSpanStyle选项设置为true 一级表头使用 set.

2021-10-15 18:58:28 1648

原创 基于vue的element组件Checkbox多选框【竖向多列】展示

需求:9个国家,每列展示5个,竖向排列1、分列对9个国家数组进行截取handleCountrysList(num,countryList.length),划分每列显示的数据this.countryList=[ {cid:'1',cname:'中国'}, {cid:'2',cname:'美国'}, {cid:'3',cname:'法国'}, ...

2021-08-20 14:23:20 5378

原创 纯css实现向上箭头动画显示

效果图:DOM:<div> <img src="http://pics4.baidu.com/feed/3801213fb80e7bec70739c1b83cebc3e99506b81.jpeg?token=de56394c09656ca554744bf001f2d130&s=D53AA375CD88745D882B156F0300E078"/> <div class="arr-box"> <div class="arr"&g

2021-08-10 18:40:06 1083

原创 微信支付凭证关联开发票功能的配置

凭证的下面怎么出现【开发票】???经过不懈的努力,终于找到了入口,极其艰难了,主要涉及的链接如下:1、了解下术语https://developers.weixin.qq.com/doc/offiaccount/WeChat_Invoice/E_Invoice/Instruction.html2、配置“商户+开票平台模式”https://developers.weixin.qq.com/doc/offiaccount/WeChat_Invoice/E_Invoice/Choosin...

2021-08-02 17:58:03 603

原创 element-ui组件el-image预览功能关闭后无法从头开始

RUGUO element-ui 组件el-image预览功能,预览关闭后,再次打开时,记录了上次预览的顺序,复现步骤:有4张图分别是 A B C D,点击B图,预览右箭头操作B->C->D,关闭,点击B,此时看到的图片是D,我们需求是看到B原因:关闭时,没有把index置为0解决:1、修改node_modules/element-ui/packages/image/src/image-viewer.vue的hide方法,index=0,发现没效果2、修改的位置不..

2021-07-30 14:30:58 1113

原创 echarts多系列柱形图,鼠标悬浮在哪个柱子上显示哪个柱子的数据

源码下载地址:https://download.csdn.net/download/LzzMandy/19931741

2021-06-30 13:57:41 1312 1

原创 vue-手动定位文本框光标不灵敏------FastClick遇到的坑

vue-cli2开发的H5移动端,嵌入到app中,问题如下:1、IOS端,输入框点击时,定位不到,需要多点几次才能获取到焦点2、手动定位时不灵敏,如上图所示解决方法:万能的百度,发现是FastClick导致的,按大佬们的解决方案尝试解决1、在main.js中引用fastclick的后增加如下代码import FastClick from 'fastclick'//FastClick的ios点击穿透解决方案FastClick.prototype.focus = func...

2021-06-18 16:47:03 400 1

原创 移动端rem和px的转换

1、参考使用css方法设置https://blog.csdn.net/unbreakablec/article/details/87268904使用js方法设置https://www.cnblogs.com/web-wjg/p/7872468.html2、使用css方法设置1rem=10px<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta.

2021-05-11 17:38:43 708

原创 js 常用关于数组的函数

定义 语法 原值变 返回值 concat() 连接两个或更多的数组,并返回结果 array1.concat(array2,array3,...,arrayX) × [] map() 通过指定函数处理数组的每个元素,并返回处理后的数组 array.map(function(currentValue,index,arr), thisValue) × [] filter() 检测数值元素,并返回符合条件所有元素的数组 ...

2021-03-29 19:55:32 273

原创 Vue-cli3实现web百度离线地图(v3.0)开发

需求实现web百度离线地图(v3.0)开发项目环境Vue-cli3,目录如下,注意:需要把地图相关的文件放在public下,vue-cli2需要放在static下!!!参考主要参考下面两位大佬的文章vue-cli2+百度地图(v2.0)https://blog.csdn.net/PGguoqi/article/details/97127746vue-cli2+百度地图(v3.0)https://blog.csdn.net/JavaBigADog/article/detai.

2021-03-29 19:11:48 2415 2

混入在项目中的应用实例

混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。

2023-04-20

jquery.jqGrid.groupHeader-0.2.1.js

jqGrid没有setComplexGroupHeaders方法,使用此插件实现三级分组表头功能

2021-10-15

checkbox组件.zip

基于vue的element组件Checkbox多选框【竖向多列】展示

2021-08-20

bar-singletip.html

echarts多系列柱形图,鼠标悬浮在哪个柱子上显示哪个柱子的数据

2021-06-30

Stylish-Custom-themes-for-any-website_v1.8.3.rar

设置chrome浏览器访问过的链接颜色改变

2021-06-14

支付宝小程序-获取会员手机号

1、适用于uniapp开发支付宝小程序 2、 组件 open-type=getAuthorize ,用于授权 3、当用户点击并同意之后,可以通过my.getPhoneNumber() 接口获取到支付宝服务器返回的加密数据

2020-05-12

微信小程序-获取用户手机号

1、适用于微信小程序 2、以button组件去调用

2020-05-12

使用uni-swiper-dot组件,开发轮播图

1、使用HbuildX工具,引入uni-ui插件,使用uni-swiper-dot组件,开发轮播图 2、轮播图的三种mode:nav、dot、indexes

2020-04-28

空空如也

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

TA关注的人

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