- 博客(55)
- 收藏
- 关注
RSS订阅原创 vue + vant van-pull-refresh 列表页记录滚动条位置，详情再返回列表页后还原记录的滚动条位置
vue + vant 列表返回记录滚动条位置
2024-04-24 17:12:07
539
2
原创 vue elementui table表格+分页 删除末尾页唯一的一条数据后，页面自动跳转到上一页的js判断
【代码】vue elementui table表格+分页 删除末尾页唯一的一条数据后，页面自动跳转到上一页的js判断。
2024-01-22 15:04:08
665
1
原创 vue + Lodop打印控件的使用
当你的程序采用预览打印语句(如PREVIEW、PREVIEWA等)且预览窗口正常大小时，是完全免费的，输出结果没有水印。仅当采用直接打印语句(如PRINT、PRINTA等)或预览窗口过小时，打印结果的左下角会出现如下两种样式的水印。还有一种方法是不花钱去注册，也就是打印预览的方式去打印，一个物料码一个物料码的打印（同一个物料码可以打印多张）2.安装打印驱动（我的是得力打印机，根据打印机机型，去得力官网下载对应的打印驱动并安装）LodopFuncs.js放在项目中，打印的页面中注册引入进去。
2023-09-27 17:33:16
1843
4
原创 获取ip（公网和内网） 前端通过高德api获取位置信息
2.配置vue.config.js。1.引用（index.html）前端通过高德api获取位置信息。判断浏览器（移动端）
2023-08-29 09:59:55
1029
原创 uniapp 打包安卓apk (原生App)云打包
3. 证书选择一般是自有证书和公共测试证书，如果是测试版本可以选择公共测试证书，如果上正式环境，是要申请自有证书的，申请证书要安装配置JRE环境，这个环境一般后端电脑上都有，根据文档生成一下，生成后是 XXX.keystore。数据线连接后，就可以安装到自己的安卓机上看看自己写的bugl啦！2. android包名默认是配置里填充的appid;说明： 1. 打包安卓，只选择安卓打包项；hbuilder中操作。
2023-07-12 15:39:55
1263
原创 ERROR: PostCSS received undefined instead of CSS string
ERROR: PostCSS received undefined instead of CSS string
2022-12-30 10:06:56
1760
1
原创 vue 插值表达式{{}}中使用字符串的方法报错 Cannot read properties of undefined (reading ‘substring‘)
vue 插值表达式{{}}中使用字符串的substring方法报错原因：因为数据是异步加载的，当数据还没出来的时候，数据是空的，所以就会报错解决方法：{{ detailData.releaseTime.substring(0, 10) } detailData: { releaseTime: '' //赋值为空 }, ...
2022-04-21 14:08:28
4924
原创 vue 数组对象的某一属性值排序（升降序）
vue 数组对象的某一属性值排序（升降序）效果如下：代码如下<view class="nav-item r-box" @click="tabClick"> <text>价格</text> <view class="a-box"> <u-icon name="arrow-up-fill" class="yticon" :class="{active: priceOrder === 2}" size="10"></u-icon
2022-01-19 16:09:04
1199
原创 Animate.css的使用
Animate.css的使用1. 官网 https://animate.style/2. 常见的几种引入方式，官网都给出了3. 如何使用animate.css的使用很简单，它是把不同的动画绑定到了不同的类里，所以想要使用哪种动画，只需要把通用类 animate__animated 和相应的类添加到元素上就行了，找到你想要的动画，类名在官网上直接粘贴过来，效果就有了：4. 小demo:<!DOCTYPE html><html lang="en"><head
2021-08-25 17:27:47
1241
3
原创 js 闭包
js 闭包一：什么是闭包？？闭包 ： 有权访问另一个函数作用域中的变量的函数简单理解就是：一个作用域可以访问另一个函数内部的局部变量这个被访问的变量所在的函数就是闭包函数 闭包可以让作用域外部访问作用域内部的变量闭包就是一个函数function fn() { var name= "小郭"; function fun() { console.log(name); } fun()}fn() 上面的代码中：fun()
2021-07-27 18:41:54
145
原创 css table表格 rowspan跨行后设置hover效果
css table表格 rowspan跨行后设置hover效果将 rowspan 的多个相关行，用一个tbody包起来，然后设置tbody:hover效果，自己写了个demo，直接上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <m
2021-07-19 15:38:22
1392
原创 微信开发者工具报错： 不在以下 request 合法域名列表中 解决办法
微信开发者工具报错： 不在以下 request 合法域名列表中 解决办法微信小程序 工具 ->项目详情 ->项目配置-> 域名信息request 合法域 （第一次用显示未设置）打开微信公众平台 https://mp.weixin.qq.com打开服务器域名设置request域名最后重启你的) 微信开发工具 问题解决...
2021-06-23 20:16:21
595
原创 css伪类设置小标签
css伪类设置小标签效果如下：css：.hightlight { color: #BE800A!important; border: 1px solid #BE800A!important; border-radius: .14rem!important; position: relative;}.hightlight::after { width: .4rem; height: .4rem; content: ""; background: url(../img
2021-06-10 18:27:31
255
原创 layui laydate 自定义mark
layui laydate 自行定义mark效果如图：要写个日历的，最后选择了layui上面的laydate日期和时间组件，我的需求上面不需要选择日期啥的，和日历一样，做个展示， 这里仅下载layDate就好文档的话移步 https://www.layui.com/laydate/上代码吧//已签到 var yqdArr = ['2021-06-09','2021-06-10','2021-06-11','2021-06-12'] //已签到 var mark1 = {} //已签到
2021-06-07 17:58:58
1718
1
原创 js 倒计时（根据后端传过来的时间戳写的）
js 倒计时（根据后端传过来的时间戳写的）后端传过来的时间戳是处理好的，每一秒都在变化，咱们拿到后放在定时器中就好了，直接上代码吧//倒计时var time = ""function leftTimer(timeData) { var leftTime = timeData / 1000; var days = parseInt(leftTime / 60 / 60 / 24); var hours = parseInt(leftTime / 60 / 60);
2021-05-26 19:14:10
619
转载 js 倒计时
js 倒计时<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl
2021-05-22 11:02:03
73
原创 引入jquery-weui.css样式冲突问题
引入jquery-weui.css样式冲突问题用的单位是rem布局的，引入jquery-weui.css后样式和原有的冲突了最后是改了jquery-weui.css里面里面的权重解决的问题。去掉这三个 !important
2021-05-07 16:20:25
476
原创 uniapp中如何使用字体图标
uniapp中如何使用字体图标我使用的是阿里的字体图标1 将需要的图标添加到项目中去下载到本地2 解压，放到项目的static下面（主要用到的是这六个,其他没用的可以删了）3 修改 iconfont.css里面的路径（加圈起来的红色部分）4 在App.vue中引入（main.js中引入都行）@import "/static/font/iconfont.css";5 使用 （挑选相应图标并获取字体编码，应用于页面）demo_index.html中有例子，cv大法。。。<vie
2021-04-26 10:54:25
300
原创 el-radio单选回显 打印预览不显示问题
el-radio单选回显 打印预览不显示问题el-radio单选回显页面上是这样的打印预览是这样的以为是自己代码的问题，emm…遇事不要慌,另外单选的灰色变蓝色/deep/.el-radio__input.is-checked .el-radio__inner { border-color: #1890ff; background: #1890ff; }...
2021-04-12 14:52:27
1358
5
原创 js break continue return
break: break语句会使运行的程序立刻退出循环或者退出一个switch语句，循环不在执行。for(var i=1;i<=6;i++) { if(i==4) { break; } console.log(i) //当i为4的时候，退出for循环， 输出123}continue：开始循环的一次新迭代for(var i=1;i<=6;i++) { if(i==4) { continue;
2021-03-01 11:49:00
121
原创 vue-cli如何升级到最新版本
vue-cli如何升级到最新版本想用vue-cli脚手架创建vue3.0项目学学，要求vue cli 版本在 4.5.0 以上，vue --version查看了下vue-cli版本@vue/cli 4.1.1发现版本低了，于是就想着升级一下，官网上看了下说：npm update -g @vue/cli运行了下，结果报错了，运行vue --version 显示‘vue’ 不是内部或外部命令，也不是可运行的程序或批处理文件。运行卸载 vue-cli 的命令：npm uninstal
2021-02-25 18:47:58
19495
4
原创 css 文本溢出隐藏显示省略号
记忆了好几次时间一长就忘了，做个笔记喽1单行文本溢出隐藏<style> .box { width: 200px; border: 1px solid red; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; /* 行内元素(span)的话要转块元素 display: block;*/ .
2021-02-22 18:21:42
306
原创 jq 全屏显示
jq 全屏显示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <
2021-02-01 19:20:31
846
原创 函数外部如何拿到函数内部的变量
随笔函数外部如何拿到函数内部的变量// var a // function myFun() { // var b = "哈哈"; // a = b // console.log('a1:',a); // 哈哈 // } // console.log('a2:',a); // undefined // myFun() // console.log('a3:',a); // 哈哈 var arr = [.
2021-01-22 18:09:19
1371
1
原创 vue3 vant组件按需引入 和 Toast组件报错 Toast is not defined
vue3中使用vant组件按需引入 和 Toast组件报错 Toast is not definemain.js中：import { createApp } from 'vue'import 'lib-flexible/flexible'import App from './App.vue' //vant组
2021-01-22 17:51:04
7633
3
原创 获取a标签的src属性
##获取a标签的src属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>
2021-01-09 19:49:44
2057
原创 使用vite创建vue 3项目
使用vite创建vue 3项目1.安装Vitenpm install -g create-vite-app2.使用刚安装的vite创建vue3项目create-vite-app projectName（项目名）3.安装依赖后跑项目cd projectNamenpm inpm run devo了个k!!!
2021-01-04 18:36:34
469
3
原创 js 让名字显示星号 （脱敏）
js 让名字显示星号function formatName(name) { var newStr; if (name.length === 2) { newStr = name.substr(0, 1) + '*'; } else if (name.length > 2) { var char = ''; for (var i = 0, len = name.length - 2; i < len; i++) {
2020-12-03 11:56:22
4010
原创 vscode 的基本设置
常用设置VSCode设置中文语言显示：使用快捷键组合【Ctrl+Shift+p】，搜索框中输入“configure display language”,回车后选择“zh-cn”即可。2.关闭右侧预览功能看个人习惯了，我感觉右边预览平时很少用的到，而且又占地方，索性直接关闭得了。点击文件-首选项-设置,搜索"editor.minimap.enabled",默认值为打钩,把钩去掉即可3.文件自动保存点击文件-首选项-设置 : Auto Save （里面的第一项）选择onFoc
2020-12-01 15:22:42
3779
原创 echarts 的简单使用
echarts官网：https://echarts.apache.org/zh/index.html一个简单的demo，上面的备注是以前刚学echarts的时候官网上巴拉下来的，通过官网上的配置项手册，将官网上和你务求相近的实例改吧改吧就ok拉。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content=".
2020-11-17 18:34:09
99
原创 Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-
##解决报错： Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-rendersVue 父传子，在子组件中直接修改父组件传递过来的值就会报错，Prop 是单向绑定的，父组件的属性变化，将会传导给子组件，但是反之则不然。解决办法：父组件传下来的值不要在子组件中直接修改，将要更改的值，$emit传递给父组件，在父组件中更改，再传递给子组件就ok了简
2020-11-16 10:54:34
205
原创 规定时间内让数字从零滚动到设置的数字
规定时间内让数字从零滚动到设置的数字从0滚动到12000，时间是两秒<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <
2020-11-11 10:16:23
1295
原创 echarts 提示框被挡住如何解决
标题问题： tooltip提示框组件被挡住，如下图解决办法：tooltip: { position:function(p, params, dom, rect, size){ return dom.style.transform = 'translateZ(0)'; },},
2020-11-09 11:19:54
1988
原创 js map() reduce() filter() every() some() find() findIndex()用法
js map() reduce() filter() every() find() findIndex()用法运用这些函数，可以大大简化代码量，让代码看起来更加优雅（说白了就是逼格高点）学了不经常用，就会忘记，在此算是做个笔记吧！1. map() 方法语法： array.map(function(cur, index, arr), thisVal)cur：必须。当前元素的的值。index：可选。当前元素的索引。arr：可选。当前元素属于的数组对象。thisVal：可选。对象作为该执行回调
2020-10-27 15:54:51
566
1
原创 css 的 calc() 方法
css 的 calc() 方法calc()语法:.elm {width: calc(expression);}expression是表达式使用“+”、“-”、“*” 和 “/”四则运算；也可以混合使用各种单位进行计算，+”和“-”计算的时候要加空格 举个例子： "widht: calc(12%+5em)"这种没有空格的写法是错误的；“ * ”和 “ / ”可以没有空格。举个例子，更直观<!DOCTYPE html><html lang="en"><h
2020-10-26 17:50:40
4661
原创 js 实时日期时间显示
js 时间显示效果：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>
2020-10-19 10:00:54
449
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人