随笔分类 - javascript
摘要：数组遍历 forEach 函数与 map 相似，但是它不返回结果，而是为每个元素运行该函数并丢弃结果。 实际上，重要的部分是调用函数的副作用。 例如，将每个元素同步打印到控制台 const arr = [1, 2, 3]; arr.forEach((i) => { console.log(i); }
阅读全文
摘要：闭包（closure）是掌握JavaScript从人门到深入一个非常重要的门槛，它是JavaScript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。下面写下我的学习笔记~ 闭包-无处不在 在前端编程中，使用闭包是非常常见的，我们经常有意无意，直接或间接用到了闭包。闭包可以使传递数据更
阅读全文
摘要：前言 数组去重是一个老生常谈的话题，也是前端童鞋在面试时的一道高频题。本文将深入的探索数组去重的原理及实现，为各位小伙伴提供多种可以反手“调戏”面试官的解决方案。 话不多说，上去就来一梭子... 数组去重核心原理 价值100W的核心原理上来就给你了...，记得留言点赞鸭！ 一般我们都会创建临时变量t
阅读全文
摘要：JavaScript 是一种易于学习的编程语言，编写运行并执行某些操作的程序很容易。然而，要编写一段干净的JavaScript 代码是很困难的。 在本文中，我们将研究如何降低函数复杂度。 将重复的代码移到同个位置 我们应该将重复的代码提取出来，合并放到同个位置，这样当有需要修改的，我们只需要改一个地
阅读全文
摘要：内置对象：对象是由属性和方法组成的,使用点语法访问 品牌vi设计公司http://www.maiqicn.com 办公资源网站大全https://www.wode007.com 一，array数组 1. 特点： 数组用于存储若干数据,自动为每位数据分配下标,从0开始 数组中的元素不限数据类型,长度可
阅读全文
摘要：下面就详细介绍四种方法获取><li id="getId" >"122" >"11">获取id</li>，需要获取的就是>dtat-vice-id的值 一：getAttribute()方法 const getId = document.getElementById('getId'); // //get
阅读全文
摘要：ES6中引入了延展操作运算符（...）。 延展操作运算符将可迭代的对象扩展为其单独的元素，可迭代对象是可以使用 for 循环进行循环的任何对象。 可迭代的示例：Array，String，Map，Set，DOM节点。 1.在log中使用延展操作运算符 你可以在 console.log 中对可迭代对象使
阅读全文
摘要：介绍 Composition API的主要思想是，我们将它们定义为从新的 setup 函数返回的JavaScript变量，而不是将组件的功能（例如state、method、computed等）定义为对象属性。 案例对比 下面是一个经典的vue2的计数器案例. //Counter.vue export
阅读全文
摘要：我们面试中经常会遇到排序算法问题，我整理了冒泡排序、选择排序、插入插排等常见简单排序方法。希望此文想对了解排序的前端同学有所帮助。 封装排序数组 为了简单高效演示算法的实现思路，我先封装一个构造函数。以下排序我们默认都是从小到大排序，因为不论从大到小或者从小到大思路都一样。 function Arr
阅读全文
摘要：学习 babel 时，遇到的问题，使用旧版本 babel 命名规则安装后运行报错，初步查找到原因是因为 babel 各个preset和plugin新旧不同版本之间存在兼容问题，提示使用 npx babel-upgrade 可以自动升级，但是我升级失败了，提示解析错误，后来看到了这篇文章，问题得以解决
阅读全文
摘要：toExponential() // 把对象的值转换为指数计数法。 var num1 = 1225.30 var val = num1.toExponential(); console.log(val) // 输出： 1.2253e+3 toFixed() // 把数字转换为字符串，并对小数点指定位
阅读全文
摘要：ESLint 先说是什么：ESLint 是一个检查代码质量与风格的工具，配置一套规则，他就能检查出你代码中不符合规则的地方，部分问题支持自动修复。 使用这么一套规则有什么用呢？如果单人开发的话倒是没什么了，但是一个团队若是存在两种风格，那格式化之后处理代码冲突就真的要命了，统一的代码风格真的很重要！
阅读全文
摘要：转Boolean类型 !!'a' 通过两个取反，可以强制转换为Boolean类型。 转Number类型 // String转化为Number console.log(+'45'); // 日期输出时间戳 console.log(+new Date); parseInt ~~，这种方法还可以将字符串转
阅读全文
摘要：函数是实现程序功能的最基本单位，每一个程序都是由一个个最基本的函数构成的。写好一个函数是提高程序代码质量最关键的一步。本文就函数的编写，从函数命名，代码分布，技巧等方面入手，谈谈如何写好一个可读性高、易维护，易测试的函数。 命名 首先从命名说起，命名是提高可读性的第一步。如何为变量和函数命名一直是开
阅读全文
摘要：pull和push，是在软件中消费数据的两种方式，它们描述了数据生产者（或持有者）与数据消费者之间是如何通讯的。过去我们肯定了解过它们，不过可能会在编程中会忽略它们之间的区别与联系，本篇文章希望帮助大家理解这两者的区别于联系，从而在编程中有意识地分辨与选择它们。 我们可以用一个现实生活中的例子来理解
阅读全文
摘要：前言 大家在工作中肯定有没有遇到过图片尺寸和我们要求的尺寸不一致的情况吧？通常我们会在网上找一下找在线的或者下载一个小工具，再或者通过 ps 的批处理解决。但是，作为 程序猿 ，当然还是通过代码来解决这种小问题啦。所以，闲话不多说啦，开始写我们的代码啦~~ 简单的搭建一下 新建一个 canvas-i
阅读全文
摘要：在JavaScript中执行当用户按下Enter键位时将用户输入的字符倒叙输出! html代码: <body> <form id="form1" runat="server"> <div id="div1"> 请输入:<input type="text" id="txt" onkeydown="En
阅读全文
摘要：前言 在疫情期间，上班族开启了远程办公，体验了各种远程办公软件。老师做起了主播，学生们感受到了被钉钉支配的恐惧，歌手们开启了在线演唱会，许多综艺节目也变成了在线直播。在这全民互动直播的时期，我们来聊聊互动直播中的即时通讯技术在前端中的使用。 即时通讯技术 即时通讯（Instant Messaging
阅读全文
摘要：在项目中用 require('./Download.vue') 引入一个组件的时缺少.default 会报错： Failed to mount component: template or render function not defined <template> <div id="app"> <
阅读全文
摘要：看到这个标题，一部分同学的第一反应可能是，又是这个老套的问题，人家都讲过好多遍了你还讲。同学，你想错啦。我可不是在炒冷饭。今天我们要从这个问题，延伸出更多的知识，保证超出你的预期。让我们开始吧。 我记得我第一次看到这个题目的时候，感觉很吃惊，也很好奇；wow，还可以这样吗？这激起了我很大的兴趣去了解
阅读全文
浙公网安备 33010602011771号