- 博客(26)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 判断对象数组中是否存在重复项
需求：判断对象数组中是否存在重复项解决思路：根据数组去判断是否有重复项。首先将对象数组转成数组（提取重复的选项） 然后判断数组是否存在重复项即可。注：此方法适用于单个决定性条件导致重复的对象，多个条件的 可以在此方法上优化原始对象数组：[ { id: 1, name: '数学' },
2021-04-06 17:42:48
6291
1
原创 vue动态修改audio地址
需求：点击MP3文件，实现试听效果问题：点击后替换url地址，实现了，但是播放器依旧没有反应。解决：vue中动态替换只是替换了地址，并没有告诉audio标签是否要执行，执行什么操作。要load后才能让它知道，是在喊他，他需求进行操作了！页面设计用的是element点击试听的时候弹出效果，点击x的时候，关闭音乐。 <transition name="el-zoom-in-bottom"> <div class="mp3.
2021-03-29 16:29:12
1224
原创 vant中实现地址的四级选择（省市县街道）
引入Cascader注意：vant 2.12 版本开始支持此组件，不然会报错import Vue from 'vue';import { Cascader } from 'vant';Vue.use(Cascader);引入全国四级区域地址https://download.youkuaiyun.com/download/qq_34797972/14123322实现引入 import area from "@/utils/4-area";自定义成vant识别的json...
2021-01-12 18:35:11
5075
7
原创 JavaScript压缩base64图片
dealImage(base64, callback) { var newImage = new Image(); var quality = 0.6; //压缩系数0-1之间 newImage.src = base64; newImage.setAttribute("crossOrigin", 'Anonymous'); //url为外域时需要 ...
2021-01-11 15:03:26
1694
原创 H5发起支付并并跳转到支付页面
1.发起支付，调用支付接口2.收到返回数据将支付宝返回的HTML代码用新窗打开 const w = window.open(); w.onload=()=>{ w.eval(w.document.querySelector("script").innerHTML); };
2020-09-01 16:57:51
3546
原创 vant中List组件中load事件触发多次问题
是否设置的加载数据不够占满屏幕 List中的数据不够占满屏幕则会触发load事件，产生重复加载现象。可以将一次加载的数据量增大来解决此问题。 父级容器是否出现overflow:scroll的属性，去掉即可。 如果在 html 和 body 标签上设置了overflow-x: hidden样式，会导致 List 一直触发加载。这个问题的原因是当元素设置了overflow-x: hidden样式时，该元素的overflow-y会被浏览器设置为auto，而不是默认值visible，导致 List..
2020-08-20 16:34:19
11570
5
原创 JS中有没有简单的判断数组是否为空的方法
直接判断数组的长度是否为0 利用布尔值判断数组为object，直接用if（a）判断的话都是为true，可以用数组的长度去直观判断是否为空 将数组和布尔类型都转化为Number类型比较，空数组转化为Number类型的时候为0。 let arr = []; if(arr == false){ console.log("empty!"); }else{
2020-08-18 15:21:36
4668
1
原创 JS实现点击复制
function shareHisMuseum () { var clickContent = "xxxxxxxxxxxx" var save = function (e) { e.clipboardData.setData('text/plain', clickContent); ...
2020-01-17 17:48:32
148
转载 web端用真机调试
Browsersync特性 BrowserSync能让PC、各移动设备上的页面同时实时地响应文件的更改，而不用刷新操作。而且，当在其他一个设备上进行点击等行为时，该行为也会同步到其他浏览器中安装 BrowserSync是基于Node.js的，是一个Node模块，所以需要先安装nodejs【nodejs安装】 虽然nodejs官网提供了node的msi文件，但...
2019-06-24 17:12:55
320
原创 IOS上时间格式处理显示NAN的解决办法
sDate2 = sDate2.replace(/-/g,"/");sDate1 = sDate1.replace(/-/g,"/");sDate2 = new Date(sDate2).getTime();sDate1 = new Date(sDate1).getTime();正常的时间格式是：2019-06-18但是ios上不能处理这种格式的时间，所以要将“-”替换成“/” ...
2019-06-19 17:47:49
1962
原创 原生JS实现marquee 滚动字幕效果，完美解决频闪问题
marquee标签在HTML5 中已经不再受支持但是我们很多时候会用到滚动字幕的样式，所以就采用了实时动态改变元素位置的方式来实现此功能，在实现的时候用过HTML DOM setInterval() 方法，但是会出现频闪的现象，初步估计是因为其他js的时间对其产生影响，后来改用了window.requestAnimationFrame()方法完美解决问题。关于window.reques...
2019-01-21 09:57:34
6727
2
原创 var let const 三则如何区分？
想弄清楚这三者的区别，我们需要知道这三者最基本的来龙去脉。var是ES5中的变量，let、const是ES6中的变量。块级作用域是在ES6中引进的，那么什么是块级作用域呢？简单的来说，就是包含在{......}中的代码就是叫块级作用域，其中for语句、if语句也属于块级作用域。既然是在ES6中才有的块级作用域，而且let、const也是ES6中有的，由此可见，这两者肯定跟块级作用域...
2018-12-19 14:32:44
870
3
原创 img大于div时居中显示（类似相册总览）
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial
2018-11-22 15:40:25
505
原创 HTML5实现点击展开和隐藏
HTML <details> 标签可以实现此功能目前只有 Chrome 和 Safari 6 支持 <details> 标签。<summary> 标签包含 details 元素的标题，"details" 元素用于描述有关文档或文档片段的详细信息。请与 <details> 标签一起使用。标题是可见的，当用户点击标题时会显示出详细信息。注...
2018-11-21 10:19:34
16231
原创 js计算div滑动距离
touchstart事件：当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发。 touchmove事件：当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间，调用preventDefault()事件可以阻止滚动。 touchend事件：当手指从屏幕上离开的时候触发。 touchcancel事件：当系统停止跟踪触摸的时候触发。关于这个事件的确切出发时间，文档中并没有具体说明，咱们只...
2018-11-14 15:00:10
3178
转载 原生JS实现下拉刷新
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>Document</title> <title>Pull to Refresh</titl
2018-11-02 14:19:19
288
原创 原生JS实现点击显示再次点击隐藏
/** * [Show_Hidden 点击控制div显示与隐藏] * @param {[id]} obj [需要显示隐藏div的id] */ function Show_Hidden(obj) { var div = document.getElementById(obj); if (div.className.ind...
2018-11-01 14:09:06
18814
2
原创 原生JavaScript实现监听移动端上下左右滑动事件
/** * @author W.Dong * @date 2018/10/26 * @Description: 监听触摸的方向*/var EventUtil = { addHandler: function (element, type, handler) { if (element.addEventListener) element.a...
2018-10-26 15:54:56
1860
原创 原生JS和JQ实现div的展开与收齐动画
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>展开收起</title> <style> * { margin: 0; padding
2018-10-22 10:24:16
1673
转载 JavaScript数组去重12中方法
数组去重，一般都是在面试的时候才会碰到，一般是要求手写数组去重方法的代码。如果是被提问到，数组去重的方法有哪些？你能答出其中的10种，面试官很有可能对你刮目相看。在真实的项目中碰到的数组去重，一般都是后台去处理，很少让前端处理数组去重。虽然日常项目用到的概率比较低，但还是需要了解一下，以防面试的时候可能回被问到。注：写的匆忙，加上这几天有点忙，还没有非常认真核对过，不过思路是没有问题，可能...
2018-10-10 09:16:25
133
转载 OpenCV边缘检测三种算法（canny、sobel、laplacian）
Canny算法#include<opencv2\opencv.hpp> #include<opencv2\highgui\highgui.hpp>using namespace std;using namespace cv;//边缘检测int main(){ Mat img = imread("lol3.jpg"); imshow(...
2018-09-13 11:24:39
905
原创 一个div中多个元素垂直居中的一种解决办法
有多个元素需要垂直居中排列时，尝试了很多方法，总结一下觉得用flex的布局是最方便的。目标实现： <div id="findclass" class="flexbox"> <div> </div> <ul > <li >查找班级&l
2018-08-22 11:27:09
10861
原创 三维坐标旋转转换公式（JavaScript）
此方法以右手坐标系为准function rotate_z(x, y, z, angle) { var atopi = angle / 180 * Math.PI; var xtoz = x * Math.cos(atopi) - y * Math.sin(atopi); var ytoz = y * Math.cos(atopi) + x * Math.sin(atop...
2018-07-25 15:24:29
8087
原创 块级元素和行内元素的差别
首先，百度解释走一波：块元素又名块级元素(block element)，和其对应的是内联元素(inline element)，都是html规范中的概念。块元素和内联元素的基本差异是块元素一般都从新行开始，相邻的块级元素将会在不同行显示。而当加入了css控制以后，块元素和内联元素的这种属性差异就不成为差异了。然后说人话，简单点。可定义高和宽，有边框概念的元素称块级元素，与之相反就称为“行内元...
2018-07-23 15:33:34
219
原创 Java根据文件夹中文件的数量进行分类
需求：根据文件夹中文件的数量将少于10个文件的文件夹置于一个文件夹中，其他的置于另一个文件夹中 import java.io.*;/** * @author wwd8678 * @date 2018/5/23 */public class CopyFile { /** * FILE_PATH 需分类文件的目录 */ private stat...
2018-06-12 16:13:36
601
原创 Java遍历文件夹所有文件并将不同类型的文件剪切到另一个文件夹中
需求：遍历文件夹中的所有文件，将文件夹中的视频文件提取出来存入另一个文件夹中方法：遍历文件夹，获取文件后缀名进行操作。重点：利用 apache.commons.io.FileUtils 中的文件操作，方便快速import org.apache.commons.io.FileUtils;import org.apache.commons.lang3.StringUtils;import java...
2018-06-12 16:10:05
1353
Java视觉中国图片爬虫jar包
2018-06-12
jquery-1.8.3.min 1.9.1.min 1.11.3.min 2.1.4.min 3.1.1.min
2017-11-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人