布局vue web

关于解决vue报错"Problems loading reference 'https://schemastore.azurewebsites.net/schemas/json/package.json': Unable to load schema from...

打开setting时会看到有一条三角形的警告信息 看问题描述:无法从该网站加载 解决方法: 打开设置,找到扩展下的json项 设置之后可以在settings.json文件中看到新增加一项 "json.schemaDownload.enable": false 可以直接在界面上设置: "json.sc ......

Vue3中的Pinia

什么是Pinia 官方文档:https://pinia.vuejs.org/zh/introduction.html Pinia 是 Vue 的专属状态管理库,它允许你跨组件或页面共享状态。如果你熟悉组合式 API 的话,你可能会认为可以通过一行简单的 export const state = re ......
Pinia Vue3 Vue

直播系统源代码,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 ......
源代码 样式 条件 方式 系统

一些网页文件管理器Web File Manager

1.File Browser(亲测) https://filebrowser.org/installation 用Docker比较简单 docker run \ -v /mnt/sdb:/srv \ -v /home/bkfrp/filebrowser.db:/database/filebrowse ......
Manager 网页 文件 File Web

Net 高级调试之十一:托管堆布局架构和对象分配机制

一、简介 今天是《Net 高级调试》的第十一篇文章,这篇文章来的有点晚,因为,最近比较忙,就没时间写文章了。现在终于有点时间,继续开始我们这个系列。这篇文章我们主要介绍托管堆的架构,对象的分配机制,我们如何查找在托管堆上的对象,我学完这章,很多以前很模糊的概念,现在很清晰了,知道了对象代的分配,大对 ......
架构 布局 对象 机制 Net

vue3 之 ArcoPro 后台管理系统

一、资料链接 Arco Design 的官网:https://arco.design/ Arco Design开箱的管理系统预览:https://vue-pro.arco.design/login vue3 项目创建的指南:https://arco.design/vue/docs/pro/start ......
后台 管理系统 ArcoPro 系统 vue3

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 安装低版本的路由 问题解决!!! ......
39 vue-router vue VueRouter imported

.net core(web api) 后台 +uniapp移动端自动更新

移动端采用uniapp开发 后台采用.net core 先到插件市场找到对应的插件 然后将插件安装到 然后在移动端项目pages.json "path": "uni_modules/rt-uni-update/components/rt-uni-update/rt-uni-update", "sty ......
后台 uniapp core net api

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 ......
接口 axios vue all

el-check省市区选择组件 vue3

引用组件 // city_dialog.vue //PopWindow 弹出层组件 //AreaList 省市区数据组件 //areaData 省市区数据 <PopWindow :dialogVisible="dialogVisible" title="省市区选择" sizeType="large" ......
省市区 省市 组件 el-check check

父组件 同步修改/传值 子组件 vue3

父组件 //引入子组件 <jyqk :selectData="selectData" ref="jyqk_ref"></jyqk> import fxjy from "./components/fxjy.vue"; const jyqk_ref = ref<any>(); const change_ ......
组件 vue3 vue

echart 防止多次渲染 无数据时显示暂无数据 vue3

//基于准备好的dom,初始化echarts实例 const barDOM: any = ref(); var myChart: any; let echartNull: any = null; // 渲染echart const init_chart = () => { if (myChart ! ......
数据 echart vue3 vue

数组对比大小 vue3

let t_data = sortByKey(pz_data.data, "yield_per_mu"); //array:当前数组 //key:数组中需要比较大小的值 export const sortByKey = (array: any, key: any) => { return array ......
数组 大小 vue3 vue

数字千分比格式化 vue3

