javascript组件
四、组件的生命周期
import { onBeforeMount, onMounted, onBeforeUpdate, onUpdated, onBeforeUnmount, onUnmounted} from "vue" 1、onBeforeMount创建 onBeforeMount(()=>{ // 创建之前 } ......
ArcGIS API for JavaScript 4.x加载GeoServer发布的WMTS服务
前言 以前用OpenLayers加载GeoServer我记得很简单，现在用ArcGIS API加载捣鼓了一天没搞好，第二天早上来参考一篇文章搞好了，我这纯属记录下。 背景 客户没有ArcGIS Server的许可，所以就只能用GeoServer发布或者离线切片，先研究下GeoServer，后面如果心 ......
优雅封装vue中的 iframe组件（可修改iframe内部样式）
公共组件 <template> <div class="wrapper-c"> <iframe id="fram_box" @load="loadFrame" :src="url"> </iframe> </div> </template> <script> export default { nam ......
无界微前端（wujie）：element-ui 弹框内使用select组件，弹出框位置异常解决方案 (主程序加载子程序)
https://wujie-micro.github.io/doc/guide/ element-ui 弹框内使用select组件，弹出框位置异常解决方案 第一步： 在子应用中： 以上3步就好啦！！！是不是很简单 这个框架坑很多，希望对大家有帮助！！！ ......
vue全家桶进阶之路45：Vue3 Element Plus el_button组件
在 Vue 3 中，Element Plus 的 ElButton 组件提供了多种按钮类型和属性，可以用于实现不同的交互效果。下面是 ElButton 常用的作用和属性： 作用： 用于在页面上添加交互按钮，比如提交按钮、取消按钮等。 常用属性： type：按钮类型，可以取值为 primary、suc ......
vue全家桶进阶之路44：Vue3 Element Plus el_row和el_col组件
在 Vue 3 中，Element Plus 也提供了 ElRow 和 ElCol 组件，用于实现栅格布局。 ElRow 组件的常用属性： gutter：栅格间距，默认为 0。 type：布局模式，可选值为 flex、justify 和 align。默认值为 flex。 tag：组件标签，默认为 d ......
JavaScript函数基础语法
●我们代码里面所说的函数和我们上学的时候学习的什么三角函数、二次函数之类的不是一个东西 函数的概念 ●对于 js 来说，函数就是把任意一段代码放在一个 盒子 里面●在我想要让这段代码执行的时候，直接执行这个 盒子 里面的代码就行●先看一段代码 // 这个是我们以前写的一段代码 for (var i ......
vue全家桶进阶之路43：Vue3 Element Plus el-form表单组件
在 Element Plus 中，el-form 是一个表单组件，用于创建表单以便用户填写和提交数据。它提供了许多内置的验证规则和验证方法，使表单验证更加容易。 使用 el-form 组件，您可以将表单控件组织在一起，并对表单进行验证，以确保提交的数据符合预期的格式和要求。该组件具有以下特性： 支持 ......
Android UI组件
1.TextView 知识点： autoLink：文本自动识别为web超链接、email地址等——第五章 AcitonBar用法：自定义ActionBar——第四章 创建Acticity选项菜单：让返回键在ActionBar中显示后，重写onOptionsItemSelected——第四章 创建，注 ......
JavaScript 九九乘法表
方法一：观察规律： 第一个数每行都是自增1。 我们发下第二个数都是从1开始，依次递增1，永远不大于前面的数。 前面数字每自增一次，后面数字自增一轮。 我们可以用双重for循环，外层初始值设为i，i从1开始，到9结束，自增1 内层从初始值设为j，j从1开始，小于等于外层的i，自增1 九九乘法表代码如下 ......
JavaScript增删HTML标签
要在JavaScript中添加和删除标签，可以使用以下代码： 添加标签： ```javascript // 创建一个新标签 var newTag = document.createElement("p"); // 设置标签属性和内容 newTag.setAttribute("id", "myTag" ......
JavaScript修改HTML内容
要使用JavaScript修改网页中的文字和链接，可以使用以下方法： 1. 通过id获取元素，并使用innerHTML属性修改元素的内容。例如： ``` // 修改id为myText的元素的内容 document.getElementById("myText").innerHTML = "新的文本内 ......
JavaScript的dom常用方法
`document`是JavaScript中的一个内置对象，代表当前HTML文档。它提供了一些方法和属性，用于操作和获取HTML元素和文档信息。以下是一些常见的`document`的使用方法： ## 获取元素 - `document.getElementById(id)`：通过元素id获取一个元素对 ......
JavaScript内置函数
JavaScript内置了许多常用的模块，以下是一些常用模块的列表： 1. Math：数学操作的相关函数，例如计算三角函数，指数，对数，平方根等等。 ```javascript // 计算平方根 Math.sqrt(16); // 返回 4 // 计算圆的面积 Math.PI * Math.pow( ......
JavaScript数组常用操作
JavaScript中的数组是一种用于存储和操作多个值的数据结构。以下是使用JavaScript中的数组的一些基本方法： 1.创建数组： ``` let arr = [1, 2, 3]; ``` 2.获取数组的长度： ``` arr.length // 输出：3 ``` 3.访问数组元素： ``` ......
JavaScript字符串的常用操作
在JavaScript中，字符串是不可变的，也就是说，一旦创建了一个字符串，就不能直接修改其值。如果需要对字符串进行修改，则需要创建一个新的字符串。 字符串的增删改查操作如下： 1. 字符串的增加 可以使用加号运算符`+`将两个字符串连接起来，从而实现字符串的增加。 ```javascript va ......
JavaScript第三方库官网
国内常用的 JavaScript 库官网有以下几个： 1. https://www.bootcdn.cn/：提供了常用的 JavaScript 库，包括 jQuery、Vue.js、React 等。 2. https://www.staticfile.org/：提供了常用的 JavaScript 库 ......
JavaScript网页自动化测试库
以下是一些可以模拟鼠标键盘操作网页的JavaScript库： 1. Puppeteer：基于Node.js的自动化测试工具，可以模拟用户操作，包括点击、输入等。 2. Selenium：另一个流行的自动化测试工具，也可以进行鼠标键盘模拟操作。 3. Synth：轻量级的JavaScript库，可以模 ......
如何在html页面引入Element组件
相关步骤 1、引入相关链接 <link rel="stylesheet" href="https://unpkg.com/element-ui@2.15.6/lib/theme-chalk/index.css"> <script src="https://cdn.jsdelivr.net/npm/v ......
普罗米修斯安装node_exporter组件
1.下载安装 下载地址：https://prometheus.io/download/ 上传服务器local下 解压 为了后续使用方便更名为：node_exporter 启动服务： nohup /usr/local/node_exporter/node_exporter & 查看端口9100占用情况 ......
JavaScript常用内置函数
JavaScript内置了许多常用的函数，以下是一些常用函数的列表： 1. alert()：显示一个对话框，其中包含一条消息和一个确定按钮。 ```javascript alert("Hello, world!"); ``` 2. prompt()：显示一个对话框，其中包含一条消息和一个输入框，允许 ......
AES算法 前端JavaScript加密 后端Java解密
CryptoJS https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js 中文文档 https://cryptojs.gitbook.io/docs/ var AES = function () { const ......
设置antd中Table组件左侧部分复选框禁用
const rowSelections = { selectedRowKeys: selectedRows.map((item => item.id)), onChange: onSelectChange, getCheckboxProps: (record) => ({ disabled: rec ......
界面控件DevExpress WinForm的垂直网格组件，让数据展示更灵活！
DevExpress WinForm Vertical Grid（垂直网格）组件设计用于提供UI灵活性，它允许显示数据集中的单个行，或在其90度反向网格容器中显示多个数据集行。此外，开发者还可以将其用作属性网格，就像在Visual Studio IDE中找到的那样。 PS：DevExpress Wi ......
JavaScript-构造表单并提交数据
// 使用form表单实现post方式文件下载 downloadPost: function(url, data){ var body = document.getElementsByTagName('body')[0]; var form = document.createElement('for ......
关于vue3如何封装命令式modal（免写组件标签）
由于之前搜索其他modal框封装的文章时，发现大多数在使用时需要引入并注册组件，传入参数再写方法。每次引用时都要经过上述操作，觉得太麻烦了。后面通过一些资料摸索出vue3如何利用命令方式（即避免写组件标签）来弹出弹框，写下这篇文章，方便日后自己复习 调用及效果 先上使用方法及效果 代码 <templ ......
vue3学习之tabler组件Layout布局
上一篇使用的bootstrap-vue-next项目迭代很快，考虑还未发文档和正式版本(自己菜)改用原生bootstrap模板tabler项目。 tabler 安装运行 不想安装可直接打开tabler\demo目录下html文件浏览查看效果 #获取后目录下运行 npm install #需要先安装h ......
JavaScript获取href的值
1.当href的值为正常网址时： <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <head th:include="include :: header"></head> <title></title> </h ......
微信小程序开发学习笔记（二）——小程序框架、组件、WXML
一、整体认识小程序框架 小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。 整个小程序框架系统分为两部分：逻辑层（App Service）和 视图层（View）。小程序提供了自己的视图层描述语言 WXML 和 WXSS，以及基于 JavaScrip ......
前端基础之JavaScript
前端基础之JavaScript JavaScript和Java没有半毛钱关系，由于当时的Java热度很热，蹭一下热度。 1996年11月，JavaScript的创造者--Netscape公司，决定将JavaScript提交给国际标准化组织ECMA，希望这门语言能够成为国际标准。次年，ECMA发布26 ......