javascript
yw00yw
编程之路任重而道远!
展开
-
反向递归,树组件常用逻辑
示例图树节点方法/** * 递归组装数据 * options 数结构 * code 最后一级的 id * parentHalfKeys 半选的父节点节点 */recursion(options, code, parentHalfKeys) { let result = [], // 递归结果 tempArry = []; // 缓存数据 // arry 数据源 code 最后一级数据 const arryMap = (arry, code) => { arr原创 2021-08-25 15:07:28 · 409 阅读 · 0 评论 -
js的for循环中return可以跳出循环,而使用forEach等不可以跳出循环
描述在vue项目中做表格增加行的时候,校验行内单元格某些字段的必填项,刚开始使用forEach进行循环遍历数组对象,然后判断对象的键值是否为空,为空则跳出循环,提示需要填写必填项,否则提示进行增加行。forEach形式返回isCheckRowRequired () { // 检测新增行内容必填项 // let checkArr = ['packageName', 'bidFee', 'checkPrice', 'bidStatus']; let checkArr = ['packageNam原创 2020-08-20 16:56:30 · 1867 阅读 · 0 评论 -
完美清晰掌握ES5构造函数实现类的继承
ES5中的类es5中的类function Person() { this.name = '张三'; this.age = 12;}var p = new Person();console.log(p.name)构造函数和原型链里面增加方法function Person() { this.name = '李四'; this.age = 23...原创 2020-01-15 10:25:23 · 251 阅读 · 0 评论 -
通过ajv.js对JSON数据格式进行校验
作用描述可以通过ajv.js对所需要的json(json5)格式文件进行校验,可以校验必填项、字段类型等,并且在控制台可以方便的浏览到校验结果。官网https://ajv.js.org/基本实例<script src="https://cdn.bootcss.com/ajv/6.5.0/ajv.min.js"></script><script>...原创 2019-12-22 14:37:05 · 1802 阅读 · 0 评论 -
前端多个异步函数执行完成之后再执行其他的程序
需求描述有多个异步函数都执行完成之后,才能执行其他的代码,可以使用Promise.all() 方法:let P1 = new Promise(function(resolve, reject) {setTimeout(function() { console.log(11); resolve("p1 data") }, 500)})let P2 ...原创 2019-12-18 19:07:09 · 3505 阅读 · 0 评论 -
项目实战中数组常用操作总结
数组去重冒泡es6的Array.from(new Set(arr))利用indexOf去重数组拼接使用for循环使用concat使用es的[…arr]扩展运算符原创 2019-07-31 10:26:06 · 154 阅读 · 0 评论 -
文件上传之base64
<template> <div> <form> <input type="file" id="file-input" name="fileContent"> </form> </div></templa原创 2019-03-01 16:36:56 · 1024 阅读 · 0 评论 -
call,apply,bind区别与用法
在JavaScript中,call、apply和bind是Function对象自带的三个方法,都是为了改变函数体内部 this 的指向。apply 、 call 、bind 三者第一个参数都是 this 要指向的对象,也就是想指定的上下文;apply 、 call 、bind 三者都可以利用后续参数传参;bind 是返回对应 函数,便于稍后调用;apply 、call 则是立即调用 。...原创 2018-09-26 11:46:36 · 336 阅读 · 0 评论 -
ES6全掌握
一、什么是ECMA?ECMA是标准,js是实现。 ECMAscript 简写 ECMA 或者 ES目前版本: 低级浏览器:主要支持ES3.1 高级浏览器:正在从ES5过渡到ES6二、常用到的编译工具Tranceur 由google出的编译器,把ES6语法编译为ES5 Bootstrap 引导程序,跟css里面认识的bootstrap...原创 2018-07-21 18:25:26 · 508 阅读 · 0 评论 -
解决iframe框架,高度自适应问题
首先HTML代码<div class="news_list"> <iframe src="newsCenter.html" id="newsMenu" name="newsMenu" frameborder="0" width="810px" height="auto" scrolling="no&qu原创 2018-07-06 12:25:06 · 10743 阅读 · 0 评论 -
JavaScript几大核心要点概念总结
一、JavaScript(面向对象+原型理解+继承+作用域链和闭包+this使用总结)1、面向对象: 专注于由哪个对象来解决这个问题,编程的特点就是出现一个类,从类中拿到对象,由这个对象去解决具体问题。 面向对象的三大特征就是:继承、封装、与多态。JS可以模拟实现继承和封装,但是无法模拟实现多态,所以我们说js是一门基于对象的语言,而非是面向对象的语言。 Javascr...原创 2018-07-06 10:57:29 · 2357 阅读 · 1 评论 -
slice、splice、splite三者之间的区别与用法
彻底搞明白slice、splice、splite三者之间的区别与用法slice()方法:slice() 方法可从已有的数组中返回选定的元素。slice()方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。注意: slice() 方法不会改变原始数组用法: array.slice(start, end) start:可选。规定从何处开始选取。如果是负数,那么它规定从数组...原创 2018-07-16 12:23:53 · 4828 阅读 · 0 评论