【ES6复习笔记】Class类（15）
介绍
ES6 提供了更接近传统语言的写法，引入了 Class（类）这个概念，作为对象的模板。通过 class 关键字，可以定义类。基本上，ES6 的 class 可以看作只是一个语法糖，它的绝大部分功能，ES5 都可以做到，新的 class 写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。
class shouji {constructor(brand,price) {this.brand=brand;this.price=price}call(){console.log('我可以打电话')}
}let A = new shouji('1+',1999);
console.log(A)
知识点：
- class 声明类
- constructor 定义构造函数初始化
- extends 继承父类
- super 调用父级构造方法
- static 定义静态方法和属性
- 父类方法可以重写
静态成员
class Person{static name='手机'
}
let nokia = new Person();
console.log(nokia.name);
构造函数继承
function Phone(brand,price){this.brand=brand;this.price=price;
}
Phone.prototype.call=function (){console.log("我可以打电话");
}
function SmartPhone(brand,price,color,size){Phone.call(this,brand,price);this.color=color;this.size=size;
}//设置子级构造函数原型
SmartPhone.prototype=new Phone;
SmartPhone.prototype.constructor=SmartPhone;//声明子类方法
SmartPhone.prototype.photo = function (){console.log('我可以玩游戏');
}
const chuizi = new SmartPhone('锤子',2499,'黑色','5.5inch')
console.log(chuizi);
Class 的类继承
class Phone{constructor(brand,price) {this.brand=brand;this.price=price;}//父类的成员属性call(){console.log('我可以打电话')}
}
class SmartPhone extends Phone{constructor(brand,price,color,size) {super(brand,price);this.color=color;this.size=size;}photo(){console.log('拍照');}playGame(){console.log('打游戏');}
}
const xiaomi=new SmartPhone('小米',1999,'黑色','4.7inch')
xiaomi.call();
xiaomi.photo();
xiaomi.playGame();
子类对父类方法的重写
class Phone{constructor(brand,price) {this.brand=brand;this.price=price;}//父类的成员属性call(){console.log('我可以打电话')}
}
class SmartPhone extends Phone{constructor(brand,price,color,size) {super(brand,price);this.color=color;this.size=size;}photo(){console.log('拍照');}playGame(){console.log('打游戏');}//重写！call(){console.log('我可以进行视频通话')}
}
const xiaomi=new SmartPhone('小米',1999,'黑色','4.7inch')
xiaomi.call();
xiaomi.photo();
xiaomi.playGame();
get 和 set 设置
class Phone{get price(){console.log("价格被读取了")return 'I LOVE YOU'}set price(val){console.log('价格被修改了')return val;}
}//实例化对象
let s = new Phone();
s.price=12
// console.log(s.price) //其实是调用price方法
相关文章：
【ES6复习笔记】Class类（15）
介绍 ES6 提供了更接近传统语言的写法，引入了 Class（类）这个概念，作为对象的模板。通过 class 关键字，可以定义类。基本上，ES6 的 class 可以看作只是一个语法糖，它的绝大部分功能，…...
)
AppAgent 源码 (xml 解析)
1. 数据准备 adb shell uiautomator dump /sdcard/output.xml # 获取手机ui界面的xml文件 adb pull /sdcard/output.xml output.xml # 将手机上的xml文件拉取到电脑上具体的xml文件： <?xml version1.0 encodingUTF-8 standaloneyes ?> <hierarchy ro…...
Oracle 11G还有新BUG？ORACLE 表空间迷案！
前段时间遇到一个奇葩的问题，在开了SR和oracle support追踪两周以后才算是有了不算完美的结果，在这里整理出来给大家分享。 1.问题描述 12/13我司某基地MES全厂停线，系统卡死不可用，通知到我排查，查看alert log看到是…...
FreeSwitch中启用WebRTC
在FreeSwitch中启用WebRTC需要进行一系列配置。以下是详细的步骤： 1. 安装必要的依赖： 确保安装了支持WebRTC的依赖库，如libsrtp。 2. 配置SIP Profile： 编辑 conf/sip_profiles/internal.xml 文件，添加或修改以下内…...
力扣矩阵-算法模版总结
lc-73.矩阵置零-(时隔14天)-12.27 思路：(23min22s) 1.直接遍历遇0将行列设0肯定不行，会影响后续判断，题目又要求原地算法，那么进一步考虑是否可以将元素为0，其行列需要设为0的位置给存储下来，最后再遍历根据…...
服务端高并发分布式结构演进之路
个人主页：C忠实粉丝 欢迎 点赞👍 收藏✨ 留言✉ 加关注💓本文由 C忠实粉丝 原创 服务端高并发分布式结构演进之路 收录于专栏[redis] 本专栏旨在分享学习Redis的一点学习笔记，欢迎大家在评论区交流讨论💌 目录 概述 …...
虚拟机桥接模式
主机Win10,虚拟机xp 1.虚拟机设置中选择桥接模式 2.在虚拟机菜单：编辑>虚拟机网络编辑，点击“更改设置”，可以看到三个网卡，这三个网卡分别对应不同的网络共享模式。桥接模式须使用VMnet0，如果没看到这个网卡&…...
JVM调优实践篇
理论篇 1多功能养鱼塘－JVM内存 大鱼塘O（可分配内存）： JVM可以调度使用的总的内存数，这个数量受操作系统进程寻址范围、系统虚拟内存总数、系统物理内存总数、其他系统运行所占用的内存资源等因素的制约。 小池塘A&a…...
SpeedTree学习笔记总结
SpeedTree是一款业界领先的三维树木植被建模软件，特别适用于游戏开发和影视制作。 一、基础操作 旋转：鼠标左键 平移：鼠标中键 缩放：鼠标中键滚动 Trunks树干节点 Branches树枝 Cap给树干封口 Frond创建大树叶 Decorations…...
【MuJoCo和PhysX】
MuJoCo 与 Unity 的 PhysX 引擎的主要区别 应用领域： MuJoCo：主要用于机器人学、强化学习、生物力学等领域，擅长处理多自由度、复杂动力学问题，尤其适合进行高精度的物理仿真。 Unity PhysX：主要用于游戏开发、虚拟现…...
HTML制作一个普通的背景换肤案例2024版
一，完整的代码： <!DOCTYPE html> <html lang"zh"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>换肤</t…...
绘制圆形进阶)
python学opencv|读取图像（二十一）使用cv2.circle()绘制圆形进阶
【1】引言 前序已经掌握了使用cv2.circle()绘制圆形的基本操作，相关链接为： python学opencv|读取图像（二十）使用cv2.circle()绘制圆形-CSDN博客 由于圆形本身绘制起来比较简单，因此可以自由操作的空间也就大&#x…...
qt QZipReader详解
1、概述 QZipReader 是 Qt 中用于从 .zip 文件中读取和提取文件内容的类。它提供了便捷的方法来访问压缩包中的文件和目录，并允许你解压缩单个或多个文件。通过 QZipReader，你可以以编程方式读取 .zip 文件中的内容，并提取它们到目标目录中。…...
开发场景中Java 集合的最佳选择
在 Java 开发中，集合类是处理数据的核心工具。合理选择集合，不仅可以提高代码效率，还能让代码更简洁。本篇文章将重点探讨 List、Set 和 Map 的适用场景及优缺点，帮助你在实际开发中找到最佳解决方案。 一、List：有序存…...
)
顶顶通呼叫中心中间件mod_cti模块安全增强，预防盗打风险(mod_cti基于FreeSWITCH)
文章目录 前言联系我们mod_cti版本支持安全加强说明 前言 FreeSWITCH暴露在公网最大的风险就是被不法之人盗打 出现盗打的主要原因以下几点： 分机密码太简单或者密码泄露了拨号方案配置不合理sofia配置错误 所以我们给顶顶通呼叫中心中间件添加了安全加强功能&am…...
bash shell的条件语句
～ script% touch if.sh ～ script% chmod 755 if.sh1.if-then-fi #!/usr/bin/env bashFOOD$1 if [ $FOOD"apple" ] thenecho The food is $FOOD fi exit 0~ script % ./if.sh apple The food is apple如果要将多条语句写在一行，可以…...
拦截器Interceptor与过滤器Filter
拦截器Interceptor 定义： SpringMVC内置拦截机制,允许在请求被目标方法处理的前后进行拦截，执行一些额外操作；比如：权限验证，日志记录，数据共享等。 实现步骤 1、自定义拦截器 Component public class …...
水电站视频智能监控系统方案设计与技术应用方案
一、背景需求 水电站作为国家重要的能源基地，其安全运行对于保障能源供应和社会稳定具有重要意义。然而，传统的人工监控方式存在着诸多问题，如人力成本高、监控范围有限、反应不及时等。因此，水电站急需引进一种先进的视频智能监控…...
教师管理系统
大概功能： 1.显示所有教师 2.按姓名查找教师 3.按工号查找教师 4.增加教师 5.删除教师 6.退出 数据会保存到 txt 文件里面 姓名：必须是中文 手机号码：必须是11位，必须是数字 效果展示： 代码展示： Teache…...
nexus docker安装
#nexus docker 安装 docker pull sonatype/nexus3 mkdir -p /data/nexus-data docker run -itd -p 8081:8081 --privilegedtrue --name nexus3 \ -v /data/nexus-data:/var/nexus-data --restartalways docker.io/sonatype/nexus3 #访问 http://192.168.31.109:8081/ 用户名&am…...
canvas之进度条
canvas之进度条 效果： 封装的组件 <template><div class"circle" :style"{ width: props.radius px, height: props.radius px }"><div class"circle-bg" :style"{ width: props.radius - 5 px, height: pr…...
【ES6复习笔记】Promise对象详解（12）
1. 什么是 Promise？ Promise 是 JavaScript 中处理异步操作的一种机制，它可以让异步操作更加容易管理和控制。Promise 对象代表一个异步操作的最终完成或失败，并提供了一种方式来处理操作的结果。 2. Promise 的基本语法 Promise 对象有三…...
前端Python应用指南（五）用FastAPI快速构建高性能API
《写给前端的python应用指南》系列： （一）快速构建 Web 服务器 - Flask vs Node.js 对比（二）深入Flask：理解Flask的应用结构与模块化设计（三）Django vs Flask：哪种框架适…...
c#多线程之生产者-消费者模型
在 C# 中实现 生产者-消费者模式，通常需要多个线程来处理数据的生产和消费。我们可以使用 Queue<T> 来作为存储数据的队列，并使用 Thread、Mutex 或 Monitor 来确保线程安全。BlockingCollection<T> 是 C# 提供的一个线程安全的集合…...
2011-2020年各省城镇职工基本医疗保险年末参保人数数据
2011-2020年各省城镇职工基本医疗保险年末参保人数数据 1、时间：2011-2020年 2、来源：国家统计局 3、指标：省份、时间、城镇职工基本医疗保险年末参保人数 4、范围：31省 5、指标解释：参保人数指报告期末按国家有关…...
Python基础语法知识——列表、字典、元组与集合
列表（list）、字典(dictionary)、元组(tuple)与集合(set)都可以看成存储数据的容器，但是前两者常用，后两者用得相对较少。 目录 1 列表（list) 1.1列表入门 1 列表（list) 1.1列表入门 class1["李白…...
Mysql数据库中，监测某张表中某字段的修改情况（被哪个ip所修改、新老值）
在Mysql数据库中，通过写一个触发器，来监测某张表(q_device)字段(run_status)的改变情况。 【示例】 -- 1. 创建监测日志表 CREATE TABLE change_log (id INT AUTO_INCREMENT PRIMARY KEY,table_name VARCHAR(255),column_name VARCHAR(255),old_value T…...
迁移学习 详解及应用示例
简介： 迁移学习是一种机器学习技术，其核心思想是利用在一个任务上已经学到的知识（源任务：任务已经有一个训练好的模型，然后我们将这个模型的某些部分或知识迁移到一个新的但相关的“目标任务”上。）来帮助解…...
ubuntu控制器多网口配置
在Ubuntu系统中配置多网口，可以通过编辑网络配置文件（Netplan 或旧版 /etc/network/interfaces）实现。这适用于需要管理多个网络接口（如 eth0、eth1 等）的场景，例如负载均衡、网络隔离或多路径通信。 以下…...
接口调用限频（代理模式+滑动窗口）
目录 代码示例 接口 代理 接口实现 限流工厂 限流处理器接口 直接交换处理器 限流处理器 限流配置 滑动窗口限流 通过代理模式滑动窗口，限流请求第三方平台，避免出现第三方平台抛出限流异常，影响正常业务流程，从出口出发…...
FFmpeg在python里推流被处理过的视频流
链式算法处理视频流 视频源是本地摄像头 # codinggbk # 本地摄像头直接推流到 RTMP 服务器 import cv2 import mediapipe as mp import subprocess as sp# 初始化 Mediapipe mp_drawing mp.solutions.drawing_utils mp_drawing_styles mp.solutions.drawing_styles mp_holis…...
2- Linux系统的命令帮助
Linux 命令行帮助信息使用指南 一、引言 对于初学者来说，Linux命令行可能会显得复杂和难以捉摸。然而，一旦掌握了如何有效地利用命令行的帮助信息，您将发现它是一个强大而灵活的工具，可以极大地提高您的工作效率。本指南旨在为新手介绍如何在Linux中获取命令的帮助信息，…...
Mysql事务
一、数据库事务基础 1.1. 什么是事务 简单来说，事务就是要保证一组数据库操作，要么全部成功，要么全部失败。在 MySQL 中，事务支持是在引擎层实现的。 比如 MySQL 原生的MyISAM引擎就不支持事务，这也是MyISAM被InnoDB…...
Fast adaptively balanced min-cut clustering
#0.论文信息 标题：Fast adaptively balanced min-cut clustering期刊：Pattern Recognition作者: Feiping Nie , Fangyuan Xie , Jingyu Wang ,Xuelong Li机构: China Telecom, Northwestern Polytechnic al University.代码链接： #1.摘要 …...
vue3和springboot使用websocket通信
前端端口：9090 后端端口：8080 vue3 引入依赖： npm install sockjs-client stomp/stompjs vue页面 <template><div><h1>WebSocket 示例</h1><button click"sendMessage">发送消息</button>…...
Log4j2的Policies详解、SizeBasedTriggeringPolicy、TimeBasedTriggeringPolicy
文章目录 一、Policies二、SizeBasedTriggeringPolicy:基于文件大小的滚动策略2.1、文件达到指定大小就归档 三、TimeBasedTriggeringPolicy：基于时间间隔的滚动策略3.1、验证秒钟归档场景3.2、验证分钟场景3.3、验证小时场景 四、多策略组合使用五、扩展知识5.1、S…...
)
js版本之ES6特性简述【Proxy、Reflect、Iterator、Generator】(五)
目录 Proxy Reflect 静态方法 部分实例 Iterator 实际开发迭代器的使用实例 迭代器（Iterator）应用 Generator Proxy Proxy 是 ES6 中新增的对象 Proxy 是JavaScript中的内置对象，它提供了一种机制，可以拦截并自定义各种…...
微信V3支付报错 平台证书及平台证书序列号
1.平台证书及平台证书序列号设置错误报错： 错误1： Verify the response’s data with: timestamp1735184656, noncea5806b8cabc923299f8db1a174f3a4d0, signatureFZ5FgD/jtt4J99GKssKWKA/0buBSOAbWcu6H52l2UqqaJKvrsNxvodB569ZFz5G3fbassOQcSh5BFq6hvE…...
 of ES Module…… 错误)
