![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
xvzhengyang
这个作者很懒,什么都没留下…
展开
-
javascript记录一次if/else替换为数组的案例
好处在于如果还有增加,不必在写if....else实现;原创 2024-03-29 13:48:47 · 213 阅读 · 0 评论 -
js中null >=0 为什么是true引起的一个问题
js null undefined 0 false比较原创 2022-11-30 14:39:05 · 169 阅读 · 1 评论 -
weex中图片如何占据手机全屏
weex image 动态设置高度原创 2022-08-26 23:21:17 · 386 阅读 · 0 评论 -
Vue项目中使用echarts实现折线图中的标注线
echarts markline 标注线 分割线原创 2022-08-26 00:19:02 · 5145 阅读 · 0 评论 -
js中的对象转数组,数组转对象
js中对象转数组,数组转对象原创 2022-07-05 23:42:56 · 1601 阅读 · 0 评论 -
抓包神器Fiddler配置(网上很多,但是都有坑,不完整)
1.首先是下载地址,建议大家还是官网下载比较合适地址:Download Fiddler Web Debugging Tool for Free by Telerik2.下载安装之后 2.1 设置,如下图所示这两步设置好了之后,切记,关闭,重新打开fiddler,否则可能无法下载证书;2.2 重启之后,手机和pc电脑链接同一个局域网,通过ipconfig命令,可以获取pc端的ip地址手机浏览器输入pc端获取到的ip地址,以上面为例子http://...原创 2021-11-25 14:36:23 · 2070 阅读 · 0 评论 -
Vue使用hook销毁定时器
The SDK platform-tools version ((25.0.3)) is too old to check APIs compiled with API 26之前升级了sdk版本到26但是,新建项目的时候原创 2021-06-30 19:08:58 · 372 阅读 · 0 评论 -
JS数组去重方法集合
1. 利用双重for循环去重//定义一个新数组,先存放不可能与arr重复的第一个元素let newArr = [arr1[0]]for (let i = 1; i < arr.length; i++) { //设置标记flag let flag = true for (let j = 0; j < newArr.length; j++) { //如果两个相等,标记该i为false(重复),并退出该循环 if (arr[i] ==转载 2021-06-28 19:19:04 · 2344 阅读 · 0 评论 -
H5手机录像并获取录像内容转base64
在这里插入代码<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>h5手机录像</title> </head> <script> let videoBt原创 2021-06-28 19:11:21 · 561 阅读 · 0 评论 -
使用canvas绘制路线图
根据接口返回的坐标点位,我们可以将这些左边点位串联起来,形成轨迹图<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>根据返回的坐标,针对当前容器的大小占比</title> <style type="text/css"> .patrol-path { position: absolute; left: 0;原创 2021-03-16 23:10:22 · 1697 阅读 · 0 评论 -
使用canvas定义线的开头和结尾的形状
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div> <canvas id="canvas" width="" height=""></canvas> </div> <script type="text.原创 2021-03-16 23:07:54 · 158 阅读 · 0 评论 -
使用canvas绘制连续折线并填充颜色
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>绘制连续折线</title> </head> <body> <div> <canvas id="canvas" width="" height=""></canvas> </div> <script type.原创 2021-03-16 23:04:37 · 700 阅读 · 0 评论 -
使用canvas绘制连续折线
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>绘制连续折线</title> </head> <body> <div> <canvas id="canvas" width="" height=""></canvas> </div> <script type.原创 2021-03-16 23:02:31 · 332 阅读 · 0 评论 -
使用canvas绘制直线(canvas的基本使用)
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>绘制直线的例子</title> </head> <body> <div> <canvas id="canvas" width="" height=""></canvas> </div> <script typ.原创 2021-03-16 23:00:19 · 567 阅读 · 0 评论 -
JS调试技巧-持续更新
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>调试小技巧</title> </head> <body> <div id="app"> <p>\config\index.js</p> <span> 本地正常启动vue项目,localhost:9001 本地.原创 2021-02-04 11:30:27 · 70 阅读 · 0 评论 -
js调试技巧
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>调试小技巧</title> </head> <body> <div id="app"> <p>\config\index.js</p> <span> 本地正常启动vue项目,localhost:9001 本地.原创 2021-02-03 18:12:05 · 92 阅读 · 0 评论 -
日期格式比较
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> function compareTime(start, end) { let firstStart = start.replace(/\-.原创 2021-02-03 18:07:53 · 122 阅读 · 0 评论 -
js中的isNaN() 函数解释
isNaN() 函数用于检查其参数是否是非数字值。如果参数值为 NaN 或字符串、对象、undefined等非数字值则返回 true, 否则返回 false。之前理解为nan或undefined就会true,原来是这个主要是检测非数值原创 2020-12-02 22:23:02 · 2087 阅读 · 0 评论 -
实战篇误区-持续更新
记录一下实战误区1.获取从接口返回的数据,一般会去判断data是否存在,接着获取我们想要的数据,譬如price;const price = data && data.price ? '未定价' : data.price;上面看似没有问题,实际上是是有问题的,加入价格是0呢,那就会显示未定价了;所以要结合具体场景来处理;当然我们也可以 使用??操作符(如果第一个参数不是null/undefined,这个运算符将返回第一个参数,否则,它将返回第二个参数。)const pric原创 2020-12-02 22:16:32 · 65 阅读 · 0 评论 -
js中gmt时间转换为普通时间格式
renderTime(date) { var dateee = new Date(date).toJSON(); return new Date(+new Date(dateee) + 8 * 3600 * 1000) .toISOString() .replace(/T/g, " ") .replace(/\.[\d]{3}Z/, ""); }时间格式转换譬如:"2020-11-30T13:09:58.000+...原创 2020-12-01 23:54:41 · 784 阅读 · 0 评论 -
js事件冒泡-基础
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .one { background-color: red; height: 500px; } .two { background-color: #0000FF; height.原创 2020-12-01 23:29:09 · 176 阅读 · 0 评论 -
js数字的工具
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> /* toString()方法,将数字作为字符串返回。但是,如果提供参数,例如2、8或16, 它将分别返回二进制,八进制或十六进制值.原创 2020-12-01 23:26:17 · 138 阅读 · 0 评论 -
为什么不推荐用for...in遍历数组
for...in本身是Object的遍历方法,js中的数组也继承自Object,所以自然而然也能使用for...in遍历出属性。然而for...in有一些难以注意到的细节,稍不注意就可能被坑。1. 细节一:遍历的的属性值是字符串,而不是数字!(相信初接触js的人都要被坑一次吧)const list = [1, 2, 3] for (let i in list) { console.log(i, i + 1, typeof i) // 0 01 string }可以看到typeo...转载 2020-12-01 23:24:50 · 343 阅读 · 0 评论 -
js实现点击多次实现隐藏于显示
data(){ return { clickTimer: null, waitTime: 500, // 该时间间隔内点击才算连续点击(单位:ms) lastTime: 0, clickCount: 0, // 连续点击次数 }}, methods(){ // 点击多次显示与隐藏 toShowAndHideRecord() { var currentTime = new Date().ge..原创 2020-12-01 23:08:05 · 631 阅读 · 0 评论 -
js 函数节流的一些小知识
一,什么是函数节流概念:限制一个函数在一定时间内只能执行一次。举个例子,坐火车或地铁,过安检的时候,在一定时间(例如10秒)内,只允许一个乘客通过安检入口,以配合安检人员完成安检工作。上例中,每10秒内,仅允许一位乘客通过,分析可知,“函数节流”的要点在于,在一定时间之内,限制一个动作只执行一次。二,为什么需要函数节流原因:开发过程中,有一些事件或者函数,会被频繁地...原创 2020-05-07 22:46:04 · 198 阅读 · 0 评论 -
js当前时间前后N天前后日期的方法
// 当前时间前后N天前后日期的方法 function GetWantsDateStr(AddDayCount) { let dd = new Date(); dd.setDate(dd.getDate() + AddDayCount); //获取AddDayCount天后的日期 let y = dd.getFullYear(); let m = (dd...原创 2020-05-07 22:26:50 · 189 阅读 · 0 评论 -
js 字符串类工具
/** * 去除空格 * @param {str} * @param {type} * type: 1-所有空格 2-前后空格 3-前空格 4-后空格 * @return {String} */ trim(str, type) { type = type || 1 switch (type) { ...原创 2020-05-07 22:13:10 · 199 阅读 · 0 评论 -
js中创建对象三种方式
// 方法一 function copyClass(name, age) { this.name = name; this.age = age; this.printInfo = function() { console.log(this.name); console.log(this.age); } } let obj =...原创 2020-05-07 22:10:33 · 185 阅读 · 0 评论 -
js中map的简单使用(基础)
1.创建Map对象let map = new Map();2.如何存储map.set("key",value)map.set("key1",value1)map.set("key2",value2)key值唯一,value不唯一3.如何取出value值let value = map.get(key)4.删除map中指定key对应的value...原创 2020-04-09 19:52:09 · 315 阅读 · 0 评论