轻量 轻量级javascript趣味

JavaScript 的优雅编程技巧:Singleton Pattern

## JavaScript 的优雅编程技巧:Singleton Pattern ### 定义 - `单例模式:保证一个类仅有一个实例,并提供一个访问的全局访问点。` ### 特点 1. `仅有一个实例对象` 2. `全局都可访问该实例` 3. 主动实例化 4. 延迟实例化 ### 类似单例模式的使用 ......

【Javascript】数组扩展方法:根据key重新分组

1 //数组扩展:根据key重新分组 2 //field:按什么字段分组 3 Array.prototype.GroupByKey = function ( field ) 4 { 5 var originalArr = this 6 let tempArr = [] 7 let resultDat ......
数组 Javascript 方法 key

JavaScript 笔记(二)事件循环机制

一、事件循环机制 1. 定义:事件循环是 JavaScript 中一种重要的异步执行机制。 2. 作用:管理和协调各种异步任务的执行顺序,保证 JavaScript 代码的执行顺序和预期一致。 3. 组成部分: 3.1 主线程(调用栈):执行任务; 3.2 任务队列:存放异步任务; 3.3 事件循环 ......
JavaScript 机制 事件 笔记

[Javascript] DOM alias $, $$

const $ = () => document.querySelector.call(this, arguments); const $$ = () => document.querySelectorAll.call(this, arguments); HTMLElement.prototype. ......
Javascript alias DOM

智能制造之路—从0开始打造一套轻量级MOM平台

一、概述 面对数字化浪潮,MOM需求迈入上升期,数字化从“可选项”变成了企业竞争“必选项”。制造行业每个工厂的生产逻辑都不尽相同,流程的梳理、数据统一化都需要调配很长时间。 对于制造企业来说一套快速构建业务的平台,看起来是解决制造行业“每个工厂生产逻辑不同”问题的良方。企业的数字化成长之路分为三个阶 ......
轻量 轻量级 智能 平台 MOM

javascript常用命令

