javascript组件
OpenHarmony定义组件重用样式:@Styles装饰器
如果每个组件的样式都需要单独设置,在开发过程中会出现大量代码在进行重复样式设置,虽然可以复制粘贴,但为了代码简洁性和后续方便维护,我们推出了可以提炼公共样式进行复用的装饰器@Styles。 @Styles装饰器可以将多条样式设置提炼成一个方法,直接在组件声明的位置调用。通过@Styles装饰器可以快 ......
无涯教程-JavaScript - TREND函数
描述 TREND函数沿线性趋势返回值。 (使用最小二乘法)将一条直线拟合到阵列known_y和known_x。返回指定的new_x数组沿该行的y值。 语法 TREND (known_y's, [known_x's], [new_x's], [const]) 争论 Argument 描述 Requir ......
C# 自己的组件生成Nuget包,组件里的内容(dll等)设置了复制到输出目录,但是引用该Nuget包后生成路径并没有相应的内容
例如组件A项目中想把以下dll拷贝都输出目录, 已经设置了复制到输出目录。 然后项目B通过Nuget包引入了组件A,然后项目B生成路径下并没有这几个opencv的dll。 经过组内大佬 唐宋元明清2188 的研究 需要在组件A的项目文件中给每个dll内容连接添加 <PackageCopyToOutp ......
JavaScript——“==”和“===”区别(双等于号和三等于号区别)
1. == :双等于号称为等值符。当等号两边为类型相同的值时,则直接比较值是否相同;当类型不同时,会先进行类型转换,转换为相同的类型后再进行比较。 类型转化规则:1)当等号两边为boolean, string, number三者中任意两者进行对比时,会优先转换为number进行比较 2)当等号两边为 ......
k8s 监控(二)监控集群组件和 pod
原文链接:https://juejin.cn/post/6844903921207492621 在上一篇文章中,我们已经在 k8s 中安装了 Prometheus,并且收集了它自身的监控指标。而在这篇文章,我们将收集 k8s 所有组件和 pod 的监控指标。 在这之前需要先修改下之前监控 Prome ......
vue3项目结合ant design vue的upLoad组件实现上传和下载Excel文件
1.上传文件 1.组件引入 import { Button, Upload } from 'ant-design-vue' 2. 代码 <Upload v-model:file-list="fileList" name="file" // 限制文件格式 accept=".xlsx,.xls" // ......
JavaScript下载base64位文件
1 /** 2 * 下载文件 3 * */ 4 function downloadExcel(base64Data) { 5 var myBlob = this.base64toBlob(base64Data); 6 var myUrl = URL.createObjectURL(myBlob); ......
JavaScript封装的Excel导出工具类
1 /** 2 * Excel导出工具类,核心类 3 * @constructor 4 */ 5 function ExcelUtils() {} 6 7 /** 8 * cell,row,sheet,workbook的xml 9 * @type {{tmplCellXML: string, tmp ......
【转】Vue.js 中的父子组件通信方式
Vue.js 中的父子组件通信方式在 Vue.js 中,组件是构建应用程序的基本单元。当我们在应用程序中使用组件时,组件之间的通信是非常重要的。在 Vue.js 中,父子组件通信是最常见的组件通信方式之一。在本文中,我们将讨论 Vue.js 中的父子组件通信方式,并附上代码实例。 父组件向子组件传递 ......
使用CSS、HTML、JavaScript实现一个简单的身份验证页
这是我在博客园的第一篇博客,也是我人生中的第一篇博客。希望它能够记录我的成长,帮助更多的人。 最近在写我们社团的社团网站,有一个页面不太希望普通访客能访问到,所以想做一个“统一身份验证验证”,但是又苦于社团网站搭建是纯静态站,没法做数据库,只能妥协,将账号密码字符串组写到JavaScript脚本里, ......
OpenHarmony装饰指定自定义组件:@BuilderParam装饰器
当开发者创建了自定义组件,并想对该组件添加特定功能时,例如在自定义组件中添加一个点击跳转操作。若直接在组件内嵌入事件方法,将会导致所有引入该自定义组件的地方均增加了该功能。为解决此问题,ArkUI引入了@BuilderParam装饰器,@BuilderParam用来装饰指向@Builder方法的变量 ......
uni-ui组件使用
由于uni-app独特的easycom技术,可以免引用、注册,直接使用各种符合规则的vue组件。 如果你没有创建uni-ui项目模板,也可以在你的工程里,通过 uni_modules 单独安装需要的某个组件 比如找到uni-icon的下载:https://ext.dcloud.net.cn/plug ......
界面组件DevExpress WPF v23.2新功能预览 - 更轻量级的主题
本文主要描述了DevExpress WPF即将在几个月之后发布的v23.2中包含的新功能,持续关注我们获取更多最新资讯哦~ P.S:DevExpress WPF拥有120+个控件和库,将帮助您交付满足甚至超出企业需求的高性能业务应用程序。通过DevExpress WPF能创建有着强大互动功能的XAM ......
How to get the original size of an image using JavaScript All In One
How to get the original size of an image using JavaScript All In One
如何使用 JavaScript 获取一个图片像的原始大小
naturalWidth & naturalHeight
aspect ratio / 纵横比
......
JavaScript——判断0, NaN, false, null, underfined, 空字符串
1. 判断NaN // NaN出现的原因:(Not a Number) // 操作两个类型不一致的数、用NaN值计算最终得到NaN、不合法运算(如0 / 0)let num = 0/0; if (isNaN(num)) { console.log("num为NaN!") } 2. 判断undefin ......
vue~封装一个文本框添加与删除的组件
标签组件的效果如下 组件作用 这是一个div,包含了两个文本框,后面是添加和删除按钮 添加按钮复制出新的div,除了文本框没有内容,其它都上面一样 删除按钮将当前行div删除 组件实现 <template> <div> <template v-for="(item,index) in tags"> ......
vue~封装一个文本框标签组件
用到的技术 父组件向子组件的传值 类型检查和默认值:您可以为props指定类型检查和默认值。这可以确保传递给子组件的数据符合期望的类型,以及在没有传递数据时具有合理的默认值。例如: props: { message: { type: String, default: 'Default Message ......
时间轴组件,数据展示为卡片形式
```javascriptimport React, { useState } from 'react';import styles from '@/styles/portrait/TrafficAdministrativeCases.module.less' const Left: React.F ......
drf(视图组件)
一. 前言 Django REST framwork 提供的视图的主要作用 1. 控制序列化器的执行(检验、保存、转换数据) 2. 控制数据库查询的执行 二. 两个视图基类 两个视图基类: APIView, GenericAPIView 1. APIView 继承django原生View,重写方法, ......
多图上传可拖拽组件
HTML片段 <template> <div class="image-list"> <vuedraggable class="vue-draggable" :class="{ single: isSingle, maxHidden: isMaxHidden }" v-model="dataList ......
前端组件通信工具-自定义Bus
前端组件通信工具-自定义Bus 在utils添加Bus // 先定义一个类型,emit作为发布(传递),on作为订阅(接收) // name是事件名称,callback是一个回调函数 type BusClass = { emit:(name:string) => void on:(name:stri ......
界面组件DevExpress VCL v23.2新功能预览 - 支持Windows 11
距离DevExpress VCL 下一个主要更新(v23.2)还有几个月的时间,本文将为大家描述预计在12月初为激活的DevExpress VCL用户发布的一些功能。正如你将在下面看到的,重点领域将继续保持高DPI/SVG和Windows 11的支持。 DevExpress VCL 所包含的控件有: ......
SSR 场景下可以对静态组件和动态组件
什么是 CSR、SSR、SSG、ISR - 渲染模式详解 本文以 React、Vue 为例,介绍下主流的渲染模式以及在主流框架中如何实现上述的渲染模式。 前置知识介绍 看渲染模式之前我们先看下几个主流框架所提供的相关能力,了解的可跳到下个章节。 挂载组件到 DOM 节点 这是主流框架最基本的能力,就 ......
全栈工程师必须要掌握的前端JavaScript技能
作为一名全栈工程师,在日常的工作中,可能更侧重于后端开发,如:C#,Java,SQL ,Python等,对前端的知识则不太精通。在一些比较完善的公司或者项目中,一般会搭配前端工程师,UI工程师等,来弥补后端开发的一些前端经验技能上的不足。但并非所有的项目都会有专职前端工程师,在一些小型项目或者初创公... ......
使用Vue3+elementPlus的Tree组件实现一个拖拽文件夹管理
目录1、前言2、分析3、 实现4、踩坑4.1、拖拽辅助线的坑4.2、数据的坑4.3、限制拖拽4.4、样式调整 1、前言 最近在做一个文件夹管理的功能,要实现一个树状的文件夹面板。里面包含两种元素,文件夹以及文件。交互要求如下: 创建、删除,重命名文件夹和文件 可以拖拽,拖拽文件到文件夹中,或着拖拽文 ......
JavaScript——递归
// 递归:找到所有节点,并在每个节点上添加属性 recursionMethod(data); const recursionMethod = (array:any) => { let i; for (i in array) { let arr = array[i]; // 是否存在children ......
OpenHarmony自定义组件介绍
一、创建自定义组件 在ArkUI中,UI显示的内容均为组件,由框架直接提供的称为系统组件,由开发者定义的称为自定义组件。在进行 UI 界面开发时,通常不是简单的将系统组件进行组合使用,而是需要考虑代码可复用性、业务逻辑与UI分离,后续版本演进等因素。因此,将UI和部分业务逻辑封装成自定义组件是不可或 ......
基于elementPlus的ElRow仿写ElSpace组件
先来代码 <script lang="ts"> import { Fragment, Comment, defineComponent, h, isVNode, renderSlot, PropType } from 'vue'; import { ElRow, ElCol } from 'elem ......
vue 暴露组件方法
loadingbar <template> <div class="wrapper"> <div ref="bar" class="bar"></div> </div> </template> <script setup lang="ts"> import { onMounted, ref } fr ......
OPPO主题组件开发 - 调试与预览
本篇作为 OPPO主题组件调试与预览 文档的补充,因为它真的很简单而且太老,一些命令已发生变化😪 1. 调试前准备 1. PC 端下载 adb命令工具 下载 https://adbdownload.com/,或从其他地方下载也可 解压,放在你想放的文件夹下 配置环境变量 右键 我的电脑/此电脑 选 ......