{{ numberToCurrencyNo(1245) }} export const numberToCurrencyNo = (value: any) => { if (!value) return 0; // 获取整数部分 const intPart = Math.trunc(value); ......
格式 数字 vue3 vue

vue3 标题组件

<template> <div class="header_body"> <div class="header_inner"> <div class="title_line"></div> <el-row class="titleBodyComl"> <div class="icon"> <div ......
组件 标题 vue3 vue

我的vue cli安装

1 配置npm镜像仓库 npm config set registry https://registry.npm.taobao.org npm config set disturl Node.js Mirror ......
vue cli

网页布局设计(仿照Bilibili)

Kilikili首页布局设计(仿照Bilibili)前部分 目录Kilikili首页布局设计(仿照Bilibili)前部分一、整体布局分析二、具体代码1、head设计1.1 html设计1.2 CSS设计1.3 JS设计1.4 遇到的问题总结2、channel设计1.1 html设计1.2 CSS设 ......
布局 Bilibili 网页

Web_XCTF_WriteUp | ics-06

题目 提示: 云平台报表中心收集了设备管理基础服务的数据,但是数据被删除了,只有一处留下了入侵者的痕迹。 题目: 分析 到处点了点,结果都是跳转回原页面。 打开 F12,发现 html 文档里的按钮大多没有链接到其他目标,除了报表中心: 点进报表中心,发现这个送分题的确认按钮也不会跳转: 查看数据包 ......
Web_XCTF_WriteUp WriteUp XCTF Web ics

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快速入门

Vue是一套用于构建用户界面的渐进式框架(可由简单到复杂进行使用)。 MVVM响应式编程模型,避免直接操作DOM,降低DOM操作的复杂性。 MVVM编程思想(数据与页面的双向绑定) ......
Vue

vue 根据url来下载文件

服务端返回了一个pdf url ,直接点击变成了预览。 下载方式: let fileUrl = 'http://file地址替换成自己的'; let fileName = '文件下载时的文件名'; fetch(fileUrl) .then((response) => response.blob()) ......
文件 vue url

通过.NET Core+Vue3 实现SignalR即时通讯功能

.NET Core 和 Vue3 结合使用 SignalR 可以实现强大的实时通讯功能,允许实时双向通信。在这个示例中,我们将详细说明如何创建一个简单的聊天应用程序,演示如何使用 .NET Core SignalR 后端和 Vue3 前端来实现实时通讯功能。 步骤1:准备工作 确保你已经安装了以下工 ......
SignalR 通讯 功能 Core Vue3

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 ......
页面 网站 Vue 404 iis

如何在Spring Boot中不启动Web Server

XYHS:用方法4,spring.main.web-application-type=none,实测可行 如何在Spring Boot中不启动Web Server1.介绍Spring Boot是一个用于为各种应用快速创建新的Java应用程序的优秀框架。最流行的用途之一是作为web服务器。但是,Spr ......
Spring Server Boot Web

SpringBoot Resolved [org.springframework.web.multipart.support.MissingServletRequestPartException: Required request part 'file' is not present]

Resolved [org.springframework.web.multipart.support.MissingServletRequestPartException: Required request part 'file' is not present] ......

当多个使用弹窗类组件,可使用这种方式封装组件。(以下使用antd-vue、vue3)

1.代码 点击查看代码 <template> <slot :openDialog="openDialog" :closDialog="modalCancel"></slot> <a-modal v-model:open="open" title="Basic Modal" @cancel="moda ......
组件 vue antd-vue 多个 方式

Web3.0 是00后最舒适的选择

00后一代是社会变革的见证者和推动者,他们与前几代的差异显而易见。这一代年轻人在技术和信息方面长期接受教育,对新兴科技和互联网有着天然的亲近感。他们注重个性表达,崇尚自由,对数字化生活有着更为敏锐的嗅觉。这种独特的文化氛围为他们接纳Web3.0带来的变革提供了土壤。 Web3.0不仅仅是一种技术变革 ......
Web3 Web

1、vue初体验

1、在页面上引用 vue.mim.js 文件,有个 min 的是压缩的意思。 <script tppe="../vue.min.js"></script> 2、在页面上添加 div 元素 <div id="showPage"> <h1> 系统名称:{{ title }} </h1> <ul> <li ......
vue

vue关于自定义指令

私有自定义指令(在与data()同级结构中进行配置) // 私有自定义指令的节点 directives: { // 定义名为color的指令,指向一个配置对象 color: { // 当指令第一次被绑到元素上的时候,会立即触发bind函数,只会调用一次 // 形参中的el表示当前指令所绑定到的那个d ......
指令 vue

Vue 项目配置自动更新,自动刷新页面

今天用户反馈使用页面的时候,有时候点击没反应,排查下来,是因为发布版本的时候,用户那边没有加载最新的文导致的,然后根据思路,做了这个自动更新的功能 效果预览 http://demo.webwlx.cn/#/update 实现思路 1. 把当前版本的编译时间,通过环境变量的方式保存起来 打开 vite ......
页面 项目 Vue