随笔分类 - 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来处理 所以先去除,
阅读全文