react hook api vue
Vue3中的Pinia
什么是Pinia 官方文档：https://pinia.vuejs.org/zh/introduction.html Pinia 是 Vue 的专属状态管理库，它允许你跨组件或页面共享状态。如果你熟悉组合式 API 的话，你可能会认为可以通过一行简单的 export const state = re ......
直播系统源代码，vue二种方式根据条件判断显示不同样式
直播系统源代码，vue二种方式根据条件判断显示不同样式 1.v-if-v-else/v-show的方式，只显示其中之一 #v-if v-else <div class="blue" v-if="item.num == '0'">{{ item.num }}</div><div class="oran ......
「盘点」界面控件DevExtreme UI v23.1中的API增强
DevExtreme拥有高性能的HTML5 / JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NET Core，jQuery，Knockout等）构建交互式的Web应用程序。从Angular和Reac，到ASP.NET Core或Vue，De ......
学习笔记3：JavaSE & API（异常处理）
1、Java中的错误 （1）所有错误的超类：Throwable （2）Throwable的子类： 子类：Error，系统级别错误、运行环境错误。比如，虚拟机内存溢出。 子类：Exception，异常情况，通常是逻辑问题导致的程序级别错误，可在运行期间被解决。比如，空指针，下标越界。 （3）通常，程序 ......
vue3 之 ArcoPro 后台管理系统
一、资料链接 Arco Design 的官网：https://arco.design/ Arco Design开箱的管理系统预览：https://vue-pro.arco.design/login vue3 项目创建的指南：https://arco.design/vue/docs/pro/start ......
vue报错export 'default' (imported as 'VueRouter') was not found in 'vue-router'
直接使用npm install vue-router -save安装的路由，运行报错 经排查后发现是安装的vue-router版本太高 使用 npm uninstall vue-router 卸载之前安装的路由 使用 npm i vue-router@3.5.2 安装低版本的路由 问题解决！！！ ......
.net core（web api） 后台 +uniapp移动端自动更新
移动端采用uniapp开发 后台采用.net core 先到插件市场找到对应的插件 然后将插件安装到 然后在移动端项目pages.json "path": "uni_modules/rt-uni-update/components/rt-uni-update/rt-uni-update", "sty ......
vue axios all 接口全部成功之后进行其它操作
setSelf() { const arr: any = [] list?.forEach((item) => { const obj = { id: 1 } arr.push(obj) }) arr.push() return this.api?.set1Type(arr) // 调接口 }, s ......
el-check省市区选择组件 vue3
引用组件 // city_dialog.vue //PopWindow 弹出层组件 //AreaList 省市区数据组件 //areaData 省市区数据 <PopWindow :dialogVisible="dialogVisible" title="省市区选择" sizeType="large" ......
父组件 同步修改/传值 子组件 vue3
父组件 //引入子组件 <jyqk :selectData="selectData" ref="jyqk_ref"></jyqk> import fxjy from "./components/fxjy.vue"; const jyqk_ref = ref<any>(); const change_ ......
echart 防止多次渲染 无数据时显示暂无数据 vue3
//基于准备好的dom，初始化echarts实例 const barDOM: any = ref(); var myChart: any; let echartNull: any = null; // 渲染echart const init_chart = () => { if (myChart ! ......
数组对比大小 vue3
let t_data = sortByKey(pz_data.data, "yield_per_mu"); //array：当前数组 //key：数组中需要比较大小的值 export const sortByKey = (array: any, key: any) => { return array ......
数字千分比格式化 vue3
{{ numberToCurrencyNo(1245) }} export const numberToCurrencyNo = (value: any) => { if (!value) return 0; // 获取整数部分 const intPart = Math.trunc(value); ......
vue3 标题组件
<template> <div class="header_body"> <div class="header_inner"> <div class="title_line"></div> <el-row class="titleBodyComl"> <div class="icon"> <div ......
我的vue cli安装
1 配置npm镜像仓库 npm config set registry https://registry.npm.taobao.org npm config set disturl Node.js Mirror ......
前端学习-JavaScript学习-js基础-API01
学习视频:黑马程序员视频链接 DOM简介 DOM简介 DOM树：将HTML文档标签以树状形式表现出来 DOM对象：每个标签都是DOM对象 DOM核心思想：将网页内容当作对象处理 DOM中最大的对象：document，其次是<html> <!DOCTYPE html> <html lang="en"> ......
使用 Unsplash API 生成随机图片
Unsplash 如果你想使用免费版权的图片时，无论你是否用于商业用途，Unsplash 是不错的选择。 我自己也经常用它来制作大型背景图片 虽然他们为开发人员提供了很棒的 API，但他们也提供了通过 URL 访问随机图片的选项。 1. 默认随机 请看这个例子，从他们巨大的存储中生成随机的图片。 h ......
ElasticSearch之Task management API
命令样例如下： curl -X GET "https://localhost:9200/_tasks?pretty" --cacert $ES_HOME/config/certs/http_ca.crt -u "elastic:ohCxPH=QBE+s5=*lo7F9" 执行结果的样例，如下： { ......
ElasticSearch之Force merge API
使用本方法，可以触发强制合并操作。 默认情况下，ElasticSearch会在后台周期性触发合并操作，因此不需要用户刻意使用本方法。 使用强制合并的弊端： 可能会产生大于5G的segment对象，而ElasticSearch后台自动触发的合并操作会跳过此类大型segment对象。 假如定期执行强制合 ......
【驱动】SPI驱动分析(四)-关键API解析
关键API 设备树 设备树解析 我们以Firefly 的SPI demo 分析下dts中对spi的描述： /* Firefly SPI demo */ &spi1 { spi_demo: spi-demo@00{ status = "okay"; compatible = "firefly,rk33 ......
Vue购物车一些参考
1. 子组件给父子件传参 然后循环2 v -for = "(sel,selindex) in selectalls" 括号中间逗号3. 给数据的每个对象插入属性值 vm.$data.all.map(item => { vm.$set(item, 'selectNum', 0) vm.$set(ite ......
Vue快速入门
Vue是一套用于构建用户界面的渐进式框架（可由简单到复杂进行使用）。 MVVM响应式编程模型，避免直接操作DOM，降低DOM操作的复杂性。 MVVM编程思想（数据与页面的双向绑定） ......
vue 根据url来下载文件
服务端返回了一个pdf url ，直接点击变成了预览。 下载方式： let fileUrl = 'http://file地址替换成自己的'; let fileName = '文件下载时的文件名'; fetch(fileUrl) .then((response) => response.blob()) ......
通过.NET Core+Vue3 实现SignalR即时通讯功能
.NET Core 和 Vue3 结合使用 SignalR 可以实现强大的实时通讯功能，允许实时双向通信。在这个示例中，我们将详细说明如何创建一个简单的聊天应用程序，演示如何使用 .NET Core SignalR 后端和 Vue3 前端来实现实时通讯功能。 步骤1：准备工作 确保你已经安装了以下工 ......
Hadoop API 通过租户代理访问 Kerberos 安全 Hadoop 集群
这里记录一些方法，具备下面的特征：
* 通过租户代理访问 Kerberos 认证的 HADOOP 资源
* 获取 FileSystem 对象的技巧：FileSystem.get(URI, configuration)
* 通用 doAs模板
* 通用 hdfsCommand模板，使用 try-wit... ......
Vue网站发布到iis后提示404页面不可访问
参考：https://www.cnblogs.com/yhnet/p/14804869.htmlvue重定向和跨域配置：https://zhuanlan.zhihu.com/p/5306882511.安装组件：URL Rewrite：https://www.iis.net/downloads/mic ......
学习笔记2：JavaSE & API（流处理）
1、File：java.io.File （1）定义：File类的每一个实例可以表示硬盘(文件系统)中的一个文件或目录(实际上表示的是一个抽象路径) （2）功能： 访问其表示的文件或目录的属性信息，例如:名字,大小,修改时间等等 创建和删除文件或目录 访问一个目录中的子项 （3）构造器： File ......
当多个使用弹窗类组件，可使用这种方式封装组件。（以下使用antd-vue、vue3）
1.代码 点击查看代码 <template> <slot :openDialog="openDialog" :closDialog="modalCancel"></slot> <a-modal v-model:open="open" title="Basic Modal" @cancel="moda ......
1、vue初体验
1、在页面上引用 vue.mim.js 文件，有个 min 的是压缩的意思。 <script tppe="../vue.min.js"></script> 2、在页面上添加 div 元素 <div id="showPage"> <h1> 系统名称:{{ title }} </h1> <ul> <li ......
vue关于自定义指令
私有自定义指令（在与data()同级结构中进行配置） // 私有自定义指令的节点 directives: { // 定义名为color的指令，指向一个配置对象 color: { // 当指令第一次被绑到元素上的时候，会立即触发bind函数,只会调用一次 // 形参中的el表示当前指令所绑定到的那个d ......