当前位置：首页 > news >正文

【Ext.js 初步入门】Ext.js 作用以及用法概述

news 来源：原创 2025/7/22 4:41:23

一、Ext.js的作用

首先我们需要了解类似Ext.js以及easyui类似产品的作用是什么。
我的理解是就是相当于一个组件库，它与bootstrap类似产品的区别在于，bootstrap与ext.js和easyui面向的问题不同，bootstrap面向的问题样式，ext.js和easyui面向的问题是功能。比如说，我要做一个表，bootstrap是怎么将这个表做好看，而ext.js所要做的是，我只要提供给这个表一些参数，他就可以把这个表交给我。

二、js相关的前置知识：有关于类的相关内容

js中构建类的定义如下

<script>class Point{//构造函数，当调用new的时候运行(我的理解)constructor(x,y){//this.x = x;//this.y = y;//数组解构，用来赋值this.x和this.y[this.x,this.y] = [x,y];}//打印点坐标print(){console.log("点坐标为：("+this.x+","+this.y+")");}}var point1 = new Point(1,1);point1.print();
</script>

在这里插入图片描述
js类中的类的继承

    class Line extends Point{constructor(x,y,x1,y1){super(x,y);[this.x1,this.y1] = [x1,y1];}printLine(){console.log("确定这条线的两个点分别为：("+this.x+","+this.y+")和("+this.x1+","+this.y1+")")}}var line1 = new Line(1,1,2,2);line1.printLine();

在这里插入图片描述

三、Ext.js 的构建以及使用

这里也是我自己的理解：
其实这个就是构造了一些类。然后供给我们调用，他们利用了一些方式设置了样式。

使用步骤：
1、引入相关文件：
相关主题的css文件：有许多种类，可以在 https://www.w3cschool.cn/extjs/extjs_environment_setup.html 该网站查看类别。（其余版本只是主题不同）

<link href="./ext-6.0.0/build/classic/theme-classic/resources/theme-classic-all.css" rel="stylesheet">

相关js所需要使用的文件

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/ext-all.js"></script>

这个相关内容可以在 https://cdnjs.com/libraries/extjs/6.0.0?utm_source=cdnjs&utm_medium=cdnjs_link&utm_campaign=cdnjs_library 这个网站自行搜索。

2、使用框架

Ext.onReady(function() {Ext.create('Ext.Panel', {    //这里的Ext.Panel 我的理解是组件名，其实就是类名，我认为。但是他会包含一些css html的东西renderTo: 'helloWorldPanel’, //这个对应的是html中div的id号height: 100,width: 200,title: 'Hello world',html: 'First Ext JS Hello World Program'});
});

Ext.onReady() 这是Ext的准备函数，所有与Ext相关的代码都会在这个函数里面书写。（说明，这个里面的代码会利用Ext.js框架的方式渲染？是这个意思吧？）

在这里面要实例化一个类就是Ext.create()如上所示。

Ext.define 是定义一个类组件，也可以用于重写一个类组件。
这个方法可以接收三个参数，className（类的名字），data（Object对象），createFn（回调函数）。
第一个是定义类的名字；
第二个是键值对集合（这里面包含了有关于这个类的相关定义，比如一些方法以及参数）；
第三个是回调函数。类的所有依赖项都准备就绪、类本身被完全创建后被调用（我的理解是，实例化之后这个回调函数会自动执行，有点像vue里面的created生命周期钩子）。
这个是重写（override）示例。

Ext.define("Friend",{name:"dudu",getName:function(){console.log("我的名字是"+this.name);}
},function(){alert('恭喜你，新交了一个朋友！')
})var du = new Friend();
du.getName();//用于重写原有类中的相关内容，不用重写的不用写
Ext.define("Friend1",{override:'Friend',name:"dudu2",
},function(){alert('恭喜你，又交了一个朋友！')
})var du = new Friend();
//这个new 也可以用Ext.create(“Friend”); 来代替
du.getName();

类的继承

Ext.define("robotFriend",{extend:"Friend",name:"Carling"
},function(){alert("你怎么交了个机器人朋友！");
})Ext.create("robotFriend").getName();

类的混入（Mixins）：该特性的作用在于调用另一个类的方法。

Ext.define("Car",{name:"Carling's Car”,//混合写法，前面的属性名是mixins:{getName:"Friend"}
},function(){alert("恭喜你，获得了属于自己的小车车。")
})Ext.create("Car").getName();

这个类就是可以调用ext.js所提供的组件库进行直接使用。

相关文章：

【Ext.js 初步入门】Ext.js 作用以及用法概述

一、Ext.js的作用首先我们需要了解类似Ext.js以及easyui类似产品的作用是什么。我的理解是就是相当于一个组件库，它与bootstrap类似产品的区别在于，bootstrap与ext.js和easyui面向的问题不同，bootstrap面向的问题样式，ext.js和…...

编程日记 2025/7/22 4:41:23

基于源码剖析：深度解读JVM底层运行机制

每日禅语佛说，给你修路的，是你自己；埋葬你的，也是你自己；帮助你的，是你自己；毁灭你的，也是你自己；成就你的，自然还是你自己。所以佛说：自作自受&…...

编程日记 2025/7/19 7:57:46

redis延迟队列

Redis延迟队列 Redis延迟队列是基于Redis构建的消息队列，用来处理需延迟执行的任务。基本原理它借助Redis的有序集合（Sorted Set）数据结构达成目的。会把任务及其执行时间分别当成成员与分值存进有序集合，由于执行时间作为分值&…...

编程日记 2025/7/19 14:34:02

GDPU Vue前端框架开发期末赛道出勇士篇（更新ing）

记住，年底陪你跨年的不会仅是方便面跟你的闺蜜，还有孑的笔记。选择题 1.下列选项用于设置Vue.js页面视图的元素是（）。 A. Template B. script C. style D. title 2.下列选项中能够定义Vuejs根实例对象的元素是（&…...

编程日记 2025/7/18 23:52:14

WordPress TutorLMS插件 SQL注入漏洞复现(CVE-2024-10400)（附脚本）

0x01 产品描述： ‌Tutor LMS‌是一个功能强大的...

编程日记 2025/7/5 5:51:40

小程序配置文件 —— 14 全局配置 - tabbar配置

全局配置 - tabBar配置 tabBar 字段：定义小程序顶部、底部 tab 栏，用以实现页面之间的快速切换；可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面； 在上面图中，标注了一些 tabBar …...

编程日记 2025/7/15 9:08:26

基于python+Django+mysql文档格式转换工具系统设计与实现

博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育、辅导。所有项目都配有从入门到精通的基础知识视频课程&#xff…...

编程日记 2025/7/19 18:01:05

异步线程池中，ThreadPoolTaskExecutor和ThreadPoolExecutor有什么区别？

异步线程池中，org.springframework.scheduling.concurrent.ThreadPoolTaskExecutor和java.util.concurrent.ThreadPoolExecutor有什么区别？ org.springframework.scheduling.concurrent.ThreadPoolTaskExecutor 和 java.util.concurrent.ThreadPoolExec…...

编程日记 2025/7/18 7:10:25

【机器学习】SVM支持向量机（二）

介绍支持向量机（Support Vector Machine, SVM）是一种监督学习模型，广泛应用于分类和回归分析。SVM 的核心思想是通过找到一个最优的超平面来划分不同类别的数据点，并且尽可能地最大化离该超平面最近的数据点（支持向量…...

编程日记 2025/7/21 10:10:40

基于NodeMCU的物联网电灯控制系统设计

最终效果基于NodeMCU的物联网电灯控制系统设计小程序关灯上图展现了小程序关灯过程的数据传输过程：用户下达关灯指令→小程序下发关灯指令→MQTT服务器接收关灯指令→下位机接收与处理关灯指令。项目介绍该项目是“物联网实验室监测控制系统设计（…...

编程日记 2025/7/18 7:52:03

源码安装redis后配置redis开机自启动

initd风格 #!/bin/sh ### BEGIN INIT INFO # Provides: redis # Required-Start: $remote_fs $syslog # Required-Stop: $remote_fs $syslog # Default-Start: 2 3 4 5 # Default-Stop: 0 1 6 # Short-Description: Start/stop Redis server ### END…...

编程日记 2025/7/17 15:16:37

WebRTC服务质量（11）- Pacer机制（03) IntervalBudget

WebRTC服务质量（01）- Qos概述 WebRTC服务质量（02）- RTP协议 WebRTC服务质量（03）- RTCP协议 WebRTC服务质量（04）- 重传机制（01) RTX NACK概述 WebRTC服务质量（…...

编程日记 2025/7/22 4:36:51

22.跳过报错（最简） C#例子

这是一个跳过报错的例子，如果代码出错了会自动跳过，代码正确了就正常执行。然而这不是一种推荐的做法，正确的做法应该是使用bool类型的值去检测代码运行结果，然后分支判断，在代码内部解决错误。这只是一种好玩的做…...

编程日记 2025/7/17 5:13:37

windows 本地node版本快速升级

文章目录前言一、前置条件二、使用步骤1.查看node 安装位置2.下载指定的node 版本3.下载后进行解压缩4. 删除覆盖原来的node文件夹内容5. 验证总结前言 Node.js 是一个开源、跨平台的JavaScript运行时环境，它允许开发者在服务器端运行JavaScript代码。Node.js 基…...

编程日记 2025/7/20 18:50:05

windows安装mongodb

一.安装包准备 1.服务端下载 https://www.mongodb.com/try/download/communitya 按需选择，我们这里选择社区版直接点download浏览器下载可能比较慢，可以尝试copy link后用三方下载软件，会快很多。 2.命令行客户端下载 https://www.mong…...

编程日记 2025/7/19 11:55:29

一文读懂混合专家模型（MoE）

一文读懂混合专家模型（MoE） 概述混合专家模型（Mixture of Experts，MoE）是一种机器学习和深度学习中的模型架构，它通过多个“专家”子模型来处理不同类型的输入数据或任务。在MoE模型中，输入数…...

编程日记 2025/7/19 18:18:50

自然语言处理（NLP）中的事件检测和事件抽取

事件检测和事件抽取是自然语言处理（NLP）中的两个重要任务，主要用于从文本中识别和提取事件及其相关信息。这两个任务在信息检索、情报分析、新闻摘要等应用中具有重要意义。事件检测（Event Detection） 事件检测的目…...

编程日记 2025/7/18 18:50:25

深度学习：基于MindSpore NLP的数据并行训练

什么是数据并行？ 数据并行（Data Parallelism, DP）的核心思想是将大规模的数据集分割成若干个较小的数据子集，并将这些子集分配到不同的 NPU 计算节点上，每个节点运行相同的模型副本，但处理不同的数据子集。…...

编程日记 2025/7/19 11:22:19

unity NAudio 获取电脑是否静音

测试，这两个办法都可以打包出来也可以hu 想获取电脑是否静音出现编辑器模式下正常打包出来失败需要把 Api Compatibility Level改成.NET 4.x...

编程日记 2025/7/2 9:16:01

SemiDrive E3 MCAL 开发系列（6）– Icu 模块的使用

一、概述本文将会介绍 SemiDrive E3 MCAL Icu 模块的简介以及基本配置，其中还会涉及到 Xtrg 模块的配置。此外会结合实际操作的介绍，帮助新手快速了解并掌握这个模块的使用，文中的 MCAL 是基于 PTG3.0 的版本，开发板是官方的 …...

编程日记 2025/7/21 6:14:33

leetCode322.零钱兑换

题目： 给你一个整数数组coins,表示不同面额的硬币；以及一个整数amount,表示总金额。计算并返回可以凑成总金额所需的最少的硬币个数。如果没有任何一种硬币组合能组成总金额，返回-1。你可以认为每种硬币的数量是无限的。示例1&#xff1…...

编程日记 2025/7/22 4:35:06

【Python】什么是元组（Tuple）？

什么是元组（Tuple）？ 元组（Tuple）是 Python 中的一种不可变的数据结构，用于存储多个元素。它类似于列表（List），但与列表不同的是，元组一旦创建，…...

编程日记 2025/7/21 13:28:34

zentao ubuntu上安装

#下载ZenTaoPMS-21.2-zbox_amd64.tar.gz（https://www.zentao.net/downloads.html） https://dl.zentao.net/zentao/21.2/ZenTaoPMS-21.2-zbox_amd64.tar.gzcd /opt tar -zxvf ZenTaoPMS-21.2-zbox_amd64.tar.gz#启动 /opt/zbox/zbox start /opt/zbox/zbox…...

编程日记 2025/7/22 4:36:51

文档解析丨高效准确的PDF解析工具，赋能企业非结构化数据治理

在数据为王的时代浪潮中，企业数据治理已成为组织优化运营、提高竞争力的关键。随着数字化进程的加速，企业所积累的数据量呈爆炸式增长，数据类型也愈发多样化，这些数据构成了现代企业数据资产的重要组成部分。然而，传…...

编程日记 2025/7/20 23:02:42

Unity 实现Canvas显示3D物体

新建一个UI相机，选择渲染层为UI 将主相机的渲染层去掉UI层、将Canvas的RenderMode设置为Screen Space - Camera,将RenderCamera设置为UI相机新建3D物体的UI父物体，并将3D物体的层级设置为UI层适当的放缩3DObjParent，让3D物体能显示出来…...

编程日记 2025/7/11 5:53:52

OpenAI 12天发布会：AI革命的里程碑@附35页PDF文件下载

在人工智能的浪潮中，OpenAI的12天发布会无疑是2024年科技界的一场盛宴。从12月5日开始，OpenAI连续12天每天发布一个新应用或功能，标志着AI技术的又一次飞跃。本文将梳理这些激动人心的发布，带你一探究竟。 OpenAI发布会概览 Ope…...

编程日记 2025/7/11 16:14:53

cellphoneDB进行CCI以及可视化

除了cellchat，在单细胞转录组或者空间组的分析中，cellphoneDB也是一个常用的细胞通讯软件，这个数据库更注重配受体关系，对于有明确先验知识的配受体研究比较友好。但值得注意的是，它的数据库只包括人的基因名称信息&…...

编程日记 2025/7/17 23:15:15

Facebook 上的社群文化：连接与共享

随着社交媒体的普及，Facebook作为全球最大的社交平台之一，不仅改变了人们的沟通方式，还塑造了独特的社群文化。在Facebook上，用户可以轻松地与朋友、家人保持联系，同时也能加入兴趣相投的群组、参与讨论和共享内容。社…...

编程日记 2025/7/21 16:18:19

数据库的概念和操作

目录 1、数据库的概念和操作 1.1 物理数据库 1. SQL SERVER 2014的三种文件类型 2. 数据库文件组 1.2 逻辑数据库 2、数据库的操作 2.1 T-SQL的语法格式 2.2 创建数据库 2.3 修改数据库 2.4 删除数据库 3、数据库的附加和分离 1、数据库的概念和操作 1.1 物理数据库…...

编程日记 2025/7/19 9:00:15

word运行时错误‘-2147221164（80040154）’ 没有注册类的解决办法

目录问题描述解决方案问题描述解决方案打开C盘找到路径C:\Users\Administrator\AppData\Roaming\Microsoft\Word\STARTUP或者在everything中搜索“Microsoft\Word\STARTUP”删除NEWebWordAddin.dotm文件即可正确打开word。...

编程日记 2025/7/7 17:47:43

Oracle数据库高级应用与优化策略

Oracle数据库高级应用与优化策略在数据驱动的时代，Oracle数据库作为企业级数据库管理的佼佼者，以其强大的数据处理能力、高可用性和安全性，在众多行业领域中扮演着不可或缺的角色。本文旨在深入探讨Oracle数据库的高级应用与优化策略，通过具体代码使用案例，帮助开发者和…...

编程日记 2025/7/14 22:10:02

笔记：使用python对飞书用户活跃度统计的一个尝试

说明一个python练习代码 import json import time import openpyxl from openpyxl import load_workbook from datetime import datetime, timedelta import lark_oapi as lark from lark_oapi.api.admin.v1 import *def data_r(start_date, end_date):r_data []client la…...

编程日记 2025/7/21 11:41:50

讲解substr函数

substr JavaScript 中的 substr语法示例注意 PHP 中的 substr语法示例 Python 中的等价方法语法示例其他语言Java 补充 substr 是编程中用于截取字符串的一个方法或函数，其功能是从一个字符串中提取出一部分子字符串。不同的编程语言中，这个功能的实现方…...

编程日记 2025/7/21 8:51:28

宏任务和微任务的区别

在 JavaScript 的异步编程模型中，宏任务（Macro Task）和微任务（Micro Task）是事件循环（Event Loop）机制中的两个重要概念。它们用于管理异步操作的执行顺序。 1. 宏任务 (Macro Task) 宏任务是较…...

编程日记 2025/7/17 16:42:22

设计模式介绍

设计模式是软件开发中常见问题的经典解决方案。它们是经过验证的、可重用的设计经验，可以帮助程序员构建可维护、可扩展和可靠的对象导向软件。设计模式通常分为三大类：创建型、结构型和行为型。以下是每种类型中一些常见的设计模式&#xff0c…...

编程日记 2025/7/18 20:33:54

flask后端开发（11）：User模型创建+注册页面模板渲染

目录一、数据库创建和配置信息1.新建数据库2.数据库配置信息3.User表4.ORM迁移二、注册页面模板渲染1.导入静态文件2.蓝图注册路由一、数据库创建和配置信息 1.新建数据库终端中 CREATE DATABASE zhiliaooa DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;2…...

编程日记 2025/7/21 20:20:02

Ubuntu 中安装 RabbitMQ 教程

简介 RabbitMq作为一款消息队列产品，它由Erlang语言开发，实现AMQP（高级消息队列协议）的开源消息中间件。应用场景异步处理场景说明：用户注册后，注册信息写入数据库，再发邮件、短信通知。 …...

编程日记 2025/7/20 2:44:54

【开源免费】基于SpringBoot+Vue.JS网上摄影工作室系统（JAVA毕业设计）

本文项目编号 T 103 ，文末自助获取源码 \color{red}{T103，文末自助获取源码} T103，文末自助获取源码目录一、系统介绍二、数据库设计三、配套教程3.1 启动教程3.2 讲解视频3.3 二次开发教程四、功能截图五、文案资料5.1 选题背景5.2 国内…...

编程日记 2025/7/20 7:51:22

Metricbeat安装教程——Linux——Metricbeat监控ES集群

Metricbeat安装教程——Linux 一、安装下载安装包： 官网下载地址：https://www.elastic.co/cn/downloads/beats/metricbeat 上传包到linux 切换到安装目录下解压：tar -zxvf metricbeat-7.17.1-linux-x86_64.tar.gz 重命名安装文件夹 mv met…...

编程日记 2025/7/21 18:05:41

torch.nn.Embedding模块介绍

torch.nn.Embedding 是 PyTorch 中的一个嵌入层模块，用于将离散的整数索引（如单词或标记的 ID）映射到连续的密集向量空间中。常用于自然语言处理（NLP）中的词嵌入，但也适用于任何需要将类别数据转换为密集向量表示的场景。参数说明 torch.nn.Embedding(num_embeddings, …...

编程日记 2025/7/14 1:34:03

＜数据集＞风力发电机损伤识别数据集＜目标检测＞

数据集下载链接 ＜数据集＞风力发电机损伤识别数据集＜目标检测＞https://download.csdn.net/download/qq_53332949/90187097数据集格式：VOCYOLO格式图片数量：2527张标注数量(xml文件个数)：252…...

编程日记 2025/7/18 13:58:56

【Python运维】自动化备份与恢复系统的实现：Python脚本实战

《Python OpenCV从菜鸟到高手》带你进入图像处理与计算机视觉的大门！解锁Python编程的无限可能：《奇妙的Python》带你漫游代码世界随着信息化进程的加速，数据的重要性日益增加，数据丢失的风险也随之增加。为了保证数据安全，定期备份和及时恢复数据是必不可少的操作。本…...

编程日记 2025/7/20 2:05:45

PTA数据结构编程题7-1最大子列和问题

我参考的B站up的思路题目题目链接给定K个整数组成的序列{ N 1 , N 2 , …, N K }，“连续子列”被定义为{ N i , N i1 , …, N j }，其中 1≤i≤j≤K。“最大子列和”则被定义为所有连续子列元素的和中最大者。例如给定序列{ -2, 1…...

编程日记 2025/7/18 18:28:36

Elasticsearch-模糊查询

模糊查询前缀搜索：prefix 概念：以xx开头的搜索，不计算相关度评分。注意： 前缀搜索匹配的是term，而不是field。前缀搜索的性能很差前缀搜索没有缓存前缀搜索尽可能把前缀长度设置的更长语法： GET &…...

编程日记 2025/7/18 3:57:23

C#学习1：C#初接触，一些基础内容备忘和相关报错说明

目录 1 C#基本语法格式 1.1 基础规则 1.2 以if为例子 2 一些写法 2.1 时间相关 2.2 对数写法 2.3 关于使用random 2.4 UnityEngine.Random.value 2.5 PerlinNoise 函数 PerlinNoise 函数本身的输出范围 3 各种报错 3.0 unity里对C#报错内容超级详细 3.1 error cs1…...

编程日记 2025/7/19 5:19:11

机器学习的方法

机器学习方法主要分为三种：监督学习、无监督学习、半监督学习。 1.监督学习神经网络、朴素贝叶斯、线性回归、逻辑回归、随机森林、支持向量机（SVM）都是典型的监督学习方法。监督学习，即监督机器学习，之所以叫监督…...

编程日记 2025/7/21 21:25:45

el-pagination 为什么只能展示 10 条数据（element-ui@2.15.13）

好的，我来帮你分析前端为什么只能展示 10 条数据，以及如何解决这个问题。问题分析： pageSize 的值： 你的 el-pagination 组件中，pageSize 的值被设置为 10：<el-pagination:current-page"current…...

编程日记 2025/7/19 4:02:50

vulhub-wordpress靶场

一.主题上传漏洞来到靶场点击主题选择add new 这里有一个上传主题的地方我们可以去网上找到wordpress主题下载一个 wordpress模板网页设计模板免费免费下载 - 爱给网下载完成后对我们有用的东西只有这一个目录，把它拖出来点开moban目录后，创建…...

编程日记 2025/7/16 12:09:53

Docker 默认安装位置迁移

一、找到 Docker 默认安装位置 [roothost-192-168-0-1 ~]# docker info Client:Version: 26.1.0Context: defaultDebug Mode: falseServer:Containers: 31Running: 31Paused: 0Stopped: 0Images: 128Server Version: 26.1.0Storage Driver: overlay2Backing Filesystem:…...

编程日记 2025/7/19 6:10:17

【机器学习】SVM支持向量机（一）

介绍支持向量机（Support Vector Machine, SVM）是一种监督学习模型，广泛应用于分类和回归分析。SVM 的核心思想是通过找到一个最优的超平面来划分不同类别的数据点，并且尽可能地最大化离该超平面最近的数据点（支持向量…...

编程日记 2025/7/20 16:47:20