随笔分类 - Javascript ES6 jq
摘要：1.include的用法 includes 可以判断一个数组中是否包含某一个元素，并返回true 或者false ['a','b','c'].includes('a') true ['a','b','c'].includes(1) false 2.some方法的用法 一真即真 every方法的用法
阅读全文
摘要：js两个数组中去重应用还是比较广泛的，正常想法就是使用for循环进行遍历，这也是第一时间能够想到的，但是往往想到这个方法的时候，也都会考虑一下有没有更优的解决方案，那使用filter就显得效率很高了。 js 删除两个数组中id相同的对象 let arr1 = [{id:'1',name:'json'
阅读全文
摘要：<!DOCTYPE html> <html> <head> <style type='text/css'> #test { padding: 1em; font-size: 50px; font-weight: bold; color: red !important; } </style> </he
阅读全文
摘要：今天在跑项目过lint时报错了，如下图查了下大概意思是不要使用对象原型上的方法，因为原型上的方法可能被重写了。那重点来了如何修复呢？ // bad if (obj.hasOwnProperty('name')) { } // good if (Object.prototype.hasOwnPrope
阅读全文
摘要：JS版 let list = [ { parentId: 0, id: 1, value: '1' }, { parentId: 3, id: 2, value: '2' }, { parentId: 0, id: 3, value: '3' }, { parentId: 1, id: 4, val
阅读全文
摘要：这里用到while循环，这是同步的，利用while循环阻塞代码进程，已达到暂停的效果。 function sleep(numberMillis) { var now = new Date(); var exitTime = now.getTime() + numberMillis; while (t
阅读全文
摘要：let str = '<img style="20px;height: 20px;" src="imgaddress.png" alt="">平安' let reg =/<img.*?src=[\"|\']?(.*?)[\"|\']?\s.*?>/i let value = str.replace(
阅读全文
摘要：一、四舍五入 以下处理结果会四舍五入: var num =2.446242342; num = num.toFixed(2); // 输出结果为 2.45 二、不四舍五入 以下处理结果不会四舍五入。 第一种，先把小数变整数： Math.floor(15.7784514000 * 100) / 100
阅读全文
摘要：判断对象中是否有某属性的常见方式总结，不同的场景要使用不同的方式。 一、点( . )或者方括号( [ ] ) 通过点或者方括号可以获取对象的属性值，如果对象上不存在该属性，则会返回undefined。当然，这里的“不存在”指的是对象自身和原型链上都不存在，如果原型链有该属性，则会返回原型链上的属性值
阅读全文
摘要：翻书问题或者走台阶问题。 问：共有n个台阶，每次只能上1个台阶或者2个台阶，共有多少种方法爬完台阶？共有n页书，每次只能翻1页或者2页书，共有多少种方法翻完全书？ ps：本质上是斐波那契数列问题。假设只有一个台阶，则只有一种跳法，f(1)=1；如果两个台阶，那么有两种跳法：1,一次跳一级，2,一次跳
阅读全文
摘要：WARNING: We noticed you're using the `useBuiltIns` option without declaring a core-js version. Currently, we assume version 2.x when no version is pas
阅读全文
摘要：引言： 本文涉及内容包括： forEach方法 for-in方法 for-of方法 eval（）方法 map（）方法 今天来总结一下，JS中我们常见的循环方式与迭代器，深入了解他们之间的区别，及适合的使用场景。 最早的数组遍历方式 var a = ["a", "b", "c"]; for(var i
阅读全文
摘要：Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。 那么什么是类数组对象呢？所谓类数组对象，最基本的要求就是具有length属性的对象。 1、将类数组对象转换为真正数组： 1 2 3 4 5 6 7 8 9 let arrayLike = { 0: 'tom', 1
阅读全文
摘要：webUploader的使用记录 WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势，同时又不摒弃主流IE浏览器，沿用原来的FLASH运行时，兼容IE6+，iOS 6+, an
阅读全文
摘要：1.H5 download属性 function downFile(content, filename) { // 创建隐藏的可下载链接 var eleLink = document.createElement('a'); eleLink.download = filename; eleLink.s
阅读全文
摘要：FormData的主要用途有两个： 1、将form表单元素的name与value进行组合，实现表单数据的序列化，从而减少表单元素的拼接，提高工作效率。 2、异步上传文件 一、创建formData对象 1、创建一个空对象： //通过FormData构造函数创建一个空对象 var formdata=ne
阅读全文
摘要：function json2url(json){ var arr=[]; for(var name in json){ arr.push(name+'='+json[name]); } return arr.join('&'); } function ajax(json){ json=json ||
阅读全文
摘要：首先我们要明白一个前提，CommonJS模块规范和ES6模块规范完全是两种不同的概念。 CommonJS模块规范 Node应用由模块组成，采用CommonJS模块规范。 根据这个规范，每个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。 Commo
阅读全文
摘要：2019年9月Github上最热门的JavaScript开源项目 前端开发 前端开发 微信号 qianduan1024 功能介绍 专注于Web前端技术文章分享，包含JavaScript、HTML5、CSS3等前端基础知识，以及Vue.js,React,Augular等前端框架 来自：开源最前线（ID
阅读全文
摘要：1.使用isNaN()函数 isNaN()的缺点就在于 null、空格以及空串会被按照0来处理 NaN: Not a Number /** *判断是否是数字 * **/ function isRealNum(val){ // isNaN()函数 把空串 空格 以及NUll 按照0来处理 所以先去除，
阅读全文
