javascript组件
SpringBoot自动化装配中，如何解决组件装配顺序
SpringBoot自动化装配中，如果有两个AutoConfiguration，A依赖B，这时ConditionalOnBean如何保证顺序使需要的Bean会提前加载 使用@AutoConfigureAfter, 当几个组件加载完成后，再加载当前组件，如：Nacos服务注册自动配置类加载前需要加载： ......
JavaScript程序设计模式小技巧——策略模式，快看快用！！！
## 前言> 系列首发于公众号[『非同质前端札记』](https://mp.weixin.qq.com/s?__biz=MzkyOTI2MzE0MQ==&mid=2247485576&idx=1&sn=5ddfe93f427f05f5d126dead859d0dc8&chksm=c20d73c2f5 ......
JavaScript | JavaScript数据类型
数据类型决定了一个数据的特征，比如：`123`和`”123”`，直观上看这两个数据都是123，但实际上前者是一个数字，而后者是一个字符串。对于不同的数据类型我们在进行操作时会有很大的不同。 **JavaScript中一共有5种基本数据类型：** + 字符串型（String） + 数值型（Number ......
JavaScript | JavaScript入门知识
### JavaScript编写位置 + 我们目前学习的JS全都是客户端的JS，也就是说全都是需要在浏览器中运行的，所以我们我们的JS代码全都需要在网页中编写。 + 我们的JS代码需要编写到` 点我一下 你也点我一下 你也点我一下 ``` ### Hello World + 创建一个html文件。 ......
JavaScript（二）运算符
一：算数运算符 +-*/加减乘除 %取模（余数） 二：赋值运算符 += -+ *= /= %= let num=5 num=num+1 num +=1 两行一样 三：自增自减运算符 ++ 变量+1 -- 变量-1 ++在后面，先进行变量外的运算 ++在前面，先进行自增，在进行变量外的运算 用的比较少 ......
JavaScript自定义响应式对象
## 1. 引言 这里的响应式对象是指JavaScript中的变量与HTML中的内容相绑定，变量更新则内容更新，也叫数据绑定 此时不得不说MVVM架构，MVVM架构思想的实现步骤如下： - 模型（Model）：负责处理数据的读写操作，包括从服务器获取数据、存储数据等 - 视图（View）：负责渲染用 ......
JavaScript
### 溢出属性 ```css p { height: 100px; width: 50px; border: 3px solid red; /*overflow: visible; !*默认就是可见 溢出还是展示*!*/ /*overflow: hidden; !*溢出部分直接隐藏*!*/ /*o ......
Unity UGUI的RectMask2D（2D遮罩）组件的介绍及使用
# Unity UGUI的RectMask2D（2D遮罩）组件的介绍及使用 ## 1. 什么是RectMask2D组件？ RectMask2D是Unity UGUI中的一个组件，用于实现2D遮罩效果。它可以限制子对象在指定的矩形区域内显示，超出区域的部分将被遮罩隐藏。 ## 2. RectMask2 ......
Unity UGUI的LayoutElement（布局元素）组件的介绍及使用
# Unity UGUI的LayoutElement（布局元素）组件的介绍及使用 ## 1. 什么是LayoutElement组件？ LayoutElement是Unity UGUI中的一个布局元素组件，用于控制UI元素在布局中的大小和位置。它可以用于自动调整UI元素的大小，以适应不同的屏幕分辨率和 ......
JavaScript
### 1.JavaScript的使用方式 **①内部方式:** 在head标签体中或者body下面书写:scrip标签 ```javascript ``` **②导入外部js文件:** script标签必须,内部src属性="js文件地址" ```javascript ``` ### 2. ......
JavaScript继承
# 继承—通过原型 ## 1.共同 ```js function A() {} function B() {} const g = { a: 1, b: 2, }; ``` 我想让从A、B构造出来的对象都具有g其中的属性，就可以通过继承 ```js A.prototype = g A.prototy ......
element ui 分页组件自定义每页条数page-size
参考代码： <div style="display: flex;"> <el-pagination :total="total" :pager-count="5" :page-size="searchForm.pageSize" :current-page="searchForm.pageIndex ......
JavaScript常问面试题（持续更新中）
###this，作用域，闭包 ####1. 谈谈对 this 指向问题的理解 * JS中this的指向非常灵活，会根据函数的调用方式和所处环境不同而发生变化 * this关键字用来指代当前执行环境的上下文 * this永远指向一个对象 * this的指向取决于函数调用的位置，或通过call，appl ......
JavaScript常问面试题（持续更新中）
###this，作用域，闭包 ####1. 谈谈对 this 指向问题的理解 * JS中this的指向非常灵活，会根据函数的调用方式和所处环境不同而发生变化 * this关键字用来指代当前执行环境的上下文 * this永远指向一个对象 * this的指向取决于函数调用的位置，或通过call，appl ......
htmx是一个库，用于在现代Web应用程序中实现实时交互。它使用声明性的HTML扩展属性来标记和控制交互行为，而无需编写复杂的JavaScript代码。htmx通过Ajax技术实现局部页面更新，从而提供更好的用户体验。
[htmx](https://htmx.org/ "htmx")是一个库，用于在现代Web应用程序中实现实时交互。它使用声明性的HTML扩展属性来标记和控制交互行为，而无需编写复杂的JavaScript代码。htmx通过Ajax技术实现局部页面更新，从而提供更好的用户体验。 https://htmx ......
知识库数据导出为excel-使用JavaScript实现在浏览器中导出Excel文件
我们智能客服知识库机器人已经开发完成，后端数据库是使用的qdrant向量数据库，但是该数据库并没有导出备份功能，所以我按简单的纯前端实现知识库导出excel数据 使用第三方库（如SheetJS） SheetJS是一个流行的JavaScript库，可帮助处理Excel文件。您可以使用SheetJS来将 ......
JavaScript学习笔记
之所以学习JS是想更清楚的了解这门语言,记得上学那会就感觉j真难学,工作了几年了一直从事后端,但偶尔也会用前端开发,这时候就会手忙脚乱, 好多东西都是默默糊糊,还有就是,我想知道这门语言真的很难学吗?抱着好奇的心态开始了一个月的学习历程,下面整理一下一个月的学习笔记.跟着<<JavaScript前端 ......
vue-day33-vue 单文件组件
1.indedx.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>练习一下单文件组件的语法</title> </head> <body> <div id="root"></div> <script type="te ......
vue使用echarts图表，有一个组件：v-charts
# 介绍 在使用 echarts 生成图表时，经常需要做繁琐的数据类型转化、修改复杂的配置项，v-charts 的出现正是为了解决这个痛点。基于 Vue2.0 和 echarts 封装的 v-charts 图表组件，只需要统一提供一种对前后端都友好的数据格式设置简单的配置项，便可轻松生成常见的图表。 ......
JavaScript：map和forEach
在JavaScript中，`map`和`forEach`是数组的两个常用方法，它们都用于遍历数组中的元素，但在使用方式和功能上有一些区别。 1. **功能不同**： - `forEach`: `forEach`方法用于遍历数组的每个元素，并对每个元素执行一个回调函数。它没有返回值，只是对数组中的每个 ......
项目开发难点-要求el-radio组件实现点击切换的时候，先弹出框判断是否符合条件，如果符合radio的值发生变化，不符合则不变。解决方法v-model的分解式 :value @Input
需求描述：页面radio点击的时候，先不改变radio的值，先弹出框进行判断是否符合一定的条件如果符合则发生变化，否则radio不发生变化,页面还显示原来的值。 问题难点：在vue项目中，使用 <el-radio v-model="radio" label="1">备选项1</el-radio> < ......
云原生第八周--k8s网络组件
##一 网络通信 ###1 二层通信 基于目标mac地址通信 不可跨局域网通信 通常通过交换机实现报文转发 ![image](https://img2023.cnblogs.com/blog/3185455/202307/3185455-20230710105944382-1649864173.pn ......
【技术积累】Vue.js中的组件库【一】
博客推行版本更新，成果积累制度，已经写过的博客还会再次更新，不断地琢磨，高质量高数量都是要追求的，工匠精神是学习必不可少的精神。因此，大家有何建议欢迎在评论区踊跃发言，你们的支持是我最大的动力，你们敢投，我就敢肝 ......
vue3+ts利用draggable组件实现拖拽
界面展示 实现步骤 安装组件（vue3引入的包为vuedraggable@next ，vue2为vuedraggable） npm i -S vuedraggable@next 引入并使用组件 <template> <!-- 此页面template中没有可刷新页面的数据变化，拖拽会不起作用，所以加个 ......
k8s 学习笔记之安装集群所需组件
### 安装 docker ``` # 1 切换镜像源 [root@master ~]# wget https://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo -0 /etc/yum.repos.d/docker-ce.repo ......
关于javascript递归时，找到对应数据退出循环的问题
近日在写javascript递归逻辑，写完后以为没问题，实测的时候发现很多bug，发现递归找到数据后还在往下递归，或者没找到退出了 网上百度到一个样例和我的很符合，贴一下，第一张图片是问题，第二张是解答 解释一下：deep是个箭头函数，也就是个方法 deep（arr[i]）是一个布尔值 在循环数据的 ......
JavaScript | JavaScript介绍
### JavaScript起源 + JavaScript诞生于1995年，它的出现主要是用于处理网页中的前端验证。 + 所的前端验证，就是指检查用户输入的内容是否符合一定的规则。 + 比如：用户名的长度，密码的长度，邮箱的格式等。 ![](https://img2023.cnblogs.com/b ......
JavaScript（一）
简介： JavaScript不学不行啊，ajax，前端交互，都需要的。 一：书写位置 1.内部位置 2.外部位置 3.行内 一般在框架里支持 二：注释 1.单行注释 //这里是注释 快捷键：ctrl+/ 2.多行注释 /* 这里是多行注释 */ 快捷键：alt+shift+a 三：结束符 每行的结束 ......
JavaScript|This指向
## 1 普通函数 普通函数中的`this`指向`window` > 示例 ```html Document ``` ## 2 构造函数 构造函数中的`this`指向实例对象 ```html Document ``` ## 3 对象的方法 对象的方法中的`this`指向对象 ```html Docu ......