13 天前 / leveryd
背景两周前，我遇到一个挺有意思的 xss，过滤了很多符号，包括 =()`[]等。 我将此问题抽象成 ctf 题目 [1]，题目源码公开在 github[2]。 前两天在 题目评论 [3] 中看到有师傅把答案贴出来了，我就说一下这个案例。 测试时遇到的问题实际测试时遇到的问题，也是题目中有两个比较难的地方： * javascript 不用=()`[]等符号，怎么调用函数？ * javascript 不用=()`[]等符号，怎么调用函数，并且带上参数？ 第一个问题简单一点：在发生类型转换时，会执行 valueOf 或者 toString 属性值指向的函数。
17 天前 / 太空编程
一些必要的概念纯函数（Pure Function）Pure function 意指相同的输入，永远会得到相同的输出，而且没有任何显著的副作用。 纯函数就是数学里的函数，这也是函数式编程的全部。 副作用副作用是在计算结果的过程中，系统状态的一种改变，或是外部世界可观察的交互作用。 副作用可以包含，但不限于： 更改文件系统在资料库写入纪录 发送一个 http 请求 状态变化 打印到屏幕 / log DOM 查询 存取系统状态 概括来说，任何 function 与外部环境的交互都是副作用。 柯里化（curry）使用更少的参数调用一个函数，返回一个接受剩余参数的函数。
18 天前 / 桃源小盼聊技术
为什么是事件循环机制，而不是别的机制？js 主线程要做各种类型的任务，例如：dom 事件、布局计算、js 任务、用户输入、动画、定时器。 如何解决未来的新任务？各种事件不可能是同一时间执行，会在未来产生新的事件，所以就需要有一个机制像前台接待员一样，一直守在那里，时刻检测是否有新任务了，一有新任务就执行它，这就是事件循环机制。 123while(true) { doSomething()}如何解决积攒的新任务？新任务太多了，前台接待员无法同时处理多个任务，只能让大家排队了，这就是任务队列机制。
22 天前 / 高飞
计算机科学中只有两个难题：缓存失效和命名。—— Phil Karlton 任何人都能写出计算机能够理解的代码，只有好程序员才能写出人能够理解的代码。—— Martin Flower 好的代码读起来如同在读一段文章： functionstartEditing(){ if(user.canEdit(currentDocument)){ editorControl.setEditMode(true); setButtonDown(btnStartEditing); } } "牛逼"的代码五花八门，这里来段非常牛逼的大家感受下： constjohn=newLady('lily'); console.log(john.name);//当看到控制台输出"rose"你是什么感受？ 再看一个变量名逐步迭代的过程： //bad constfruit=['apple','ba...
29 天前 / DTeam
主页文章雷达镜像关于标签总访问 总人气浅谈 babel小纪同学 Posted at — Jun 29, 2021阅读 什么是 babel？babel 是一个 Javascript 编译器，是目前前端开发最常用的工具之一，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境。 a 1;a.b;//babel转换后"use strict";var _a;(_a = a) !== null && _a !== void 0 _a : 1;(_a2 = a) === null || _a2 === void 0 void 0 : _a2.b;可以在babel官网自己测试。 babel 的用途转译 esnext、typescript、flow 等到目标环境支持的 js。
36 天前 / 冷星1024
//每日前端夜话第 561篇 //正文共：4200字 //预计阅读时间：12分钟 我想用 model-view-controller[1] 架构模式在纯 JavaScript 中写一个简单的程序，于是我这样做了。希望它可以帮你理解 MVC，因为当你刚开始接触它时，它是一个难以理解的概念。 我做了这个 todo 应用程序 [2]，这是一个简单小巧的浏览器应用，允许你对待办事项进行 CRUD（创建，读取，更新和删除）操作。它只包含 index.html、style.css 和 script.js 三个文件，非常简单，无需任何依赖和框架。
42 天前 / 隐逸王
这么一解释的话，上面数组的排序可以作一下理解： 首先，将数组里的数字逐个转换为字符串，得到 ['49', '5', '14', '89', '71', '3', '10'] 。 再按照首位的字符的 Unicode 位点来算的话： 1 的编码在 3 之前，所以 10 和 14 排在了 3 之前 3 的编码在 4 之前，所以 49 排在了 3 的后面 …… 如果首位字符的编码相同，则比较第二位字符的编码，比如 10 排在了 14 之前（0 和 4 的比较结果） 道理貌似是通了，但是这不是我想要的结果，看来还是得靠比较函数 compareFunction ，我们来看看这个 compareFunction 到底是何方神圣。
45 天前 / 博文视点Broadview
本文作者《JavaScript 二十年》译者 王译锋 一门科学的历史，就是这门科学本身。——歌德时至今日，JavaScript 对前端工程师的重要性已无需多言。甚至有些同学已经达到了通读语言标准，对 ECMA-262 规范熟捻于心的水平。然而即便如此，很多同学仍然将编程语言作为一种源自权威的、教条式的、纯应用层面的工具来看待，对背后所能延伸出的广阔领域不求甚解，更不认为自己有条件参与到这项技术的演化之中。这其实是颇有些遗憾的。
49 天前 / 魔笛手CTO
提起 JSON，作为如今最受欢迎的数据交换格式，可以说是无人不知、无人不晓了。 JSON 全称 JavaScript Object Notation（ JS 对象简谱），自诞生之初的小目标就是为了取代 XML 的江湖地位，短短几年，凭借其简洁易用的特性，早就实现了当初的小目标。最近微信支付的数据格式从最初的 XML 更新为 JSON 也算是迷途知返了。 因为 JavaScript 语言本身具有很明显 C 语言风格，导致 JSON 也保持了 C 系语言的习惯，熟悉 C 语言、Java、Python 等语言的开发人员可以很容易的接受 JSON。
53 天前 / 数栈DTinsightu580540
JavaScript 代码运行 以大家开发常用的 Chrome 浏览器或 Node 举例，我们的 JavaScript 代码是通过 V8 运行的。但 V8 是怎么执行代码的呢？当我们输入 const foo = {foo:'foo'} 时 V8 又做了什么？笔者先抛出以上问题，我们接着往下看。 JavaScript 存储 在代码运行时，最重要的前提便是有一个能够存储状态的地方，这便是我们所述的堆栈空间。 我们的基础类型是保存在栈中的，会自动进行回收；而复合类型是保存在堆中的，通过 GC 操作进行空间释放。
57 天前 / semlinker
在 JavaScript 中如何实现并发控制？这篇文章中，阿宝哥详细分析了 async-pool 这个库如何利用 Promise.all 和 Promise.race 函数实现异步任务的并发控制。之后，阿宝哥通过 JavaScript 中如何实现大文件并行下载？这篇文章介绍了 async-pool 这个库的实际应用。 本文将介绍如何利用 async-pool 这个库提供的 asyncPool 函数来实现大文件的并发上传。相信有些小伙伴已经了解大文件上传的解决方案，在上传大文件时，为了提高上传的效率，我们一般会使用 Blob.slice 方法对大文件按照指定的大小进行切割，然后通过多线程进行分块上传...
58 天前 / Dunizb
WebHID，WebNFC 和 WebUSB 开辟了新的途径，可以与用户用于 Web 应用程序的设备硬件进行交互。 你是否遇到过需要访问用户的设备硬件，并只为该功能实现一个桌面应用程序？你并不孤单。直到最近，实现上述目的的方式还很牵强和麻烦。然而，随着最近 Chrome DevTools 的更新，使用 JavaScript 与硬件对话已经成为现实。 因此，在本文中，我将介绍三个新的 JavaScript API，即 WebHID，WebNFC 和 WebUSB 可用于设备硬件访问。让我们分别看一下这些技术。
69 天前 / 青年码农
关注“青年码农”，回复“特效“ 获取各种资料粒子特效、可视化等源码 前面我们说了“JavaScript 的数据类型”，只是简单的说了有几种数据类型，并没有详细说明它们有什么区别。下面我们就从变量的内存分配、复制值、传递值分析。 基本类型和引用类型 JavaScript 数据类型目前是有 8 种，在大的方向可以分为两种，一种是基本类型，另外一种是引用类型。 基本类型 基本类型也称为原始数据类型，基本数据类型有 7 种，number、string、boolean、null、undefined，symbol(ES6)，bigint(ES10) 引用类型 引用类型统称为 object 类型...
73 天前 / Dunizb
语音识别是计算机科学和计算语言学的一个跨学科子领域。它可以识别口语并将其翻译成文本，它也被称为自动语音识别（ASR），计算机语音识别或语音转文本（STT）。 机器学习（ML）是人工智能（AI）的一种应用，它使系统能够自动学习并从经验中进行改进，而无需进行明确的编程。机器学习在本世纪提供了大多数语音识别方面的突破。如今，语音识别技术无处不在，例如 Apple Siri，Amazon Echo 和 Google Nest。 语音识别以及语音响应（也称为语音合成或文本到语音（TTS））由 Web speech API 提供支持。
77 天前 / pingan8787
岳鹰全景监控，是阿里 UC 官方出品的先进移动应用线上监控平台，为开发者及企业提供一套完整的移动应用线上质量监控解决方案。岳鹰 WEB 前端监控，可实时监控页面性能、JS 异常、资源加载异常、API 成功率、自定义错误等异常情况。本文通过岳鹰前端监控 SDK 的实际案例，介绍如何基于 JavaScript 来开发 SDK，并分享一些设计原则以及实现技巧。 SDK 是什么 SDK 全称是“Software Development Kit”，直译就是软件开发工具集。说的再通俗点就是一个面向开发者，针对特定领域的软件包。比如 Java SDK（JDK），就是一个 Java 领域的软件包。