javascript
关注
分享
扫一扫
Volon Kou
这个作者很懒，什么都没留下…
展开
-
js 递归json树 根据 子id 查 父id
数据： let dataArr = [ { "id": 1, "children": [ { "id": 2, "children":[ { "id": 3 } ] } ] }, { "id": 4, "children": [ {原创 2020-11-06 15:52:40 · 732 阅读 · 0 评论 -
使用formData格式上传数据时，查看formdata每一项的值
//第一种for (var value of formData.values()) {console.log(value);}//第二种for (var [a, b] of formData.entries()) {console.log(a, b);}原创 2020-08-04 10:46:56 · 2630 阅读 · 0 评论 -
react 读取excel中的内容并解析成json格式的
引用xlsx库来完成这个功能下载库：npm下载可能会报错，用yarn正常npm install xlsx --save//oryarn add xlsx模块导入：import XLSX from 'xlsx';基础代码： <input type="file" onChange={this.HandleImportFile} />处理逻辑：HandleImportFile = (e) => { let { files } = e.target //原创 2020-07-07 17:42:32 · 1778 阅读 · 0 评论 -
三个json数组之间的数据一一匹配组合
需求：将以下三个json数组的数据一一匹配组合["S","M","L"],["R","B"],["X","Y","Z"]代码实现： Zuhe = (data) => { let heads = data[0]; for (var i = 1, len = data.length; i < len; i++) { heads = this.addNewType(heads, data[i]); } return heads; } a原创 2020-07-07 16:11:47 · 635 阅读 · 0 评论 -
js+flex快速实现页面瀑布流显示模式
场景：请求到数据之后打算使用瀑布流形式展示在请求到数据之后，来创建瀑布流所需要的数据格式//数据处理方法_CreateFlexList=(list)=> { //要现实的列数，可以动态设置 let columnCount = 2; let FlexList = []; // 创建列数空数组 for (le...原创 2020-05-07 10:19:44 · 566 阅读 · 0 评论 -
JavaScript中的6种报错类型
一、概述js中的控制台的报错信息主要分为两大类，第一类是语法错误，这一类错误在预解析的过程中如果遇到，就会导致整个js文件都无法执行。另一类错误统称为异常，这一类的错误会导致在错误出现的那一行之后的代码无法执行，但在那一行之前的代码不会受到影响。二、错误类型1.SynataxError: 错误类型变量命名不符合 JavaScript 语法规范：以字母、下划线、$开头；区分大小写；不...原创 2020-04-10 10:40:37 · 536 阅读 · 0 评论 -
JavaScript 中 new 操作符执行时走了哪些步骤
一、场景我们在使用JavaScript是，会经常碰上new这个操作符来进行实例化，我们来看一下new 这个操作符执行时走了哪些步骤二、实例function A(name){ this.name = name ;};var zhangsan = new Person('张三');var zhangsans = new Person('张三');console.log(zhan...原创 2020-04-08 10:51:53 · 1902 阅读 · 0 评论 -
计算两个经纬度之间的距离
结果为km // 获取两个经纬度之间的距离 GetDistance = (lat1, lng1, lat2, lng2) => { var radLat1 = lat1 * Math.PI / 180.0; var radLat2 = lat2 * Math.PI / 180.0; var a = radLat1 - radLat2; var b = ...原创 2020-03-23 14:43:52 · 1002 阅读 · 0 评论 -
js判断一个数组中含有另一个数组的某一项
let A=[1,2,3,4,5,6], B=[8,10,6,7,8]; A.find(item=>B.includes(item))如果没有相同项，结果是undefined原创 2019-12-06 10:26:39 · 6755 阅读 · 0 评论 -
ajax分页
<!TOCTYPE HTML><html> <head> <meta charset="utf-8"> <title>简单的分页，模拟数据，没有封装，显示原理</title> </head> <style> img{ width: 100px; height: 100px;转载 2017-07-30 20:36:38 · 247 阅读 · 0 评论 -
JS 控制全屏显示
FullScreen API 演示 // 处理全屏(需要全屏显示DOM元素) function launchFullScreen(element) { // 先检测最标准的方法 if(element.requestFullScreen) { element.requestFullScreen()原创 2017-08-11 17:46:46 · 440 阅读 · 0 评论 -
js行内变量传参，函数内部实参调用
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <button onclick="ddd(this.name)" name="people">11111原创 2017-07-31 20:11:02 · 1892 阅读 · 0 评论 -
JS横竖屏检测
<!Doctype html> <html> <head> <meta charset="utf-8"> <meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0;"> <title>横竖屏切换检测</title> &l原创 2017-08-28 18:11:11 · 406 阅读 · 0 评论 -
json的键值都为动态变量
var b=1 var c=2 var a={} a[b]=c console.log(JSON.stringify(a))//结果：{"1":2}原创 2017-12-23 16:36:33 · 2200 阅读 · 0 评论 -
循环数组赋值给对象并push到数组中
初始数据： 转化为 代码： const data=&amp;quot;初始数据&amp;quot; const arr=[] Object.keys(data).forEach((key,i,v)=&amp;amp;gt;{ const item={ x:key, ...原创 2018-09-08 10:13:32 · 11250 阅读 · 2 评论 -
用正则将API返回的数据去除标签并整理
一、API返回的数据：二、用到的正则表达式regex = /((ht|f)tps?):\/\/([\w\-]+(\.[\w\-]+)*\/)*[\w\-]+(\.[\w\-]+)*\/?(\?([\w\-\.,@?^=%&:\/~\+#]*)+)?/g三、整理格式后四、使用方法let regex = /((ht|f)tps?):\/\/([\w\-]+(\.[\w\-]+)...原创 2019-03-05 10:10:25 · 439 阅读 · 0 评论 -
移动端滑动加载
const wrapper = this.refs.wrapper； function callback() { const top = wrapper.getBoundingClientRect().top const windowHeight = window.screen.height if (top &&原创 2017-12-19 20:55:51 · 290 阅读 · 0 评论 -
js节流
window.addEventListener('scroll', function () { if (this.props.isLoadingMore) { return } if (timeoutId) { clearTimeout(timeoutId)原创 2017-12-19 20:53:15 · 407 阅读 · 0 评论 -
javascript 判断字符串是否包含某字符串,String对象中查找子字符,indexOf
var aaa = “value”; if(aaa.indexOf(“Text”) > 0 ) { alert(‘aaa中包含Text字符串’); }原创 2017-07-26 18:40:32 · 1283 阅读 · 0 评论