- 博客(81)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 new Set 数组去重
let arr = [15,25,36,52,25,15]let item = [...new Set(arr)]console.log(item);
2022-04-05 20:01:57
1674
原创 修改浏览器记住密码后表单的默认样式
input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {-webkit-text-fill-color: #ededed !important;-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;background-color:transparent;background-image: none;transition: ba
2021-08-20 10:29:02
341
原创 jquery.select.js美化下拉选择表单
jquery.select.js文件内容：;(function($){ //默认参数 var defaluts = { select: "select", select_text: "select_text", select_ul: "select_ul" }; $.fn.extend({ "select": function(options){ var opts = $.extend
2021-08-10 16:48:10
416
原创 在线考试开启全屏
<link href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet"><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script><button type="button"
2021-07-14 10:56:02
694
原创 获取url中的参数
//获取url中的参数function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg); //匹配目标参数 if (r != null) return unescape(r[2]); return null; //返回参数值}
2021-06-02 09:40:33
131
原创 Js传参中文乱码解决方法
首先，地址栏传中文是很不明智的，因为不同的浏览器对与中文的解析存在不同的方法。所以，建议如果能不用尽量不要用。当然，很多时候奇葩需求要求我们必须解决这个办法。下面，是解决个别奇葩需求的方法。在中文参数加入到地址栏之前进行转码。（注意，简单转码是不可以的，浏览器会根据编码方式对已经编码的部分进行一次反编译。）正确方法是：在中文加入到地址栏前，进行两次encodeURI转码在传输过程中浏览器会解析一遍，到达指定页面获取地址栏参数的时候，再进行一次decodeURI解码就可以了。列子：A页面传参
2021-06-02 09:33:37
3364
1
原创 删除数据中多项的其中一种方法
var arr = [ {id:1,title:''}, {id:2,title:''}, {id:3,title:''}, {id:4,title:''},]arr = arr.filter((el)=>{ return el.id!=2 && el.id!=4})console.log(arr);
2021-05-25 13:59:04
167
原创 VUEX ...map
computed: { ...mapState({ active: state => state.active, }) ...mapGetters(["sidebarRouters", "sidebar"]),},methods:{ ...mapMutations(['***','***']) ...mapActions(['***']),}
2021-05-18 10:21:09
190
原创 js 检测手机横竖屏
// 检测横竖屏var orient = ''function checkOrient() { if (window.orientation == 0 ){ orient = 'portrait 0 right'; } else if (window.orientation == 180){ orient = 'portrait 180 left'; } else if (window.orientation == 90 || window.ori
2021-04-14 14:39:53
222
原创 计算数组中重复个数
function counterArray(arr){ var obj = {} arr.forEach(function(v,k){ if(obj[v]){ obj[v]++; }else{ obj[v] = 1; } }) return obj;}
2021-03-25 08:49:07
230
原创 前端 平级结构数据转换 el-tree 所要求的树形结构数据
var testData = [{ component_id: "", isParent: true, name: "调查问卷", id: "questionnaire" }, { component_id: "questionnaire", name: "限制规则", id: "82d7c72ce0d44d468917d80345db6d76" }, { component_id: "questionnaire", name: "问卷状态", id: "37df
2021-03-23 16:18:12
535
原创 html5plus toRemoteURL与toLocalURL，打包后需要使用toLocalURL
uniapp开发过过程中，使用测试机座调试，拍照、录音或者摄像取得的文件，读取路径在指定位置显示，使用toRemoteURL，没有问题，打包成apk安装后，必须使用toLocalURL本地地址方可显示cmr.captureImage(function (path) { console.log(path); // 读取拍照文件 plus.io.resolveLocalFileSystemURL(path, function (entry) {
2021-03-15 17:39:08
1251
原创 web前端缓存 openDatabase 数据库
https://blog.youkuaiyun.com/qq_33429583/article/details/79674597
2021-03-11 10:54:40
246
原创 用于定义全局html font-size 值，css单位使用rem
css3单位rem：rem就是将根节点html的font-size的值作为整个页面的基准尺寸，例如那么1rem=10px;移动端效果图宽度设计为750px，例如，有一个图片，宽度为200px，高度为150px，落地到css中，.className{ width: 200rem; height: 150rem;}(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientatio
2021-03-05 10:47:17
833
1
原创 css 修改滚动条样式
body::-webkit-scrollbar-track {box-shadow: inset 0 0 0 rgba(0,0,0,0.3);-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0.3); background-color: #fff; border-bottom-right-radius: 5px;}body::-webkit-scrollbar {width: 4px; height: 4px; background-color: #e7e8e9; b
2021-03-05 08:36:44
105
1
原创 git简单操作
1、git checkout master 切换到master分支下 2、git checkout -b login 在master主分支下创建新的login分支，并切换到login分支下3、git status 检查当前分支下的项目状态 4、git add . 将修改文件添加到暂存区5、git commit -m "备注内容" 本地提交6、git push -u origin login 远端仓库新建login分支，并将本地当前分支下的修改内容push上去，如果无端仓库中存在login分支，则直
2021-03-02 17:12:27
93
原创 H5页面中，使用uniapp的能力
<!-- uni 的 SDK，必须引用 --> <script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></script><script> /*获取uniapp的能力，返回到app中的指定页面*/ document.addEventListener('UniAppJSBridgeReady', f
2021-03-02 16:06:43
570
1
原创 Html5+Plus 常用文件操作
// 多文件拷贝function multifileCopyFile(path){ // "_doc/t2/" plus.io.resolveLocalFileSystemURL( path, function( entry ) { var f = entry.createReader(); f.readEntries( function( en ){ console.log('--
2021-02-25 22:25:40
2563
原创 原生js 添加删除class
document.querySelector("#"+showEle).classList.remove("hidden")document.querySelector("#"+hideEle).classList.add("hidden")
2021-02-05 14:46:24
238
原创 原生JS中map和foreach的区别以及some和every的用法
这里写自定义目录标题https://www.cnblogs.com/xiaozhumaopao/p/10231501.htmlhttps://www.cnblogs.com/xiaozhumaopao/p/10231501.html
2021-01-28 09:17:34
177
原创 移动端图片压缩及上传
<!-- 引入lrz插件 --><script src="../../js/lrz/lrz.bundle.js" type="text/javascript" ></script><!-- H5 input accept="image/*" capture="camera" 打开图库 或者 调用相机 --><input type="file" id="FileImg" onchange="btnUploadFile(event)" accept="
2020-12-09 11:19:20
224
原创 时间格式化
Date.prototype.Format = function (fmt) { var o = { "M+": this.getMonth() + 1, // 月份 "d+": this.getDate(), // 日 "h+": this.getHours(), // 小时 "m+": this.getMinutes(), // 分 "s+": this.getSeconds(), // 秒 "q+
2020-12-09 11:06:45
166
原创 根据经纬度计算与当前位置的距离
// 根据经纬度计算距离，参数分别为第一点的纬度，经度；第二点的纬度，经度 function getDistance(lat1, lng1, lat2, lng2) { var distance_str = ""; // 四个值都存在进行距离计算 if (lat1 != undefined && lng1 != undefined && lat2 != null && lng2 != null) { lat2 = lat2 * 1 l
2020-12-09 11:01:03
571
原创 计算时间差
// 获取距当前时间的差值 function timeDifference(dateString) { console.info("--------",dateString) var currentSecond = new Date().getTime(); var pushSecond = convertDateFromString(dateString).getTime(); var time
2020-12-09 10:59:08
192
原创 重写input file上传样式
<style type="text/css"> .fileinput-button { position: relative; display: inline-block; overflow: hidden; display: block; width: 130px; height: 30px; border: 1px solid #c5c5c5; line-height: 30px; font-size: 14px;}.fileinput-button input{ pos
2020-11-07 13:51:25
467
原创 jquery sortable 拖动
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UT
2020-10-30 15:13:39
140
原创 查看uni.ttf字体图标对应的Unicode编码
上传ttf文件到此网站 http://fontstore.baidu.com/static/editor/
2020-10-14 15:53:47
2985
1
原创 flex布局
.outer{ display: flex; /* 定义flex容器 */ flex-direction: row; /*决定主轴的方向（即项目的排列方向）*/ justify-content: space-between; /*定义了项目在主轴上的对齐方式*/ } .inner{ flex-grow:1;/*定义项目的放大比例*/ flex-shrink:1;/*定义项目的缩小比例*/ flex-b...
2020-10-10 10:31:08
130
1
原创 VUE elementUI calendar 根据日期段标记日期
<template> <div class='outer'> <main> <el-calendar> <template slot="dateCell" slot-scope="{date, data}"> <!-- {{data.day}} --> <p :class="data.isSelected ? 'is-selected
2020-10-09 10:20:42
1555
1
原创 vue自定义指令preventReClick防止多次点击，针对于elementUI button
1、定义全局指令文件 Vue.directiveimport Vue from 'vue'// 自定义指令防止按钮重复点击 v-preventReClick(使用时)const preventReClick = Vue.directive('preventReClick', { inserted: function (el, binding) { el.addEventListener('click', () => { console.log(11111) c
2020-09-30 11:16:06
3642
3
原创 elementUI calendar日历事例
标记日历<template> <div class='outer'> <el-calendar v-model="value"> <template slot="dateCell" slot-scope="{date, data}"> <!-- {{data.type}} --> <!-- {{data.isSelected}} --> &l
2020-09-30 11:08:40
926
原创 解决跨域cors模块
使用express写的接口，只能在内部使用，如果想要外部的服务访问，就涉及到了跨域。但是又不想用jsonp，其实有一个node模块，可以轻松实现跨域npm install cors --save然后在app.js文件中var cors = require('cors'); app.use(cors()); 这个代码一定要，写在注册路由的前面。此模块也可以，当做路由中间件，指定某一个，或者某一部分路由，拥有跨域功能。...
2020-07-24 14:15:15
577
1
原创 countUp.js 让数据跳动起来
<script src="/public/js/countUp.js"></script><script> var options={ useEasing: true, // 过渡动画效果，默认ture useGrouping: true, // 千分位效果，例：1000->1,000。默认true separator: ' , ', // 使用千分位时分割符号 decimal: '.', // 小数位分割符号
2020-06-11 10:54:03
851
原创 js格式化数字，每三位增加一个逗号
// 数字每三位增加一个逗号 function toThousands(num) { return (num || 0).toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,'); } // 如果需要转换的数据为字符串，需要先将字条串转换为number var data = '5253664' data *= 1 console.log(typeof data) var newData = toThousands(data)
2020-06-11 10:28:56
886
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人