![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
芒果大胖砸
有开发需求或问题解疑 个人微信 w1615313820
展开
-
vue 鼠标拖动div 封装分局指令
封装全局指令 在main.js中Vue.directive( 'drag', (obj, binding) =>{ obj.onmousedown = function(el){ var left = obj.offsetLeft; var top = obj.offsetTop; var width = obj.offsetWidth; var height = obj.offsetHeight; //计算出鼠标的位置与元素位置的差值。 var原创 2021-12-16 17:40:26 · 294 阅读 · 0 评论 -
js uniapp开发如何把分钟数转换为多少小时多少分钟
<template> <view class="content"> <view>{{toHourMinute(duration)}}</view> </view></template><script> export default { data() { return { duration:100 // 分钟数 } }, onLoad() { console.log(thi原创 2021-12-09 10:32:34 · 864 阅读 · 0 评论 -
vue uniapp如何将一个一维数组变成一个二维数组?自定义切割数组长度
如何将一个一维数组变成一个二维数组lengthlsit(str,length) { // str:需要切割的数组,length需要切割的长度 //获取要切割的数组的长度 var length= parseInt(length); //如果长度小于要划分的长度,返回原数组 if (str < length){ return [str]; } var groups = []; //拆分成的二维数组的个数原创 2021-07-22 16:46:42 · 1912 阅读 · 0 评论 -
web前端学习的最全笔记,前端大牛都看烂了你还不快来看看??
最全面的前端基础知识整理 链接 https://download.csdn.net/download/w161513820/13992079原创 2020-12-31 13:56:56 · 320 阅读 · 0 评论 -
js当中可以这样截取富文本中的所有图片或者第一张图片
对于富文本中的图片截取操作可以使用正则匹配以后截取出来,截取富文本中所有的img图片。代码fn(richtext) // 截取富文本img方法 function fn(str){ var data = []; str.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/g, function (match, capture) {原创 2020-10-13 14:38:19 · 2798 阅读 · 0 评论 -
写一个方法根据不同时间弹出不同提示信息
根据当前时间弹出不同的提示信息function timeFix() { const time = new Date() const hour = time.getHours() return hour < 9 ? '早上好' : hour <= 11 ? '上午好' : hour <= 13 ? '中午好' : hour < 20 ? '下午好' : '晚上好'}...原创 2020-09-16 17:51:39 · 537 阅读 · 0 评论 -
js如何获取转码后的路由参数
js当中怎么获取被转码以后的路由信息,以下是把代码直接封住成了一个方法方便实用function getParam(name) { let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //decodeURIComponent解码 window.location.search 获取页面url的地址 let r = decodeURIComponent(window.location.search).subst原创 2020-09-16 17:47:53 · 414 阅读 · 0 评论 -
用js写一个简单的贪吃蛇
这是一个很简单的小游戏,看看谁能在不修改速度的前提下玩多长吧,贴图在评论里比一比<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0,原创 2020-07-20 17:51:00 · 251 阅读 · 0 评论 -
layer.msg layui弹出层失效咋搞??
设置一个textarea字数限制超过以后弹出提示信息,并且不会刷新内容。做完以后发现提示框死活不出来,查了下好像说是因为层级太低了,反正最后的解决办法就是 return false; 就行了。form.on('submit(edit)', function (obj) { if($("#Text").val().length>=180){ layer.msg('字数超过180字啦') return false; }});...原创 2020-07-09 15:29:26 · 4087 阅读 · 2 评论 -
报错Uncaught URIError: URI malformed 可以这样解决
最怕写代码出bug,更怕的是这个bug不常见,今天把所有的数据都处理完了突然查到一行数据的时候显示了这个问题,当时我是一脸懵逼呀,URI? url这个我倒是经常见 可是这个URI平时不多见呀,这是什么原因造成的。网上查了一通才发现原来是这样的:由于decodeURI转码时,通过%进行解析,如果字符串中存在%(如: 巴伐利亚黄啤酒精含量:5.0%vol原麦汁浓度:14°P原料:澳洲大麦芽,澳洲焦香麦芽),则会出现URI malformed就会出现这个问题,那么就好解决了。解决:将字符串中的%替换为25原创 2020-07-09 15:10:50 · 27200 阅读 · 0 评论 -
用js写一个超级炫酷的环形时钟效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> html{ background: #000; color: #666; font-size: 12px; .转载 2020-07-06 15:04:46 · 1004 阅读 · 0 评论 -
利用鼠标拖动改变图片大小动画
<!doctype html><html> <head> <title>鼠标拖动施大图片</title> <script type="text/javascript"> function change(evt,img){ var evt=evt||window.evt; var x=evt.x; var y=evt.y; img.style.width=x+"px"; img.s原创 2020-07-06 14:41:20 · 405 阅读 · 0 评论 -
用JavaScript简单写一个鼠标拖动惯性动画,弹跳球
<body> <div id="div1"> </div> <script type="text/javascript"> window.onload=function(){ // var oDiv=document.getElementById('div1'); ...原创 2020-07-06 14:39:06 · 437 阅读 · 0 评论 -
用js做一个鼠标惯性动画
用js做一个简单的鼠标惯性动画<style type="text/css"> #div1{ width: 50px; height: 50px; background: red; position: absolute; left: 0px; top: 0px; } </style><body> <div id="div1"> </div> <script转载 2020-06-13 10:51:56 · 440 阅读 · 0 评论 -
js中冒泡机制
冒泡机制冒泡机制:顾名思义就是个水中冒泡样子一个道理,当元素触发事件的时候,事件会先从window中,一层层的往下寻找目标元素,找到目标元素以后又回到window,这整个过程就叫做冒泡机制。冒泡机制的两个阶段:捕获阶段:捕获阶段就是从window往下一层层寻找目标元素的过程冒泡阶段:找到目标元素以后又返回window的过程冒泡机制的特点:从window找到目标元素的过程中,如果祖先级...原创 2020-06-12 10:46:17 · 2379 阅读 · 0 评论 -
js制作图片放大效果,查看高清图片
style样式代码<style type="text/css"> .box{ width: 400px; height: 500px; border: 1px solid salmon; margin: 0 auto; position: relative; } .box div:nth-of-type(2){ wid...原创 2019-11-14 20:42:28 · 299 阅读 · 0 评论 -
js制作div拖动事件,div拖动效果
总共使用三个鼠标事件:onmouseup:鼠标抬起事件onmousedown:鼠标按下事件onmousemove:鼠标移动事件style样式代码给整个document加相对定位,给要拖动的div加绝对定位<style type="text/css"> .box{ width: 200px; height: 200px; background: ...原创 2019-11-14 20:36:55 · 1436 阅读 · 0 评论