随笔分类 - javascript基础
摘要：1、生成随机颜色 const generateRandomHexColor=()=>`#${Math.floor(Math.random() * 0xffffff).toString(16)}` console.log(generateRandomHexColor()) 2、数组重排序 const
阅读全文
摘要：今天看视频偶然看到讲课老是用到reduce()方法，以前好像基本没有用过，于是查阅一下文档，学习一下 定义和用法： reduce()方法可以接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值 reduce()可以作为一个高阶函数，用于函数的compose 注意：reduce
阅读全文
摘要：可以将条件保存在键值对像仲，根据条件使用 // 常规用法 switch (data) { case 1: test1(); break; case 2: test2(); break; case 3: test(); break; // And so on... } // 简写之后 var data
阅读全文
摘要：简单的复制功能 var text = '被复制的内容'; if (navigator.clipboard) { // clipboard api 复制 navigator.clipboard.writeText(text); } else { var textarea = document.crea
阅读全文
摘要：1、输入一个值，返回其数据类型 function type(para){ return Object.prototype.toString.call(para); } 2、数组去重 function unique1(arr){ return [...new Set(arr)]; } function
阅读全文
摘要：html： <div class="mydiv1"></div> css： .mydiv1 { width: 100px; height: 100px; background: red; position: absolute; } js： let mydiv1 = document.querySel
阅读全文
摘要：前段时间准备换工作，去面试，被问到有没有自己实现过图片压缩，很尴尬，确实没有。于是，刚好有时间，就自己简单记录一下 html： <input type="file" accept="image/*" @change="changeFile($event)" /> js： changeFile(e)
阅读全文
摘要：AMD规范这个词好久之前一直有看到，可是一直没有去了解是什么，今天突然想起CommonJS，于是一起做一下了解 1、由来： node应用由模块组成，采用的就是commonjs模块规范。每个文件就是一个模块，有自己独立的作用于、变量、方法等。commonjs规范规定，每个模块内部，module变量代表
阅读全文
摘要：刚好最近做个pc端官网项目，内容展示不是很丰富，于是就想着给加点效果，就在数字展示上面做了手脚 <label id="num1" data-to="3000" data-speed="1500">0</label><label>+</label> numAdd("num1"); //数字叠加效果 f
阅读全文
摘要：合并多维数组，网上有挺多例子，可惜都不是我需求的模样，于是自己花了点时间整理了一下出来 思路比较清晰，看到多维，想到的方法便是降维，于是，利用了对象键值对的关系用来做判断 直接上代码了：例子只考虑了两个列表都有数据的情况，其他情况就加一下简单判断就行了 let arr1=[ { name:"测试1"
阅读全文
摘要：1、css一行文本超出... overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 2、多行文本超出显示... display: -webkit-box; -webkit-box-orient: vertical; -webki
阅读全文
摘要：1、防抖，触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次出发，则重新计算时间。 const debounce = (fn, time) => { let timeout = null; return function() { clearTimeout(timeout) timeout
阅读全文
摘要：1、多重判断时使用Array.includes 例子： function test(fruit) { if (fruit == 'apple' || fruit == 'strawberry') { console.log('red'); } } 对比： function test(fruit) {
阅读全文
摘要：首先，看了鑫大佬的文章后，百度了文章内容的两个方法： 1、CustomEvent事件是有程序创建的，可以有任意自定义功能的事件 2、dispatchEvent()方法给节点分派一个合成事件 这两个方法之前也见过，不过并没有去了解，这次刚好又看到，就简单了解一下。好了，直接进入正文 一、addEven
阅读全文
摘要：1、使用Array.includes来处理多个条件 一般写法： function test(fruit) { if (fruit == 'apple' || fruit == 'strawberry') { console.log('red'); } } 使用Array.includes重写： fu
阅读全文
摘要：在触屏设备下，要判断是单指还是多指操作，可以通过event.touches数组对象的长度判断 例如： document.addEventListener('touchstart',function(event){ var touches = event.touches; if(touches.len
阅读全文
摘要：记录分享一篇鑫哥的格式化日期 /* ** 时间戳转换成指定格式日期 ** eg. ** dateFormat(11111111111111, 'Y年m月d日 H时i分') ** → "2322年02月06日 03时45分" */ var dateFormat = function (timestam
阅读全文
摘要：正常我们上次图片 html <input @change="toBase64($event)" type="file" accept="image/*" /> js toBase64(e){ let that = this; let files = e.target.files[0]; let re
阅读全文
摘要：数组的浅拷贝： 可以利用数组的一些方法，比如：slice、concat返回一个新数组的特性俩实现拷贝 var arr = [{old: 'old'}, ['old']]; var new_arr = arr.concat(); arr[0].old = 'new'; arr[1][0] = 'new
阅读全文
摘要：今天看到一道题，把一个嵌套的数组扁平化于是想到es6有这么一段操作 Array.prototype.flat()用于将嵌套的数组“拉平”，变成一维数组。该方法返回一个新数组，对原数据没有影响 而且flat()默认只会“拉平”一层，如果要处理多层的嵌套数组，可以将flat()方法的参数写成一个整数 [
阅读全文
浙公网安备 33010602011771号