随笔分类 - javascript
摘要：一、for...in引发的一个报错 两年前写的一个文章目录生成插件vue-outline，一直用着没出啥问题（本站的文章目录也是用该插件生成的）。但是最近一个网友在使用的时候却出现了异常报错，异常代码使用了一个for...in遍历数组： for (let idx in selectors) { le
阅读全文
posted @ 2021-08-16 20:28
陌路y
摘要：前端开发最重要的部分之一是通过发出HTTP请求与后端进行通信，我们有几种方法可以异步地在JavaScript中进行API调用。 几年前，大多数应用程序都使用Ajax发送HTTP请求，Ajax代表异步JavaScript和XML。但是现在，开发人员通常会决定在 .fetch() API和Axios之间
阅读全文
posted @ 2021-08-16 20:27
陌路y
摘要：之前有很多人问学好前端需要学习哪些 js 库, 主流框架应该学 vue 还是 react ? 针对这些问题, 笔者来说说自己的看法和学习总结. 首先我觉得在学习任何知识之前必须要有一个明确的学习目标, 知道自己为什么要学它, 而不是看网上说的一股脑的给你灌输各种知识, 让你学习各种库, 从而不断的制
阅读全文
posted @ 2021-08-16 20:26
陌路y
摘要：索引类型 下面我通过一个官方的例子来说明下什么是索引类型： function pluck(o, names) { return names.map((n) => o[n]) } 这是个简单的函数，names 是一个数组，里面是 key 值，我们可以从“o”里面取出这些 key 值，理想情况下 nam
阅读全文
posted @ 2021-08-16 20:25
陌路y
摘要：一、拦截器InterceptorManager 遇见这个需求，或许从axios文档中，我们第一时间想到的就是InterceptorManager。 axios.interceptors.request.use(req => { // todo 加密 }) axios.interceptors.res
阅读全文
posted @ 2021-08-16 20:24
陌路y
摘要：写在前面 工欲善其事，必先利其器，本文之器非器具之器，乃容器也，言归正传，作为一个前端打工人，左手刚 const 定义常量，忠贞不二，转头就 new 几个对象，玩的火热，真是个优秀的 jser，风骚的操作背后，必有日夜不辍的 QWER，外加一个走 A，废话不多说，浏览器内核是啥玩意？还不知道都有啥浏
阅读全文
posted @ 2021-08-16 20:23
陌路y
摘要：1.返回值 forEach()方法返回undefined ，而map()返回一个包含已转换元素的新数组。 const numbers = [1, 2, 3, 4, 5]; // 使用 forEach() const squareUsingForEach = []; numbers.forEach(x
阅读全文
posted @ 2021-08-16 20:21
陌路y
摘要：弹窗（popup）是向用户显示其他文档的最古老的方法之一。基本上，你只需要运行： window.open('https://JavaScript.info/') 它将打开一个具有给定 URL 的新窗口。大多数现代浏览器都配置为在新选项卡中打开 url，而不是单独的窗口。 弹窗自古以来就存在。最初的想
阅读全文
posted @ 2021-08-16 20:20
陌路y
摘要：在函数式编程中，Monad 是一种结构化程序的抽象，我们通过三个部分来理解一下。 Monad 定义 Monad 使用场景 Monad 一句话解释 Monad 定义 根据维基百科的定义，Monad 由以下三个部分组成： 一个类型构造函数（M），可以构建出一元类型 M<T>。 一个类型转换函数（retu
阅读全文
posted @ 2021-08-16 20:19
陌路y
摘要：正文 在Node.js中，内置了两个模块来进行模块化管理，这两个模块也是两个我们非常熟悉的关键字：require和module。内置意味着我们可以在全局范围内使用这两个模块，而无需像其他模块一样，需要先引用再使用。 无需 require('require') or require('module')
阅读全文
posted @ 2021-08-16 20:17
陌路y
摘要：前言 前后端数据交互经常会碰到请求跨域，什么是跨域，以及有哪几种跨域方式，这是本文要探讨的内容。 一、什么是跨域？ 1.什么是同源策略及其限制内容？ 同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSRF等攻击。所谓同源是指"协议+域名+端口"三
阅读全文
posted @ 2021-08-16 20:15
陌路y
摘要：前言 JavaScript从使用开初就一直基于事件循环的单线程运行模型，即使是成功进军后端开发的Nodejs也没有改变这一模型。那么对于计算密集型的应用，我们必须创建新进程来执行运算，然后执行进程间通信实现传参和获取运算结果。否则会造成UI界面卡顿，甚至导致浏览器无响应。从功能实现来看，我们可以通过
阅读全文
posted @ 2021-07-28 17:19
陌路y
摘要：最近在使用d3 zoom得时候 遇到一个小坑 直接对元素添加 zoom事件 会有很大得抖动，查文档 看代码之后发现是 由于元素在不断变化， 所以计算基础值也不不断变化，所以会导致计算出来得值 忽大忽小 从而造成抖动 解决办法 :在他父元素上添加事件 然后在子元素上添加style 方法 具体代码 _a
阅读全文
posted @ 2021-07-28 17:16
陌路y
摘要：animejs 是现如今非常不错的一个 js 动画库。我们将其与 react Hooks 融合，使它更方便的在 react 中使用。 最终效果： const Animate: React.FC = () => { const { animateTargetRef, animationRef } =
阅读全文
posted @ 2021-07-28 17:15
陌路y
摘要：1.回调函数 我们编写一个问候的函数，首先创建一个函数greet(name)，该函数返回欢迎消息： function greet(name) { return `Hello, ${name}!`; } greet('fly63'); // => 'Hello, fly63!' 如果要向一些人问候怎么
阅读全文
posted @ 2021-07-28 17:14
陌路y
摘要：模块化编程 在 JavaScript 引入模块化概念之前，当开发人员想要将代码封装时，需要创建多个文件并将这些文件链接为单独的脚本。作者为了说明这一点，创建了一个示例：index.html 文件和两个 JavaScript 文件，functions.js 和script.js。 index.html
阅读全文
posted @ 2021-07-28 17:11
陌路y
摘要：初识运动 1.停不下来 给定时器添加timer 来判断是否需要停止 2.到目的地，还能点击移动，把移动的代码放入else中 3.重复点击按钮会加速运动 是因为点一次就会启动一次定时器，多次就会启动多次 保证只有一个定时器在启动，启动一次就关闭上一次启动定时器 运动框架: ? 1 启动就关闭定时器?
阅读全文
posted @ 2021-07-28 17:10
陌路y
摘要：babel 本质上是个编译器，所以它所做的基本上就是编译器要做的事，为了避免对编译器的某些东西讲的太细，我们重点只要知道 babel 的工作流程就行了。 转换成AST 第一步可以说是是编译器的基本功能，通过解析器将原始代码转换成抽象语法树（AST），顾名思义就是描述语法的数据结构，一般在这一步编译器
阅读全文
posted @ 2021-07-28 17:09
陌路y
摘要：js 是种弱类型语言，对变量的类型没有限制。例如，如果我们使用字符串类型创建了一个变量，后面又可以为同一变量分配一个数字： let message = 'Hello'; // 分配一个字符串 message = 14; // 分配一个数字 这种动态性为我们提供了灵活性并简化了变量声明。 不好方面，我
阅读全文
posted @ 2021-07-28 17:01
陌路y
摘要：什么是 GPU.js？ GPU.js 是一个针对 Web 和 Node.js 构建的 JavaScript 加速库，用于在图形处理单元（GPGPU）上进行通用编程，它使你可以将复杂且耗时的计算移交给 GPU 而不是 CPU，以实现更快的计算和操作。还有一个备用选项：在系统上没有 GPU 的情况下，这
阅读全文
posted @ 2021-07-28 17:00
陌路y
浙公网安备 33010602011771号