【开发问题记录】执行 git cz 报require() of ES Module…… 错误
文章目录 1、问题2、解决3、参考链接 1、问题 在对 commitizen 进行完，一系列的初始化以后 ， 对代码进行 提交 到暂存区，然后要提交到 本地仓库 的报错 然后因为安装了 commitizen 所以是想用 git cz 进行提交的， 执行命令的时候…...
Kubernetes 安装 Nginx以及配置自动补全
部署 Nginx ： [rootk8s-master ~]# kubectl create deployment nginx --imagenginx:1.14-alpine deployment.apps/nginx created暴露端口： [rootk8s-master ~]# kubectl expose deployment nginx --port80 --typeNodePort service/nginx exposed查看服…...
JS中的闭包和上下文
变量提升 和 函数提升 这里要提到一个提升的概念，即在JS中，在解析代码之前还有一个预处理的过程，这个过程中会把部分变量和函数声明提前到代码的最顶部， 会在其他所有代码之前执行。虽然当我们按照规范（严格模式或者T…...
element-ui表格多级表头固定列和合并单元格
多级表头固定列 代码示例-不能直接运行，仅供参考 <el-table ref"table" class"table":data"list"style"width: 100%":header-cell-style"headerCellStyle"v-loading"dataLoading":span-method&qu…...
视频汇聚融合云平台Liveweb一站式解决视频资源管理痛点
随着5G技术的广泛应用，各领域都在通信技术加持下通过海量终端设备收集了大量视频、图像等物联网数据，并通过人工智能、大数据、视频监控等技术方式来让我们的世界更安全、更高效。然而，随着数字化建设和生产经营管理活动的长期开展࿰…...
第五十九章 假脱机设备
文章目录 第五十九章 假脱机设备介绍打开和使用假脱机设备用于假脱机设备的 OPEN 和 USE 命令USE 命令 第五十九章 假脱机设备 介绍 IRIS数据平台使能够将打印输出直接发送到您的打印机或屏幕，或将其保留在后台打印中以供以后打印。IRIS 假脱机独立于您的操作系统…...
Maven Wrapper 报错“未找到有效的 Maven 安装”
1. 检查 Maven Wrapper 配置： 确保你的项目中包含 .mvn/wrapper/maven-wrapper.properties 文件。 检查该文件中的 distributionUrl 属性，确保它指向一个有效的 Maven 发行版 URL。 2.确认 Maven Wrapper 脚本存在： 在项目根目录下&#x…...
yarn list --pattern vuex-module-decorators
dgqdgqdeMac-mini spid-admin % yarn list --pattern vuex-module-decorators yarn list v1.22.22 └─ vuex-module-decorators0.16.1 ✨ Done in 0.24s.好的，这段代码是一个典型的 Vuex 模块定义，使用了 vuex-module-decorators 库。这个库为 Vuex 提…...
day19-Linux软件包
科普，什么是代码文件。 电脑程序Program，就是某一个编程语言编写的一个代码文件，里面包含了该语言特有的指令，以及各种字符、符号。 linux自带的network管理脚本，shell脚本 什么是软件程序。 软件程序，就…...
【网络分析工具】WireShark的使用（超详细）
网络分析工具——WireShark的使用 简介WireShark软件安装Wireshark 开始抓包示例WireShark抓包界面WireShark 主要分为这几个界面TCP包的具体内容Wireshark过滤器设置wireshark过滤器表达式的规则Wireshark抓包分析TCP三次握手Wireshark分析常用操作 简介 WireShark是非常流…...
React 高级组件开发：动态逻辑与性能优化
React 高级组件开发：动态逻辑与性能优化 引言一、动态逻辑与配置化组件1. 动态组件的设计 二、自定义 Hooks 解决复杂状态管理1. 自定义 Hook 的优势 三、高阶组件（HOC）模式1. 高阶组件的应用场景 四、性能优化1. 使用 React.memo 优化渲染2.…...
Vue 3 与 Tauri 集成开发跨端APP
1、安装RUST 下载地址：Install Rust - Rust Programming Language 安装： 安装完成后，在命令行里运行: rustup 2、安装 Node.js 与 npm 或 pnpm ，如果已经安装，可以忽略 # 使用 nvm 安装 Node.js 最新版本 nvm install…...