随笔分类 - 前端
遇到的问题
摘要：禁用鼠标滚轮缩放 map.scrollZoom.disable(); 禁用双击放大 map.doubleClickZoom.disable();
阅读全文
摘要：拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。如下图我们要实现图片可以在左右盒子来回拖拽 学习拖拽首先我们要 设置元素为可拖放 为了使元素可拖动，把 draggable 属性设置为 true ： <img draggable="tru
阅读全文
摘要：1.丢弃小数部分,保留整数部分 parseInt(5/2) 2.向上取整,有小数就整数部分加1 Math.ceil(5/2) 3,四舍五入. Math.round(5/2) 4,取余 6%4 5,向下取整 Math.floor(5/2) Math 对象的方法FF: Firefox, N: Netsc
阅读全文
摘要：根据不同的场景以及需求目前我用到的有两种 一、保留2位小数（四舍五入） 四舍五入的话很好解决：原生JS提供toFixed可以完美的实现四舍五入 案例： let number=1.116 number.toFixed(2) //得到1.12 二、保留2位小数（不四舍五入） 涉及到计算钱或者要求精度很高
阅读全文
摘要：html中有很多标签在平常操作中总是用到，还有一部分不怎么用，甚至不知道还有这个标签？为了实现标签的效果用了好多css样式，最后也得不偿失，下面说一说都有哪些标签且现在H5可以用的： 1.<sup>代表上标。上标文本将会显示在当前文本流中字符高度的一半为基准线的上方，但是与当前文本流中文字的字体和字
阅读全文
摘要：有两种方法： 第一种：clearRect()的方法 canvas提供的clearRect(x, y, width, height)方法只能清理出特定位置的矩形区域，以下代码则能实现对圆形区域的清 理，主要是利用计算圆周率时的方法，将整个圆切成一个一个细小的正方形，然后再通过clearRect(x,
阅读全文
摘要：面试题：用js实现一个无限循环的动画。首先想到的是定时器 <!doctype html> <html lang="en"> <head> <title>Document</title> </head> <body> <div id="aaa"></div> <script> let a = aaa;
阅读全文
摘要：在javascript中，可以利用Number()函数和isNaN()函数来判断字符串是否是数字，语法“isNaN(Number("字符串",10)”；如果返回true，则该字符串不是数字，否则是数字。 javascript判断字符串是否是数字 通过Number()将字符串转化为数字的过程中，如果字
阅读全文
摘要：1、trim方法：过滤字符串两端的空格 var str=" 6 66 "; console.log(str.trim()); //6 66 trim() 是最常用的方法，也是最方便的方法。 2、replace方法（正则表达式） let str = ' xin xiang '; console.log
阅读全文
摘要：根据之前的讲解 也就是这篇：https://www.cnblogs.com/heibaiqi/p/16612375.html，了解到16进制和rgba的关系，但是我碰到rgba转化为未调整的16进制时，居然搜不到，就一个简简单单的转化为啥非要变成6位的16进制呢？不同程序员需要的都不一样居然没有人出
阅读全文
摘要：JavaScript中改变鼠标指针样式的方法 在js中我们可以通过style对象的cursor属性来设置鼠标指针的样式，例 var body = document.querySelector("body") body.style.cursor= "move" 通过cursor属性我们还可以将指针替换
阅读全文
摘要：1、428 Precondition Required (要求先决条件) 先决条件是客户端发送 HTTP 请求时，必须要满足的一些预设条件。一个好的例子就是 If-None-Match 头，经常用在 GET 请求中。如果指定了 If-None-Match ，那么客户端只在响应中的 ETag 改变后才
阅读全文
摘要：使用js去除字符串内所带有空格，有以下两种种方法： ( 1 ) replace正则匹配方法 去除字符串内所有的空格：str = str.replace(/\s*/g,""); 去除字符串内两头的空格：str = str.replace(/^\s*|\s*$/g,""); 去除字符串内左侧的空格：st
阅读全文
摘要：对于大部分前端用户这两个内容咱们都了解，rgba 最后的a设置透明度，但是通过16进制设置透明度咱们并不是常用，但是不影响设置， 比如网易云的红色为：#E20000 如果不用rbga咱们之前的写法为： <div className={'color'} style={{backgroundColor:
阅读全文
摘要：前几天做项目发现一个很费事的事情，时间格式化问题 ，如果我要获取 2022-08-22 11:42:32 半个小时的时间应该怎么写？ 发现了new Data()的getTime()的方法，可以吧时间转化成ms 减去半个小时对应的ms就可以了，但是2022-08-22 11:42:32 直接使用get
阅读全文
摘要：svg缩放使用起来十分简单，相比于canvas的好处多了不是一点半点，canvas的缩放需要清除画图，等比例缩放，然后绘制，svg直接一句代码viewBox就可以实现。 viewBox是<svg>元素的属性。 它的值是四个数字的列表，用空格或逗号分隔：x，y，宽度，高度。 宽度是SVG代码中以用户坐
阅读全文
摘要：今天使用element UI时碰到一个问题，对象中有一个函数，样式如下： pickerOptions: { disabledDate(time) { return time.getTime() > Date.now(); },} 这是element组件时间选择器的一个对象函数， 第一次碰到有一点懵逼
阅读全文
vue报错elementUI使用datepicker报错Avoid mutating a prop directly since the value will be overwritten whene
摘要：报错问题：[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or c
阅读全文
摘要：1. Property or method “xxxx” is not defined on the instance but referenced during render 有时候在写 vue 时突然就报这个错误了，Property or method “xxxx” is not defined
阅读全文
摘要：方式一、使用取余运算符判断任何整数都会被1整除，即余数是0。利用这个规则来判断是否是整数。 function isInteger(obj) { return obj%1 0 } isInteger(3) // true isInteger(3.3) // false 以上输出可以看出这个函数挺好用，
阅读全文
