- 博客(29)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 Js中数组去重的几种方法
一、利用ES6中的 Set 方法去重 注：Set为ES6新增的一个对象，允许存储任何类型（原始值或引用值）的唯一值 let arr = [1,0,0,2,9,8,3,1]; function unique(arr) { return Array.from(new Set(arr)) } console.log(unique(arr)); // [1,0,2,9,8,3] console.l
2021-12-16 15:02:18
63
原创 JS判断数组中是否包含某个值
方法1：array.indexOf此方法判断数组中是否存在某个值，如果存在，则返回数组元素的下标，否则返回-1。var arr=[1,2,3,4];var index=arr.indexOf(3);console.log(index); 方法2：array.includes(searcElement[,fromIndex])此方法判断数组中是否存在某个值，如果存在返回true，否则返回falsevar arr=[1,2,3,4];if(arr.includes(3)) cons
2021-12-16 14:40:26
289
原创 【ElementUI】日期选择器时间选择范围限制
<el-date-picker size="mini" v-model="startenddate" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd" :picker-opt
2021-12-16 14:37:03
75
原创 如何在CKEditor5富文本编辑器中获取工具栏可用项目
CKEditor5富文本编辑器官方地址Vue 的一个更简单的解决方案 - 只需@ready="onReady"在ckeditor组件和onReady方法中监听：onReady(event) { console.log(Array.from(event.ui.componentFactory.names()));},在vue.js中简单通过下面的示例即可实现；import ClassicEditorfrom '@ckeditor/ckeditor5-build-classic';expor
2021-11-25 13:15:30
653
原创 安卓苹果手机有效清除微信浏览器内部缓存
1、android内置浏览器缓存清除android版微信内置浏览器（X5内核),在安卓版微信内打开链接 https://debugx5.qq.com ,拉到调试页面，勾选上所有的缓存项目，点击清除。2、iOS内置浏览器缓存清除ios版微信内置浏览器（WKWebView）, ios版微信内置浏览器内核并不是 X5内核，而是使用的ios的浏览器内核WKWebView，退出重新登陆...
2021-10-21 18:23:09
833
原创 element中tab切换echarts图表缩到一起解决办法
使用 resize() 方法<template> <div> <el-row :gutter="20" class="mt40"> <el-col :span="16"> <el-tabs class="my-tabs" v-model="activeName" @tab-click="handleClick"> <el-
2021-09-23 11:08:01
751
1
原创 (ElementUI)日期选择器时间选择范围限制
<el-date-picker size="mini" v-model="startenddate" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd" :picker-op.
2021-09-23 10:39:45
277
原创 公众号H5单页面禁止分享功能
隐藏分享功能window.onload=function(){ document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { // 通过下面这个API隐藏右上角按钮 WeixinJSBridge.call('hideOptionMenu'); });}
2021-09-14 15:22:10
382
原创 js去除日期字符串时分秒,数据类型判断
js去除日期字符串时分秒,数据类型判断数据类型检测方案一：var date = "2018-10-08 00:00:00"; var newDate=/\d{4}-\d{1,2}-\d{1,2}/g.exec(date) newDate="2018-10-08"; 方案二：var time_str= '2014-9-19 13:19:21';var t = time_str.substr(0,10);数据类型检测Object.prototype.toString.call(''
2021-08-31 11:33:42
353
原创 vue清除地址栏路由参数及页面回退mounted函数不执行
vue清除地址栏路由参数及页面回退mounted函数不执行vue清除地址栏路由参数页面回退mounted函数不执行vue清除地址栏路由参数方式一：let path = this.$route.path; //先获取路由路径this.$router.push(path); //再跳转路由路径，query参数没带过去，所以被清除了方式二：this.$router.push({ query: {} });页面回退mounted函数不执行这个问题的关键就在于对keep-alive的理解和acti
2021-03-12 14:49:24
1543
原创 vue 父组件请求数据props为undefined子组件获取不到值。
方法一在渲染的时候给组件标签上面加一个条件渲染，在父组件请求完成后，将数据赋值，然后将渲染表达式成立<div> 我是子组件 {{tile}}<div><script> data(){ return{ tile:"" } }, props:["newtil"], //这里需要注意props["要与父组件中绑定的< :newtil >一致"] mounted(){ th
2021-01-30 16:44:02
1559
原创 js日期时间实时刷新
<div id="time"></div> function startTime() { var today = new Date() var year = today.getFullYear(); //年 var month = today.getMonth() + 1; //月 var day = today.getDate(); //日 var week = today.getDay(); //星期天 var h = tod
2021-01-30 14:55:21
205
原创 vue获取当前日期时间实时刷新
mounted() { this.setout(); }, beforeDestroy(){ clearInterval(this.timerda); // 在Vue实例销毁前，清除日期定时器 clearInterval(this.datefull); // 在Vue实例销毁前，清除时间定时器 }, methods: { //实时刷新 setout() { setInterval(this.tim.
2021-01-30 14:44:56
389
原创 vue无缝滚动插件
vue中，基于vue-seamless-scroll无缝滚动1、安装vue-seamless-scrollnpm install vue-seamless-scroll --save 2、引入组件全局引入在main.js中添加import scroll from 'vue-seamless-scroll'Vue.use(scroll)组件局部引入<vue-seamless-scroll></vue-seamless-scroll>import vueSeamle
2021-01-25 15:36:50
364
1
翻译 vue图片预览插件
二个图片预览插件，具体的优劣势的看自己的使用，分别是viewerjs插件、基于photoswipe的vue-photo-preview插件以及vue-picture-preview插件第一种：viewerjs使用介绍1、先安装依赖npm install v-viewer --save2、main.js内引用并注册调用//main.jsimport Viewer from 'v-viewer'import 'viewerjs/dist/viewer.css'Vue.use(Viewer.
2021-01-19 15:56:12
1437
翻译 监听浏览器内分辨率
var t = window.devicePixelRatio; //加载页面百分比document.body.style.zoom =1/ t; //修改页面百分比（1为100%）
2021-01-19 15:34:21
1056
原创 百度地图根据省市区添加覆盖区域
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script> <title>获取地区轮廓线</title> </head> &
2021-01-15 15:05:41
309
翻译 灵活简介vue tab切换
<template> <div id="app"> <ul> <li v-for="(tab,index) in tabs" @click="toggle(index,tab.view)" :class="{active:active==index}"> {{tab.type}} </li> </ul> <!--:is实现多个组件实现同一个挂载点-->
2021-01-11 15:50:14
44
原创 点击图片放大可拖拽
点击图片放大可拖拽<div> <ul> <li> <img class="comment_pics" width="50px" height="50px" src="img/ez.jpeg" /> <p>号牌号码<span>豫Areceived</span></p> <p>号牌号码<span>豫Areceived</span></p>
2020-12-24 15:45:05
118
1
原创 Vue框架Element UI教程-axios请求数据
Vue框架Element UI教程-axios请求数据1：进入项目，npm安装npm install axios --save2.在main.js下引用axiosimport axios from ‘axios’ 4：跨域问题，设置代理，利用proxyTable属性实现跨域请求在config/index.js 里面找到proxyTable ：{} ，然后在里面加入以下代码 proxy...
2020-12-24 14:06:41
545
原创 适用于PC/平板/手机设备的CSS媒体查询
适用于PC/平板/手机设备的CSS媒体查询/* ##PC ##1281px或更高分辨率*/@media (min-width: 1281px) { //CSS }/* ##笔记本或PC ##1025px - 1280px*/@media (min-width: 1025px) and (max-width: 1280px) { //C...
2020-12-24 14:05:33
744
转载 HTML5新增7个结构元素
HTML5新增7个结构元素●headerheader 元素表示页面中的一个内容区块或者整个页面的标题，通常放在页面的头部。通常用来显示页面中的标题、logo图片、搜索文本框或者其他相关的内容●articlearticle 元素中的内容独立于文档的其余部分，表示页面中的一块与上下文不相关的独立内容。可能的 article 实例：1.论坛帖子2.报纸文章3.博客条目4.用户评论●...
2020-12-24 14:03:47
217
原创 charts地图经纬度标注气泡
地图数据下载阿里云地图选择器地址：HTML <script src="jquery.min.js"></script> <script src="echarts.min.js"></script> <script src="henan.js"></script> <script src="C...
2020-12-24 14:02:57
228
原创 js判断浏览设备是 手机端，电脑端还是平板端
js判断浏览设备是 手机端，电脑端还是平板端console.log(navigator.userAgent);var os = function() { var ua = navigator.userAgent, isWindowsPhone = /(?:Windows Phone)/.test(ua), isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone, isAndroid = /(?:
2020-12-24 14:02:02
533
原创 实现CSS隐藏滚动条并可以滚动内容
实现CSS隐藏滚动条并可以滚动内容方法1：计算滚动条宽度并隐藏起来方法2：css隐藏滚动条方法1：计算滚动条宽度并隐藏起来<div class="outer-container"> <div class="inner-container"> ...... </div></div>.outer-container{ width: 360px; height: 200px; position: relative; ove
2020-12-24 14:01:02
68
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人