- 博客(25)
- 收藏
- 关注
RSS订阅原创 elementUI中el-select可选全部/多选/单选(最少选一个)
elementUI中el-select可选全部/多选/单选(最少选一个)
2022-10-20 14:56:17
6512
原创 Vue全局过滤器设置
vue全局过滤器设置废话不多说，直接贴代码import Vue from 'vue'// 支付方式过滤Vue.filter('payWay', value => { switch (value) { case 1: return '微信支付' case 2: return '会员充值' }});// 商品价格过滤（保留两位小数）Vue.filter('price', (val) =>
2022-04-19 15:43:30
966
原创 uniapp 中 filters 中物品价格设置封装
标题export default (x, len = 0) => { if (x === '' || isNaN(x)) return x if(len){ //强制保留两位小数 let f = parseFloat(x); if (isNaN(f)) return false; //f = x; f = Math.round(x * Math.pow(10, len)) / Math.pow(10, len);//四舍五入 let s = f
2022-04-18 15:09:09
215
原创 uniapp时间处理封装
formatter 时间参数处理const formatter = function(str, fmt) { if (!str) { return '-' } if (typeof str === 'string') { // 后端吐的时间戳可能为Date(111111111) // 转换标准格式 str = str .replace(/^\/Date\((\d+)\)\/$/gi, '$1') .replace(/\.\d+$/, ''
2022-04-18 14:57:13
421
原创 JS中sort方法排序
JS中sort方法排序一、数字排序(string类型)二、数字排序(string类型和number类型)三、混合排序(string、number和字母)四、函数排序五、数组对象排序一、数字排序(string类型)var arr=['1','2','4','3'];console.log(arr.sort());// 输出结果： ["1", "2", "3", "4"]二、数字排序(string类型和number类型)var arr=[1,'2',7,'3'];console.log(ar
2022-03-16 15:22:43
2628
原创 JQuery 将毫秒时间转换成年月日时分秒
使用JQuery将毫秒时间转换成标准时间function getFormatDate(str) { var DateString = new Date(str), newYear = DateString .getFullYear(), newMonth = DateString .getMonth() + 1, newDay = DateString .getDate(), newHour = DateString .getHours(), newMin =
2021-07-27 18:37:00
834
原创 JS监听窗口变化及获取页面大小
JS监听窗口变化及获取页面大小一、页面初始化二、页面大小改变时大致思路：一、页面分为三个部分，上中下二、先获取页面总高度，然后每个部分按照百分比进行计算三、盒子设置 box-sizing属性，用来计算的实际高度 = 页面总高度 - 盒子外部总 margin；四、单个区域的高度 = 实际高度 * 百分比五、单个区域内部变化高度 = 单个区域高度 - 单个区域内部固定高度今天做页面兼容的时候突然遇到这个问题，就简单写写；监听页面大小改变主要注意两方面，一个是初始化的时候，另一个是页面大小改变的时候重新设置；
2021-07-12 16:57:00
8835
1
原创 JS取出两个数组中的不同或相同元素
一、使用 concat 和 filter 取出不同的元素（取出两个数组的不同元素）var arr1 = [0,1,2,3,4,5];var arr2 = [0,4,6,1,3,9];function getArrDifference(arr1, arr2) { return arr1.concat(arr2).filter(function(v, i, arr) { return arr.indexOf(v) === arr.lastIndexOf(v);
2021-07-08 17:33:02
4397
1
原创 JS生成32位 guid 唯一编码
JS生成32位 guid 唯一编码function guid() { function S4() { return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1); } return (S4() + S4() + S4() + S4() + S4() + S4() + S4() + S4());}```直接动态生成，在需要用的地方直接调用就行了 guid();效果如下：这样每
2021-07-07 15:17:55
594
原创 hover事件获取当前元素信息
SVG中使用 hover（）事件获取当前元素信息svg结构部分代码有点多，自己项目直接复制过来的，可以直接复制用<svg width="1500" height="1500"> <g id="svg1" x="651" y="150" width="120" height="80" type="baseType" typeG="deviceG" initx="651" inity="150" deviceTypeId="1" topX="711" topY=
2021-05-21 15:49:41
1336
原创 自定义滚动条样式
CSS修改滚动条颜色样式(右边滚动条、底部滚动条、div内滚动条)/* 滚动条宽度 */::-webkit-scrollbar{width:1px;}/* 滚动条轨道颜色 */::-webkit-scrollbar-track{background-color: #000;}/* 滚动条颜色 */::-webkit-scrollbar-thumb{background-color: #000;}/* 鼠标移动到滚动条上后显示的颜色 */::-webkit-scrollbar-thumb:ho
2021-05-21 10:22:11
93
原创 jQuery 通过hover 调用函数方法
hover（）函数的用法hover() 方法规定当鼠标指针悬停在被选元素上时要运行的两个函数。实例一当鼠标指针悬停在上面时，改变p元素的背景颜色：$(“p”).hover(function(){ // 鼠标悬停时颜色设置$(“p”).css(“background-color”,“yellow”);},function(){ $(“p”).css(“background-color”,“pink”); // 鼠标离开时颜色设置});实例二当鼠标指针悬停在svg图形g标签上面时，调用自定义
2021-05-17 10:10:05
583
原创 自定义鼠标右键菜单栏
昨天在项目中遇到了一个需要自定义鼠标右键菜单栏的功能，今天在这里写个小的方法，可以参考参考，同时欢迎大佬指出存在的问题大概思路如下html结构css样式js代码一、 html结构二、 css样式三、 js代码大概效果如下html结构css样式js代码一、 html结构<!-- 自定义鼠标右键菜单 --> <div id="menu"> <ul> <li onc
2021-03-17 08:59:01
888
原创 如何判断输入框中value值是否为空或者全部为空格？
如何判断输入框中value值是否为空或者全部为空格？一、输入框中没有值二、输入框中只有空格三、输入框中有值四、整体代码结构如下：在做搜索框功能时候发现存在的一些问题，要根据输入框中的值进行判断，主要分为三部分：一是输入框中没有值时，二是输入框中只有空格时，三是有值时候一、输入框中没有值直接通过if条件语句判断输入框中的value值是否为空，如果有就提示请输入关键字 if(this.data.inputValue == '' ){ dd.alert({content: '请输入关键词'})
2020-12-08 11:02:44
4497
原创 uniapp中自定义头部导航栏设置
uniapp中自定义头部导航栏设置最近在uniapp开发中遇到了一个自定义头部导航栏的设置，根据官网简单的写了下自己的方法uniapp默认的导航栏样式是这样的但是我要的效果图是这样的左右两边是图标，中间是标题解决方法如下现在page.json文件中对应的路径下将原生导航栏样式去掉 { "path": "pages/transport-report/index", "style": { "navigationBarTitleText"
2020-09-08 18:26:13
14194
原创 点击使盒子显示隐藏
一、刚开始时盒子的状态是这样的body区域代码如下：<body> <button id="box1">点击</button> <div id="container" style="display:none;"> <div id="box2"> <button id="guanbi">关...
2019-08-24 18:31:18
3454
原创 用js实现背景图片更改效果
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compa...
2019-04-27 20:28:44
6536
原创 用js写手机发送短信案例
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compa...
2019-04-27 19:58:18
1917
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人