轻量 轻量级javascript趣味

【JavaScript27】关于Function

## js中所有的函数都是通过Function构建的. - 在没有修改过原型链的情况下. 以下等式是成立的. - console.log(fn.__proto__.constructor Function.prototype.constructor); - console.log(fn.__prot ......
JavaScript Function 27

【JavaScript26】继承

- JS中实现继承,只需要改变函数的原型链即可 - 示例 ``` function Cat(name){ this.name = name; } Cat.prototype.eat_fish = function(fish){ console.log(this.name, "在吃", fish); ......
JavaScript 26

【JavaScript25】关于prototype

## 老版本的js中是没有类的概念的.js如何构建一个对象的呢? - 在js中, 每一个函数都可以作为构建一个对象的构造方法 - 函数又可以被称为 构造函数 constructor 构造器, 构造方法 ``` function Person(name, age){ // 给当前对象(内存)进行初始化 ......
JavaScript prototype 25

JavaScript实现文件夹的上传和下载

​ ASP.NET上传文件用FileUpLoad就可以,但是对文件夹的操作却不能用FileUpLoad来实现。 下面这个示例便是使用ASP.NET来实现上传文件夹并对文件夹进行压缩以及解压。 ASP.NET页面设计:TextBox和Button按钮。 ​ 编辑 TextBox中需要自己受到输入文件夹 ......
JavaScript 文件夹 文件

对JavaScript原型、原型链的理解

在JavaScript中,每个实例对象都有一个隐藏的`[[prototype]]`属性,它要么为 `null`,要么就是对另一个对象的引用。被引用的对象被称为**原型对象**或**原型**。 主流浏览器中,用`__proto__`代表`[[prototype]]`属性。 实例的构造函数有一个原型属性 ......
原型 JavaScript

《从0到1:JavaScript快速上手》笔记(一)

一、两个十分有用的方法 document.write():表示在页面输出一个内容 alert():表示弹出一个对话框 二、变量与常量 在JavaScript中,变量指的是一个可以改变的量,也就是说,变量的值在程序运行过程中是可以改变的。 (1)在JavaScript中,给一个变量命名,我们需要遵循以 ......
JavaScript 笔记

JavaScript中16进制颜色与rgb颜色互相转换

16进制转 rgb function hexToRgba(hex, opacity) { if (!hex) hex = '#ededed'; let rgba = 'rgba(' + parseInt('0x' + hex.slice(1,3)) + ',' + parseInt('0x' + h ......
颜色 进制 JavaScript rgb

JavaScript 基础(1) - 笔记

1.JavaScript(是什么?) 是一种运行在客户端(浏览器)的编程语言,实现人机交互效果。 2.作用(做什么?) 网页特效(监听用户的一些行为让网页做出对应的反馈) 表单验证(针对表单数据的合法性进行判断) 数据交互(获取后台的数据,渲染到前端) 服务端编程(node.js) ......
JavaScript 基础 笔记

[oeasy]python0082_[趣味拓展]控制序列_清屏_控制输出位置_2J

光标位置 回忆上次内容 上次了解了键盘演化的过程 ESC 从 组合键 到 独立按键 ​ 添加图片注释,不超过 140 字(可选) ESC的作用 是 进入 控制序列 配置 控制信息 控制信息 \033[y;xH 设置光标位置 \033[2J 清屏 这到底怎么控制???🤔 谁来实现这些功能? 控制 是 ......
序列 趣味 位置 python oeasy

【JavaScript24】使用const声明常量

## 前言 - const 用于声明一个或多个常量,声明时必须进行初始化,且初始化后值不可再修改。 ## const 声明常量 - const定义常量与使用let 定义的变量相似: - 二者都是块级作用域 - 都不能和它所在作用域内的其他变量或函数拥有相同的名称 - 两者还有以下两点区别: - co ......
常量 JavaScript const 24

【JavaScript23】使用let声明变量

## 前言 - ES2015(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const。 - let 声明的变量只在 let 命令所在的代码块内有效。 - const 声明一个只读的常量,一旦声明,常量的值就不能改变。 - 在 ES6 之前,JavaScript 使用va ......
变量 JavaScript let 23

JavaScript - JsBarcode条形码

``` 姓名: 张三身份证: 44044019990217444X 打印 ``` ![image](https://img2023.cnblogs.com/blog/3130057/202308/3130057-20230807215807895-1245419751.png) ......
条形 条形码 JavaScript JsBarcode

【JavaScript21】关于Storage

- 本地存储. 存储在浏览器端的数据. 可以理解成一个小型的非关系型数据库. - localStorage和sessionStorage - 这俩玩意使用上是一样的. 区别在于. 一个是永久存储一个是临时存储. - localStorage 永久存储 - sessionStorage 临时存储, 浏 ......
JavaScript Storage 21

【JavaScript20】箭头函数

- 箭头函数没有自己的this,arguments,super或new.target。箭头函数适用于那些本来需要匿名函数的地方,并且它不能用作构造函数。 - 1、基本语法 ``` //(param1, param2, ..., paramN) => { statements } (param1, p ......
箭头 JavaScript 函数 20

【JavaScript19】解构赋值

## JavaScript ES6 新增解构赋值,可以快读从数组或对象中取出成员。 - 解构: 将对象或者数组中的某个成员取出来; - 赋值: 取出来的成员按顺序赋值给变量。 ## 数组的解构赋值 - 使用中括号 [ ] 来进行解构数组, 需注意变量名称和数组的值一一对应; - 或者把数组设置为一个 ......
JavaScript 19

JavaScript基础(3)

正文: JavaScript流程控制-分支 JavaScript流程控制-循环 JavaScript命名规范以及语法格式 JavaScript数组 JavaScript流程控制-分支 流程控制 顺序流程控制 分支流程控制if语句 三元表达式 分支流程控制switch语句 流程控制 在一个程序执行的过 ......
JavaScript 基础

深入探索JavaScript的魅力与奇妙之处

大家好!今天我想分享一些关于JavaScript(简称JS)的思考和体会。作为前端开发中最重要的语言之一,JS不仅具备强大的功能,还有着许多令人着迷的特性。 首先,JavaScript的灵活性是其最引人注目的特点之一。它允许我们以多种方式解决问题,无论是面向对象编程、函数式编程还是响应式编程,JS都 ......
JavaScript 魅力

[oeasy]python0081_[趣味拓展]ESC键进化历史_键盘演化过程_ANSI_控制序列_转义序列_CSI

光标位置 回忆上次内容 上次了解了 新的转义模式 \033 逃逸控制字符 escape 这个字符 让字符串 退出标准输出流 进行控制信息的设置 可以设置 光标输出的位置 ​ 添加图片注释,不超过 140 字(可选) ASR33中的ALT MODE 是 今天的ESC键吗????🤔 ​ 添加图片注释, ......
序列 转义 趣味 键盘 过程

【JavaScript18】三元运算符

- 三元运算符又称为三目运算符,指的是根据不同的条件,执行不同的操作/返回不同的值。语法结构为:条件 ? 操作1 : 操作2。 如果条件为真,执行操作1,否则执行操作2。 ``` var a = 100; var b = 20; var c = a > b ? a : b; console.log( ......
运算符 JavaScript 18

【JavaScript17】eval函数

- eval本身在js里面正常情况下使用的并不多. 但是很多网站会利用eval的特性来完成反爬操作. 我们来看看eval是个什么鬼? - 从功能上讲, eval非常简单. 它和python里面的eval是一样的. 它可以动态的把字符串当成js代码进行运行. ``` var s = "1+2+3+4+ ......
JavaScript 函数 eval 17

【JavaScript16】定时器

- 在JS中, 有两种设置定时器的方案 - 1、setTimeout ``` // 语法规则 t = setTimeout(函数, 时间) // 经过xxx时间后, 执行xxx函数 // m是第几个定时器 var m = setTimeout(function(){ console.log("我叫x ......
定时器 JavaScript 16

【JavaScript15】闭包

## 什么是闭包 - 闭包(closure)是一种保护私有变量的机制,在函数执行时形成私有的作用域,保护里面的私有变量不受外界干扰,即形成一个不销毁的栈环境。 - 闭包的特性: - 函数嵌套函数 - 内部函数可以访问外部函数的变量 - 参数和变量不会被回收。 # 为什么要有闭包? - 1、先来看一段 ......
闭包 JavaScript 15

【JavaScript14】函数基础

## 函数定义 - 函数定义的方法有多种,主要分为函数声明和函数表达式 ``` //函数声明 function func(arg1, arg2){ console.log("arg1=", arg1); console.log("arg2=", arg2); return "返回一些东西" } va ......
JavaScript 函数 基础 14

【JavaScript12】JS条件分支

- 除了HTML以外. 几乎所有的编程语言都有条件判断的功能. 比如, python, 我们用if语句来做条件判断. 到了javascript中也是一样的, 也使用javascript来做条件上的判断. - if条件判断 ``` // 语法1 if(条件1){ 代码块1 } // 解读: 当`条件1 ......
分支 JavaScript 条件 12

【JavaScript13】JS循环语句

- while循环 ``` // 语法1 while(条件){ 循环体 -> 里面可以有break和continue等关键字 } /* 判断`条件`是否为真, 如果`真`, 则执行`循环体`.执行完`循环体`, 会再次判断`条件`.... 并且在循环中也可以使用`break`和`continue`等 ......
语句 JavaScript 13

【JavaScript11】正则表达式 RegExp对象

## 定义 - 正则表达式(英语:Regular Expression,在代码中常简写为regex、regexp或RE)使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。搜索模式可用于文本搜索和文本替换。 ## 创建 RexExp 对象 - 有两种方式创建RexExp对象 - 第一种 ......
正则 表达式 JavaScript 对象 RegExp

javascript 浮点运算库big.js

#### big.js浮点运算库 ##### 安装 ``` npm install big.js ``` ##### 使用 ``` const Big = require('big.js'); or import Big from "big.js"; x = new Big(0.3) x.minus ......
浮点 javascript big js

javascript~常用工具类的封装

JavaScript 1. type 类型判断 isString (o) { //是否字符串 return Object.prototype.toString.call(o).slice(8, -1) 'String' } isNumber (o) { //是否数字 return Object.pr ......
常用工具 javascript 常用 工具

【JavaScript10】Date日期对象

## 获取当前系统时间 ``` var d = new Date(); // 当前系统时间 console.log(d); //Sun Aug 06 2023 14:49:43 GMT+0800 (中国标准时间) ``` ## 手动获取时间并且格式化 ``` var d = new Date(); ......
JavaScript 对象 日期 Date 10

【JavaScript09】模板字符串(Template Strings)

## 前言 - JavaScript 在ES6 新增了模板字符串(Template Strings)语法,其作用是可以在字符串中换行,以及将变量和表达式插入字符串。 ## 模板字符串 - 模板字面量使用反引号 (``) 而不是单引号 ('') 或双引号 ("") 来定义字符串 - 示例: ``` l ......
字符串 JavaScript 字符 Template 模板