随笔分类 - js
摘要：今天我要分享的是10个超棒的JavaScript简写方法，可以加快开发速度，让你的开发工作事半功倍哦。 开始吧！ 1.合并数组 普通写法： 我们通常使用Array中的concat()方法合并两个数组。用concat()方法来合并两个或多个数组，不会更改现有的数组，而是返回一个新的数组。请看一个简单的
阅读全文
摘要：什么是事件 我们先来看看MDN做出的解释： 事件是您在编程时系统内发生的动作或者发生的事情，系统响应事件后，如果需要，您可以某种方式对事件做出回应。 说一下自己对事件的理解：事件是一种机制，当某些特定的行为或动作被触发，此时会自动执行其他行为。就拿我们常用的点击事件为例，当点击这一个动作发生之后，就
阅读全文
摘要：作者：JowayYoung 仓库：Github、CodePen 博客：官网、掘金、思否、知乎 公众号：IQ前端 特别声明：原创不易，未经授权不得转载或抄袭，如需转载可联系笔者授权 前言 第三次阅读阮一峰老师的《ES6标准入门》了，以前阅读时不细心，很多地方都是一目十行。最近这次阅读都是逐个逐个字来读
阅读全文
摘要：本文的目的就是要保证你彻底弄懂javascript的执行机制，如果读完本文还不懂，可以揍我。 不论你是javascript新手还是老鸟，不论是面试求职，还是日常开发工作，我们经常会遇到这样的情况：给定的几行代码，我们需要知道其输出内容和顺序。因为javascript是一门单线程语言，所以我们可以得出
阅读全文
摘要：前言 我只想面个CV工程师，面试官偏偏让我挑战造火箭工程师，加上今年这个情况更是前后两男，但再难苟且的生活还要继续，饭碗还是要继续找的。在最近的面试中我一直在总结，每次面试回来也都会复盘，下面是我这几天遇到的面试知识点。但今天主题是标题所写的66条JavaScript知识点，由浅入深，整理了一周，每
阅读全文
摘要：来自：掘金，作者：前端阿飞 链接：https://juejin.cn/post/7048963605462515743 高手区别于普通人的重要一点是，他们善于利用工具，把更多的时间留给了规划和思考。写代码也是同样的道理，工具用好了，你就有更多的时间来规划架构和攻克难点。今天就给大家分享一下当前最流行
阅读全文
摘要：Array=[]与Array.length=0的区别 可以画出下图。 得出结论：1、foo=[]实质上是创建了一个新数组，并将foo指向它，而bar.length=0操作的是原数组2、foo2=foo，foo2指向[1,2,3]不是通过先指向foo，而是直接指向这块内存，如果foo的指向发生变化，f
阅读全文
摘要：js编码解码decodeURI()与decodeURIComponent()的区别 1. 定义和用法 decodeURI() 函数可对 encodeURI() 函数编码过的 URI 进行解码。 decodeURIComponent() 函数可对 encodeURIComponent() 函数编码的
阅读全文
摘要：// Longhand switch (data) { case 1: data1(); break; case 2: data2(); break; case 3: data(); break; // And so on... } // Shorthand var data = { 1: data
阅读全文
摘要：计算两个给定日期之间的天数 const days = (date, otherDate) => Math.ceil(Math.abs(date - otherDate) / (86400000)); result = days(new Date('2020-04-15'), new Date('20
阅读全文
摘要：1、ID随机生成 当你执行原型制作并且需要唯一的ID时，此功能可以成为你的首选项。 const a = Math.random（）。toString（36）.substring（2）; console.log（a） 72pklaoe38u 2、生成一个范围内的随机数 在很多情况下，我们需要在一个范围
阅读全文
摘要：function transform(tranvalue) { try { var i = 1; var dw2 = new Array("", "万", "亿"); //大单位 var dw1 = new Array("拾", "佰", "仟"); //小单位 var dw = new Array
阅读全文
摘要：function uniqueId() { var a = Math.random, b = parseInt; return ( Number(new Date()).toString() + b(10 * a()) + b(10 * a()) + b(10 * a()) ); }
阅读全文
摘要：const arr = [1, 2, 3]; Math.max(…arr); // 3 Math.min(…arr); // 1
阅读全文
摘要：这个方法可以将对象转换为对象数组。 const data = { test1: 'abc', test2: 'cde', test3: 'efg' }; const arr = Object.entries(data); console.log(arr); /** Output: [ [ 'test
阅读全文
摘要：如果只在变量为 true 时才调用函数，可以使用 && 操作符。 //Longhand if (test1) { callMethod(); } //Shorthand test1 && callMethod(); 当我们创建了新变量，有时候想要检查引用的变量是不是为非 null 或 undefin
阅读全文
摘要：function isAvailableEmail(sEmail) { var reg = /^([\w+\.])+@\w+([.]\w+)+$/ return reg.test(sEmail) }
阅读全文
摘要：palindrome(回文)是指一个字符串忽略标点符号、大小写和空格，正着读和反着读一模一样。 如果给定的字符串是回文，返回true，反之，返回false。 注意:首先需要删除字符串多余的标点符号和空格，然后把字符串转化成小写来验证此字符串是不是回文。 1、先将字符串全部转换为小写 str1 = s
阅读全文
摘要：function getScrollOffset() { if (window.pageXOffset) { return { x: window.pageXOffset, y: window.pageYOffset } } else { return { x: document.body.scro
阅读全文
摘要：function getDateTime() { var date = new Date(), year = date.getFullYear(), month = date.getMonth() + 1, day = date.getDate(), hour = date.getHours() +
阅读全文