JavaScript
Javascript之V8内存和垃圾回收讲解
1 Javascript内存 1.1 Javascript引擎 常见JavaScript引擎有V8，JavaScriptCore，TraceMonkey，JScript。JavaScript在不同引擎中的内存模型实现不同，其中V8引擎开源且市占率远高于其它引擎，因此本文将围绕V8进行讲解。 在学习之 ......
什么是 RUM JavaScript
RUM JavaScript 指的是一种用于网页性能监测的 JavaScript 代码，它能够在用户访问网站时记录用户的行为和页面性能数据，并将这些数据发送给RUM（Real User Monitoring，实时用户监测）系统进行分析和展示。 RUM JavaScript 通常通过在网页的头部或底部 ......
JavaScript 函数 window.matchMedia 的用途
以下是window.matchMedia()函数的基本语法： var mediaQueryList = window.matchMedia(mediaQueryString); 其中，mediaQueryString是一个字符串，表示要检查的媒体查询条件。例如，要检查当前设备的屏幕宽度是否小于某个值 ......
javascript的基础知识
1.声明与变量 let声明的变量可以多次赋值 let 变量名 = 值； const修饰叫常量，只能赋值一次，但是引用的值可以改变 var声明的变量可以多次赋值 结论：能用let不用var ，因为作用域的问题 2.基本类型和对象类型 undefined 和 null undefined 指 未定义的对 ......
学习 React 需要具备的 JavaScript 知识
学习 React 之前，你需要学习 JavaScript，因为 React 是基于 JavaScript 的，所以你需要了解 JavaScript 的基础知识，这样你才能更好地理解 React 的工作原理。本文将帮助你了解 JavaScript 的基础知识，以便你可以更好地学习 React。 ......
SAP UI5 本地开发如何实现 XML 和 JavaScript 代码的自动完成和嵌入式 API 文档自动显示
文章目录 本文写作动机 XML 视图元素的文档显示 控制器里 JavaScript 代码的 API 文档 JavaScript 控制器代码里方法的自动提示和补全功能 UI5 Explorer XML 视图里元素名称的自动提示和自动完成 sap.ui.define 里导入其他 SAP UI5 库模块的 ......
系统化学习前端之JavaScript（02）
前言 学习了 JavaScript，如何关联 HTML 和 CSS 呢？没错，DOM 就是干这个的。 DOM Document Object Model，文档对象模型，专门操作网页内容的 API 标准。 DOM 操作页面内容 网页内容是由多个 DOM 元素以树结构组合而成，也称为 DOM tree。 ......
JavaScript 大文件上传解决方案(500M以上)
以ASP.NET Core WebAPI 作后端 API ，用 Vue 构建前端页面，用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult uploa ......
JavaScript ES modules import and export with trailing commas All In One
JavaScript ES modules import and export with trailing commas All In One
JavaScript 最佳实践
export + trailing commas
......
javascript 高级编程系列 - Set集合与Map集合
ES6中新增的Set集合类型是一种有序列表，其中含有一些相互独立的非重复值，通过Set集合可以快速访问其中 的数据，更有效地追踪各种离散值。 1. 创建Set集合并添加元素 调用new Set()创建Set集合，调用add()方法向集合中添加元素，访问集合的size属性可以获取集合中目前的 元素数量 ......
系统化学习前端之JavaScript（01）
系统化梳理JavaScript，包括 js基础语法，11 个内置对象（String，Number，Boolean，RegExp，Date，Error，Array，Function，Object，Global，Math）等。 ......
vue全家桶进阶之路2：JavaScript
JavaScript（简称“JS”）是当前最流行、应用最广泛的客户端脚本语言，用来在网页中添加一些动态效果与交互功能，在 Web 开发领域有着举足轻重的地位。JavaScript 与 HTML 和 CSS 共同构成了我们所看到的网页，其中： HTML 用来定义网页的内容，例如标题、正文、图像等； C ......
javascript 高级编程系列 - Axios
Axios 是一个基于 promise 网络请求库，作用于node.js 和浏览器中。在服务端它使用原生 node.js http 模块, 而在客户端 (浏览端) 则使用 XMLHttpRequests。 从浏览器创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 ......
JavaScript学习笔记
JavaScript学习笔记 操作属性 获取标签 querySelector（‘CSS选择器’）返回一个元素对象，可以直接操作；找不到返回null； querySelectorAll（‘CSS选择器’）返回一个伪数组，需要遍历得到对象再操作； 注意：参数必须加引号（字符串），参数必须是CSS选择器； ......
JavaScript 汉字字符串占一个长度问题解决
const str = '你好，世界！'; const length = Array.from(str).reduce((acc, cur) => acc + (cur.charCodeAt(0) > 255 ? 2 : 1), 0); console.log(length); // Output: ......
CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
网上查应该是node导致的内存溢出，64位电脑默认1.4G，32位电脑默认0.7G 在package.json 中的 Scripts 中添加 node 的参数 "scripts": { "serve": "node --max_old_space_size=10240 node_modules/@v ......
javascript 高级编程系列 - 箭头函数
箭头函数是一种使用用箭头(=>)定义函数的新语法，它不同于传统的javascript函数。 没有this, super, arguments 和 new.target绑定: 箭头函数中的this, super, arguments, 及new.target 这些值由外围最近一层非箭头函数决定。 不能 ......
javascript中的var,let,const区别
const: 这个最简单，只需记住是声明的常量，定义的时候必须声明const的具体值，且之后不允许改变const的值 var和let区别 1、由于js引擎存在预解析，会把var变量名进行提升 对于var来说是这样执行的 var m; console.log(m); m=10; let不存在变量提升， ......
对JavaScript原型链结构和作用的简单分析
首先是分析一下主要零件（对象，函数对象），再分析他们的连接方式。就可以很直观的理解原型链了。 一、对象 每个对象都有一个constructor属性; 指向其构造函数。 还有一个__proto__属性 ; 指向其构造函数的原型对象。 因此一个普通对象大概长这个样子 二、函数对象 函数对象也是对象,因此 ......
javascript 学习笔记2
参考资料：https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript/Building_blocks 条件语句： if (choice 'sunny') { para.textContent = '阳光明媚。穿上短裤吧！去海滩，或公园，吃个冰淇 ......
javascript 学习笔记
参考资料：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript JavaScript 调试器： https://develop ......
JavaScript 超大文件上传解决方案:分片断点上传(一)
IE的自带下载功能中没有断点续传功能，要实现断点续传功能，需要用到HTTP协议中鲜为人知的几个响应头和请求头。 一. 两个必要响应头Accept-Ranges、ETag 客户端每次提交下载请求时，服务端都要添加这两个响应头，以保证客户端和服务端将此下载识别为可以断点续传的下载： Accept-R ......
JavaScript 基础
JavaScript 01、JavaScript 概述 一、hello world 学习所有编程语言编写第一个程序的时候，都习惯性地编写 "hello world" 程序，学习 JavaScript 也是一样。作为我们编写的第一个 JavaScript 程序，我们将代码写在 html 这个文档中，b ......
JavaScript 原型链
// linking prototype objects to build a prototype chain_proto_ vs Object.getPrototypeof(obj) Object.setPrototype0f(obj) //1. obj --> otherProto.protot ......
JavaScript 浏览器打断点 Debugging
1. 下面我们看一个例子，这里是5+1=6，但是结果是51 console.log效率会比较低 2. debug可以暂停代码，和查看变量，按F12，看Sources 3. 展开鼠标类型，事件监听 em.....，说得有点笼统了 ......
IT工具知识-15：在Chrome中通过Javascript获取B站合集视频选集名称及时长.
0.所需工具 chrome内核浏览器(我这里用的edge chromium) 1.操作步骤 打开b站视频链接(带选集的那种) 按下f12 点击控制台(Console) 在下面输入框输入以下代码 var box=document.getElementsByClassName('video-sectio ......
JavaScript对象中常见的方法和不常见的方法
常见的方法： Object.assign() - 将一个或多个对象的属性复制到目标对象。 Object.keys() - 返回对象中所有属性的名称。 Object.values() - 返回对象中所有属性的值。 Object.entries() - 返回对象中所有属性和对应值的键值对数组。 Obje ......
JavaScript学习--splice()函数详解
https://blog.csdn.net/weixin_45726044/article/details/120151153 splice()函数详解splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组，并以数组形式返回被修改的内容。此方法会改变原数组。 参数： index ......
设计模式-javascript实现【代理模式】
定义： 代理模式是为一个对象提供一个代用品或占位符，以便控制对它的访问。 1. 代理模式的实现 const Flower = function(){}; const xiaoming = { sendFlower: function(target){ const flower = new Flowe ......
设计模式-javascript实现【设计原则】
1. 单一职责原则（SRP原则） 单一职责原则的职责被定义为“引起变化的原因”。如果我们有两个动机去改写一个方法，那么这个方法就具有 两个职责。每个职责都是变化的一个轴线，如果一个方法承担了过多的职责，那么在需求变迁过程中，需要改 写这个方法的可能性就越大。 因此，SRP原则体现为：一个对象（方法） ......