bun.js一个新的JavaScript运行环境
介绍
Bun 是一个现代的JavaScript运行环境，如Node, Deno。主要特性如下:
启动速度快。
更高的性能。
完整的工具（打包器、转码器、包管理）。
下面我们来横向对比下框架所说的性能:
相同电脑下, 不同 js 运行环境的每秒操作数
更多具体的优点
内置 fetch、WebSocket 和 ReadableStream 等API
可以在bun.js中使用npm ...
理解JavaScript中的window对象
前言
每个JavaScript环境都有一个全局对象（global object）。在全局范围内创建的任何变量实际上都是这个对象的属性，而任何函数都是它的方法。在浏览器环境中，全局对象是window对象，它代表了包含网页的浏览器窗口。
在这篇文章中，我们将介绍Window对象的一些重要用途：
浏览器对象模型（Browser Object Model）
获取浏 ...
JavaScript进阶内容——BOM详解
JavaScript进阶内容——BOM详解
在上一篇文章中我们学习了DOM，接下来让我们先通过和DOM的对比来简单了解一下BOM
首先我们先来复习一下DOM：
文档对象模型
DOM把文档当作一个对象来看待
DOM的顶级对象是document
DOM的主要学习是操作页面元素
DOM是W3C标准规范
然后我们来介绍一下BOM：
浏览器对象模型
BOM把浏览器当作 ...
JavaScript进阶内容——DOM详解
JavaScript进阶内容——DOM详解
当我们已经熟练掌握JavaScript的语法之后，我们就该进入更深层次的学习了
首先我们思考一下：JavaScript是用来做什么的？
JavaScript诞生就是为了能够让它在浏览器中运行
那么DOM就是我们学习中不可或缺的一个环节，下面让我们深入了解DOM
DOM简介
DOM定义：
文档对象模型（DOM），是W3C ...
Javascript之我也来手写一下Promise
Promise太重要了，可以说是改变了JavaScript开发体验重要内容之一。而Promise也可以说是现代Javascript中极为重要的核心概念，所以理解Promise/A+规范，理解Promise的实现，手写Promise就显得格外重要。如果要聊Promise就要从回调函数聊到回调地狱，再聊到同步异步，最终聊到Promise、async await。但是我们这篇文章， ...
详解升讯威在线客服系统前端 JavaScript 脚本加密技术（1）
我在业余时间开发维护了一款免费开源的升讯威在线客服系统，也收获了许多用户。对我来说，只要能获得用户的认可，就是我最大的动力。
这段时间有几个技术小伙伴问了我一个有意思的问题：“你的前端脚本是怎么加密的?”
我决定写帖子来分享这个问题的答案。
在线客服系统访客端：
在线客服系统客服端：
免费在线使用 ...
JavaScript-代码嵌入HTML三种方式
1、js是一门事件驱动型的编程语言；依靠事件去驱动，然后执行对应的程序。
2、 在js中有很多事件其中有一个事件叫做：鼠标单机；单词：click；且任何事件都会有一个事件句柄叫做：onclick；
3、事件和事件句柄区别：事件句柄是在事件单词前加on；而事件句柄是以HTML标签的属性存在的
4、onclick="js代码"，执行原理： ...
javaScript数组互转对象
1、数组转对象
1.1、需求
[{ id: 1, name: '张三' },{ id: 2, name: '李四' }]
转换为
1.2、forEach
let arr = [{ id: 1, name: '张三' },{ id: 2, name: '李四' }]
let obj = {}
arr.forEach(item => obj[item.value] = item.name)
console.dir(obj)
/*
Object
1: "张三"
2: "李四"
*/
1.3、reduce
let ar ...
JavaScript简介
一、JavaScript简介
1，JavaScript是当今互联网上主流的脚本语言，这门语言被广泛应用于web与超文本标记语言中，也广泛应用于服务器与移动设备中。
2，JavaScript是一种脚本语言
（1）JavaScript是一种轻量级的编程语言
（2）JavaScript是一种可插入HTML的高级编程语言
（3）JavaScript在H ...
JS与ES6高级编程学习笔记（一）——JavaScript核心组成
一、JavaScript概要
JavaScript（JS）是一种轻量级、解释型、动态类型的高级程序设计语言。它诞生于1995年，是一门基于原型、函数优先的语言，是一门多范式的语言，它支持面向对象编程，命令式编程，以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等，不支持I/O，比如网络、存储和图形等，但这些都可以 ...
JavaScript – Fetch
前言
上一篇 JavaScript – XMLHttpRequest 有提到 XMLHttpRequest 正在被 Fetch 取代，这篇就继续介绍 Fetch 吧。
参考
阮一峰 – Fetch API 教程
Simple Get Request & Response
const response = await fetch('https://192.168.1.152:44300/products');
console.log('status', respo ...
JS与ES6高级编程学习笔记（三）——JavaScript面向对象编程
一、概述
面向对象程序编程（Object-oriented programming，缩写：OOP）是用抽象方式构建基于现实世界模型的一种编程模式，JavaScript是一种基于对象（object-based）的语言，支持面向对象编程与函数式编程，但JavaScript的面向对象与其它的面向对象语言有较大差异，ECMAScript中没有类的概念，所以对象也有所不一样。
本章 ...
如何使用 Javascript 将图标字体渲染为图片
前言
在软件开发中肯定要用到图标，比如下图的 Groove 音乐中就用到了许多图标。一种获取这些图标的方法是把 Groove 音乐截个图，然后熟练地开启 Photoshop，开始抠图。这种方式很逊，效率也很低（虽然我刚开始就是这么干的）。
如果打开 C:/Program Files/WindowsApps（需要修改权限才能进入），可以发现几个名字里带 Zun ...
JavaScript引入方式
快速入门
在HTML中，可以使用内联式、外链式、行内式 三种方式 引入JavaScript。
行内式
行内式是将JavaScript代码作为ＨＴＭＬ标签的属性值来使用，示例如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript引入方式</title>
</head>
<body>
<!-- 行内式引入JS代码 -->
<input ty ...
JavaScript – Decimal
前言
之前就写过一篇 decimal, double, float，但写的有点杂乱，这篇把 JS 的部分独立写成一篇整理版。
参考
JavaScript 浮点数运算的精度问题
关于JavaScript中计算精度丢失的问题
Rounding
C#.Net筑基-深入解密小数内部存储的秘密
big.js设计思路和源码分享
JavaScript数字运算必备库——big.js源码解析
Th ...
ACM格式javascript 输入输出
ACM需要自己定义输入和输出，针对js来说，有两种模式读取输入和打印输出，v8和node
请同时参考：牛客网ACM模式下JavaScript(V8)常见输入输出练习
https://ac.nowcoder.com/acm/contest/5657#question
https://blog.csdn.net/SpringRolls/article/details/116506148
js(V8)
使用 V8模式，主要使用 readline()读取每一行。
本 ...
JavaScript-18
1.函数进阶
函数的定义和使用
函数声明方式function关键字（命名函数）
函数表达式（匿名函数）
new Function()
Function里面的参数必须都是字符串格式
第三种方式执行效率低，也不方便书写，因此较少使用
所有函数都是Function的实例（对象）
函数也属于对象
1 <!DOCTYPE html>
2 <html>
3 <head>
4 ...
JavaScript の querySelector 使用说明
本文记录，JavaScript 中 querySelector 的使用方法。小白贡献，语失莫怪。
// 两种 query 的 method (方法)
document.querySelector(selectors);
document.querySelectorAll(selectors);
为什么要学习 querySelector：
因为 front end 中，JavaScript 的基本逻辑就是： 选取一个 element，然后 do somethong with it； ...
JavaScript内置对象
#1.内置对象
1.JavaScript 中的对象分为3中：自定义对象、内置对象、浏览器对象
2.前面两种对象是js 基础内容，属于 ECMAScript；第三个浏览器对象属于我们的js独有的，我们js API讲解
3.内置对象就是指js语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而必要的功能（属性和方法）
4.内置对象最 ...
JavaScript 解构用法解析
一. 基本概念
ES6（ES2015）的发布，给JavaScript 提供了一种更方便快捷的方式来处理对象或数组的属性。该机制称为Destructuring（也称为解构赋值）。
下面就来看看什么是解构赋值。MDN 中对解构赋值的描述：
解构赋值语法是一种 Javascript 表达式。通过解构赋值, 可以将属性值从对象/数组中取出,赋值给其他变
量 ...
