杂项javascript
javascript-1
js注释 多行注释 /* 这里是注释 */ 单行注释 //这里是注释 js中严格区分大小写 js中每一条语句以分号结尾，如果不写分号，浏览器会自动添加。 ......
[Javascript] Proxy - Snippets
Blog: https://dev.to/marclipovsky/discovering-the-power-of-javascript-proxy-after-all-this-time-4627 Lazy loading: const lazyLoadHandler = { get: func ......
简单总结JavaScript中的微任务和宏任务
在 JavaScript 中，任务被分为宏任务和微任务。 宏任务：常见的宏任务有 setTimeout、setInterval、I/O、UI 渲染等等。这些任务都是由浏览器或 Node.js 中的事件循环调度执行的，它们会被放入一个任务队列（task queue）中，等待执行。 微任务：常见的微任务 ......
[Javascript] Avoid mutation, Array.prototype.toReversed() vs reverse()
reverse()mutates the original array, return the reference point to the original array. The toReversed() method of Array instances is the copying count ......
[Javascript] avoid mutation: Array.prototype.toSpliced() vs splice()
Array.prototype.splice()mutates the original array. To avoid mutation, we use Array.prototype.slice(). new method Array.prototype.toSpliced() return a ......
[Javascript] Avoid mutation, Array.prototype.toSorted() vs sort()
sort(), mutates the original array, and return the reference to original array and sorted. The toSorted() method of Array instances is the copying ver ......
[Javascript] Array.prototype.with
Prevously, when we want to upate an item inside a array: const items = [ {id: 1, name: 'a'}, {id: 2, name: 'b'}, {id: 3, name: 'c'}, {id: 4, name: 'd' ......
前端进化笔记-JavaScript（二）
因为作者学过其他类c语言，就不对大家都熟悉的内容进行赘述了。 ###语法 JavaScript区分大小写 标识符：变量，函数，属性，函数参数的名称 第一个字符必须是字母，下划线（_），美元符号（$）； 关键字、保留字、true、false和null不能用作标识符 作者在后续阅读的过程中，发现对各种名 ......
JavaScript相关
Javascript基础 JavaScript, 是一门能够运行在浏览器上的脚本语言. 简称JS. 首先, Javascript这个名字的由来就很有意思, 不少人认为Javascript和Java貌似很像. 容易想象成Java的脚本. 但其实不然, 两者之间没有任何关系. 纯粹是商业碰瓷. ......
JavaScript
###JavaScript 1）是 Web 的编程语言，所有现代的 HTML 页面都可以使用 JavaScript。 2）html中位于 <script> 与 </script> 标签之间，JavaScript可放置在 HTML 页面的 <body> 和 <head> 部分中。 3）也可以把脚本保存 ......
javaScript基础之 --- 作用域和闭包
本文是我学习《你所不知道的javaScript上卷》的读书笔记的整理。 更多详细内容，请微信搜索“前端爱好者“， 戳我 查看 。 作用域和闭包 作用域是什么 javaScript工作原理中的角色 引擎 - 从头到尾负责整个javascript程序的编译及执行过程 编译器 - 负责语法分析及代码生成 ......
javascript基础
一。JavaScript使用场景 1.改变内容 getElementById() 是多个 JavaScript HTML 方法之一，使用该方法查找元素ID，并且可以使用( innerHTML)属性改变元素的内容 2.改变HTML属性 使用getElementById()的src属性改变src的值； ......
前端JavaScript的精确计算问题
问题发现 "47.900000" * "771.65" = 36962.034999999996 (错误) 36962.035 (正确) 问题定位 JavaScript 前端计算不精确(浮点数计算的精确问题) 问题解决 除法函数，用来得到精确的除法结果说明：javascript的除法结果会有误差，在 ......
JavaScript把数字转为汉字数字的function
function numberToChinese (num) { var digits = [ "", "一", "二", "三", "四", "五", "六", "七", "八", "九" ]; var units = ["", "十", "百", "千", "万"]; var chineseNu ......
JavaScript获取两个数组的差集
const arra = ['a', 'b', 'c', 'd', 'e']; const arrb = ['b', 'e']; console.log("some: " + arra.filter(v => !arrb.some((item) => item v))); console.log(" ......
JavaScript设计模式es6（23种)
每一种模式都是查阅各资料, 代码测试及思考总结而出，本文较长，希望对你有所帮助，如果对你有用，请点赞支持一把，也是给予我写作的动力 设计模式简介 设计模式代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软 ......
JavaScript二重数组去重方法，只是一维数组值不一样
var BasicArr = [ [1, 10002, 'lilan', '数学', 68], [2, 10001, 'nilan', '英语', 89], [3, 10002, 'lilan', '英语', 89], [4, 10003, 'lilan', '英语', 89], [5, 10001 ......
JavaScript怎么判断一个host是否在局域网中？
在JavaScript中，可以使用WebRTC API来判断一个host是否在局域网中。WebRTC API提供了一种用于在浏览器中进行实时通信的技术，其中包括了一些用于网络发现的API。下面是一个简单的实现： function checkLocalhost(callback) { var pc = ......
【FAQ】关于JavaScript版本的华为地图服务Map的点击事件与Marker的点击事件存在冲突的解决方案
一． 问题描述 创建地图对象，并添加marker标记，对map和marker均添加了点击事件； <body> <script> function initMap() { // 创建地图对象 const map = new HWMapJsSDK.HWMap(document.getElementByI ......
JavaScript方法获取屏幕缩放比例与分辨率
我们在开发一些前端页面的时候，会考虑到一些设备屏幕的兼容性问题，这个时候需要根据屏幕的分辨率以及缩放比例来进行实时的宽高设定，所以我总结了用JavaScript方法进行获取用户电脑屏幕的分辨率和缩放比例的数据： 获取屏幕缩放比例 //获取屏幕缩放比例 function getRatio() { va ......
JavaScript设计模式
JavaScript设计模式 设计模式概念 经过代码设计经验总结之后设计出的一种固定解决问题的方式 设计模式作用 代码复用 保证代码可靠性 将编程工程化 更易被他人理解 设计模式的分类(W3C平台) 构造器模式，模块化模式，暴露模块模式，单例模式，中介者模式，原型模式，命令模式，外观模式，工厂模式， ......
【学习笔记】组合数杂项笔记
$\binom{n}{m} = \frac{n}{m} \binom{n-1}{m-1}$ $\to$ 可以用来消去一些神秘的系数。 二项式定理： $(x+y)^n = \sum \limits_{i=1}^n \binom{n}{i} x^i y^{n-i}$ 帕斯卡三角递推：$\binom{n} ......
javascript import maps 特性现已被全部主流浏览器支持
值得庆祝 Import maps 特性现在可以在全部三个主要浏览器内使用 现在主流现代web 应用 引入和利用javascript 是通过 Es module 模块实现。 在开发javascript上，比起无模块化功能的旧版浏览器，现代浏览器支持模块化且提供了许多好用的功能 引入 es module ......
JavaScript 正则表达式
基本使用 //定义正则表达式 const reg = /^\d{4}-\d{1,2}-\d{1,2}$/; const str = "2020-11-11"; //验证字符串是否符合规则 reg.test(str); 元字符 ^ 表示开始部分等于xxx $ 表示结束部分等于xxx []表示字符串中存 ......
JavaScript 实现伽马算法
伽马函数是数学中的一个非常重要的函数，它在统计学、物理学等领域有广泛的应用，其中最重要的应用就在概率统计和计算机科学中。 接下来，我们来介绍如何使用JavaScript实现伽马算法。 递归实现 function gamma(x) { if (x 1) { return 1; } else { ret ......
JavaScript 基础问答
JavaScript数据类型有哪几种？ 一共有五种：number、string、object、boolean、undefined.其中最后一个是定义变量后没有赋值 介绍隐式类型转换 字符串+数字=字符串；字符串-数字=数字；+数字字符串=数字 null 经过数字转换之后会变为 0 undefined ......
前端进化笔记-JavaScript（一）
###简介： 实现：三部分 ecmascript语言核心 DOM文档对象模型 BOM浏览器对象模型 DOM：用于html的应用程序接口（API），把整个页面映射成一个多层节点结构。 例如： <html> <head> <title>sample page</title> </head> <body> ......
超级好用的Javascript技巧
1、动态加载JS文件 在一些特殊的场景下，特别是一些库和框架的开发中，我们有时会去动态的加载JS文件并执行，下面是利用Promise进行了简单的封装。 function loadJS(files, done) { // 获取head标签 const head = document.getElemen ......
JavaScript学习
1、什么是JavaScript 是一门流行的脚本语言 一个合格的后端人员，必须精通JavaScript 2、快速入门 2.1、引入 内部标签 <script> //... </script> 外部引入 abc.js //... test.html <script src="abc.js"></scr ......
Javascript数据类型
值类型和引用类型 原始类型(alias: 值类型，基础类型) primitive: string number boolean null undefined symbol 引用类型: Object 其他内置Object派送类型 Array Function Map Set WeakMap WeakS ......