1、数组通过映射得到某一个字段的数组 var arr = this.materials.map(item => item.originalId); 2、数组去重 var newArr = arr.filter(function(item,index){ return arr.indexOf(item ......
javascript 命令 常用

Python的布尔值转换为JavaScript的布尔值

在Python后端开发中,我们返回布尔值通常为True,False。而不是'true','false',但在JavaScript必须使用小写的true和false,且不是字符串。这时就必须在前端对数据进行转换了。 1. 后端返回 ``` {"status":200,"data":["show":Tr ......
布尔 JavaScript Python

javascript-js正则表达式-常用的正则表达式

js常用的正则表达式 1.匹配Email地址: const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/; 2.匹配URL: const urlRegex = /^(https?:\/\/)?([a-zA-Z0-9.- ......

使用 JavaScript 脚本来进行复杂的查询改写

有这么一个需求: > 网关里怎样对跨集群搜索进行支持的呢?我想实现: 输入的搜索请求是 `lp:9200/index1/_search` > 这个索引在 3 个集群上,需要跨集群检索,也就是网关能否改成 `lp:9200/cluster01:index1,cluster02,index1,clust ......
脚本 JavaScript

使用Javascript将Html字符串解析为DOM节点的3种方式

如果我们需要将下面这个Html字符串转换为一个DOM元素节点 ```javascript const htmlString = ` Hello World `; ``` 我们需要怎么做?其实有3种方法: 1. Range API 2. Template 3. DOMParser 下面,就分别说明一下 ......
节点 字符串 Javascript 字符 方式

[Javascript] How to fix iphone safari auto zoom in problem without `maximum-scale=1.0`

Solution 1: consider change font-size to 16px or above Soution 2: using javascript if(navigator.userAgent.indexOf('iPhone') > -1 ) { document .querySe ......

【cJSON】轻量级的C语言JSON解析器

# 1. JSON与cJSON ## JSON —— 轻量级的数据格式 [JSON](https://www.json.org/) 全称 JavaScript Object Notation,即 JS对象简谱,是一种轻量级的数据格式。 它采用完全独立于编程语言的文本格式来存储和表示数据,语法简洁、层 ......
轻量 轻量级 语言 cJSON JSON

Linux趣味随笔

某天不知道怎么操作,应该是输入LS, 然后linux 屏幕跑出一辆运行的火车。后面尝试去重现, 又不能复现。 所以搜了下网上类似的情况, 跟着步骤安装了sl 果然也重现了小火车,虽然和我当时的情况有点不一样,也记录下来,挺有趣的。 #sudo apt-get install sl (sl: stea ......
趣味 随笔 Linux

JavaScript

## 一、什么是JavaScript? 1.JavaScript(简称:JS)是一门跨平台、面向对象的脚本语言。是用来控制网页行为的,它能使网页可交互; 2.JavaScript和Java是完全不同的语言,不论是概念还是设计。但是基础语法类似; 3.JavaScript在1995年由Brendan ......
JavaScript

【技术积累】JavaScript中的基础语法【三】

博客推行版本更新,成果积累制度,已经写过的博客还会再次更新,不断地琢磨,高质量高数量都是要追求的,工匠精神是学习必不可少的精神。因此,大家有何建议欢迎在评论区踊跃发言,你们的支持是我最大的动力,你们敢投,我就敢肝 ......
语法 JavaScript 基础 技术

JavaScript 笔记 (一)

一、进程是什么?线程是什么? 1. 进程是 cpu 最小的资源分配单位;(是能拥有资源和独立运行的最小单位) 2. 线程是 cpu 最小的调度单位;(线程是建立在进程的基础上的一次程序运行单位,一个进程中可以有多个线程) 二、内存泄漏 1. 定义:指程序中已动态分配的堆内存由于某种原因导致内存未释放 ......
JavaScript 笔记

javascript 快排

function quickSort(arr){ //如果数组只有一个数,就直接返回; if(arr.length<1){ return arr; } //找到中间的那个数的索引值;如果是浮点数,就向下取整 var centerIndex = Math.floor(arr.length/2); // ......
javascript

【技术积累】JavaScript中的基础语法【二】

博客推行版本更新,成果积累制度,已经写过的博客还会再次更新,不断地琢磨,高质量高数量都是要追求的,工匠精神是学习必不可少的精神。因此,大家有何建议欢迎在评论区踊跃发言,你们的支持是我最大的动力,你们敢投,我就敢肝 ......
语法 JavaScript 基础 技术

远雀项目管理,极简轻量级项目协同工具,免费项目管理系统

极简项目协同工具,免费项目管理系统,提供:任务协同、计划管理、周报日报、需求管理、问题管理、共享网盘、在线Excel、钉钉/飞秋/邮件通知、一键部署 ......

JavaScript:将对象数组映射到字典

JavaScript:将对象数组映射到字典 #javascript#打字稿#数据 在 JavaScript / TypeScript 中将对象数组转换为字典的最简单方法: let data = [ {id: 1, country: 'Germany', population: 83623528}, ......
数组 字典 JavaScript 对象

【技术积累】JavaScript中的基础语法【一】

博客推行版本更新,成果积累制度,已经写过的博客还会再次更新,不断地琢磨,高质量高数量都是要追求的,工匠精神是学习必不可少的精神。因此,大家有何建议欢迎在评论区踊跃发言,你们的支持是我最大的动力,你们敢投,我就敢肝 ......
语法 JavaScript 基础 技术

JavaScript

html ``` Java Script 点我! Hello World ! 点我! 换图片 段落 换颜色 验证 点我 --> function2 提交 提交 提交 单击此处什么也不会发生 点我! hello ``` javascript ``` /** * @Author: weiyupeng * ......
JavaScript

推荐一款.NET开源的轻量级分布式服务框架

前言 今天要给大家推荐一款由新生命开发团队开源的.NET轻量级分布式服务框架:星尘分布式平台(NewLife.Stardust)。 项目介绍 星尘是一个轻量级分布式服务框架。它的功能包含配置中心、集群管理、远程自动发布、服务治理、服务自动注册和发现、负载均衡、动态伸缩、故障转移、性能监控。 核心功能 ......
轻量 轻量级 分布式 框架 NET

10.JavaScript原型,原型链有什么特点

#### 10. JavaScript 原型,原型链? 有什么特点? ``` 在 js 中我们是使用构造函数来新建一个对象的,每一个构造函数的内部都有一个 prototype 属性值,这个属性值是一个对 象,这个对象包含了可以由该构造函数的所有实例共享的属性和方法。当我们使用构造函数新建一个对象后, ......
原型 JavaScript 特点 10

JavaScript at() 方法

数组对象: 对于获取数组的最后一个元素,可能平常见得多的就是arr[arr.length - 1],我们其实可以使用at()方法进行获取 接收一个整数值并返回该索引对应的元素: const arr = [5, 12, 8, 130, 44]; let index1 = 2; strt1 = `索引号 ......
JavaScript 方法 at

【javascript】关于文件下载

通常在a标签href属性后加上请求下载文件的地址,页面点击即可下载,该种方式是交由浏览器去下载,但是无法监听下载进度 若通过AJAX请求,则需要对其进行解析,通常将数据转为blob,然后模拟a标签点击事件,但是此方法如果文件过大,接口调用时超出ajax的timeout时长,会下载失败 ......
文件下载 javascript 文件

【JavaScript】你真的熟悉bind吗

![你真的了解bind吗](https://guizimo.oss-cn-shanghai.aliyuncs.com/img/%E4%BD%A0%E7%9C%9F%E7%9A%84%E4%BA%86%E8%A7%A3bind%E5%90%97.png) # 引言 ## 内容速递 > 看了本文您能了解 ......
JavaScript bind

【JavaScript】js 处理复制函数实现

```javascript export const copyText = (text: string) => { const input = document.createElement('input'); input.setAttribute('readonly', 'readonly'); i ......
JavaScript 函数

ASP.NET Core SignalR 系列(三)- JavaScript 客户端

本章将和大家分享 ASP.NET Core SignalR 中的 JavaScript 客户端。ASP.NET Core SignalR JavaScript 客户端库使开发人员能够调用服务器端SignalR中心代码。 ......
JavaScript 客户端 SignalR 客户 Core

javascript 高级编程系列 - 数据类型检测

### 1. typeof 操作符 只能判断基本类型,无法判断对象类型 ``` typeof 1 // 'number' typeof 'hello' // 'string' typeof true // 'boolean' typeof function(){} // 'function' typ ......
javascript 类型 数据