前端 路由 动态
Vue 根据父组件的不同动态显示子组件
一、问题描述 两个同级组件公用一个子组件,需要根据不同的组件,动态显示子组件的内容,比如A需要这么多的Radio,但是B不需要 二、解决思路 父组件向子组件传值,子组件根据传入的内容进行判断 三、代码 // 父组件引入子组件 通过自定义名称传入父组件的值 <statusChange :isShowR ......
前端项目使用vw视口单位进行适配时字体大小的解决方案
使用视口单位vw来实现响应式排版。1vw等同于视口宽度的百分之一,即如果你用vw来设定字体大小的话,字体的大小将总是随视口的大小进行改变。 问题在于,当做上面的事情的时候,因为文本总是随着视口的大小改变大小,用户失去了放缩任何使用vw单位的文本的能力。所以你永远都不要只用 viewport 单位设定 ......
前端vue使用exceljs、file-saver导出表格文件添加水印
创建createWsSheet.js 安装及引入 exceljs、file-saver /** * * 导出 excel(带水印) 公共方法 * @param header v 为头,k 为对应 data 数据的 name * 例: const header = [ { k: 'region', v ......
庆军之xamarin.forms 动态页面构造及查询
两个页面,一个是用于菜单,一个是用于列表查询。 菜单 使用了 TabView,所有的代码写在了OnAppearing,但是它没有内容了。找了两天原因。在github提到这是一个bug。不会修复。但是可以在构造函数中加载,就不会有问题。 列表查询,我也放在了构造函数里面,但是绑定数据之后,数据显示错乱 ......
nuxt使用NuxtLink组件定义路由的锚点定位,使用:target伪元素无效问题的解决方法。
原因在使用NuxtLink组件进行路由之间的锚点跳转的时候,:target伪元素无法应用到目标元素。 出现这种情况一般是由于你没有将这个组件标记为外部组件,发现标记外部组件即可正确的进行锚点定位了。 原因可能就是nuxt会预读取属性,可能对标签的点击事件做了自定义处理,从而导致html的a标签的自带 ......
Kivy中的Level组件提供了一种在屏幕上显示动态的、可交互的图形的方法
source: 必需参数,指定要显示的图像的路径。 支持的图像格式包括 PNG、JPEG 和 GIF。 size: 可选参数,指定Level组件的大小。 默认为 None,即使用图像的原始大小。 可以是一个二元组 (width, height) 或一个字符串形式的尺寸,如 '100dp'。 pos: ......
jenkins配置动态拉取git分支代码。Git Parameter
1.Git Parameter 需要安装Git Parameter插件,安装后重启jenkins。 ......
MFC-Create动态创建列表视图控件
BOOL bb = mylist.Create(LVS_SMALLICON | WS_DLGFRAME,rect,this,10001);//动态创建列表视图控件 /* 参数1:DWORD dwStyle 列表视图控件的风格 标准样式: LVS_ALIGNLEFT 显示格式是大图标或小图标时,标签放 ......
VMware虚拟机Linux动态扩容磁盘空间
Vmware中虚拟机使用时间长,发现磁盘空间不够,有些情况是无法新加新硬盘扩容到虚拟机中,因为有些数据不好移动或数据目录无法修改。 所以,在不加新的硬盘情况下,VMware中直接在原来的硬盘上新增空间扩容。操作思路是,硬盘增加空间、虚拟机硬盘fdisk分区、扩展卷组、扩容逻辑卷、重新定义文件系统操作 ......
map注入 ,使用 @ConfigurationProperties , 修改apollo配置后不会动态修改的问题
问题: apollo动态刷新,应用在@value这种注入方式的属性没有问题,但是如果使用@ConfigurationProperties注解的bean,动态刷新就不好使了,会注入不到的。 Apollo动态刷新官网介绍 需要注意的是,@ConfigurationProperties如果需要在Apoll ......
前端全局页面添加水印
// 下载npm包npm install watermark-package -S 使用 import watermark from "watermark-package"; // 添加水印 watermark.setWaterMark({ w_texts: [data.userName, data ......
Spring AOP 支持两种模式的动态代理
Spring AOP 支持两种模式的动态代理,JDK Proxy 或者 cglib, jdk proxy: public class MyDynamicProxy { public static void main (String[] args) { HelloImpl hello = new He ......
ABAP 遍历内表数据的时候,加上前端筛选条件
1. 前端查询条件 * * * 选择屏幕 * * SELECTION-SCREEN BEGIN OF BLOCK b1 WITH FRAME TITLE TEXT-001. SELECT-OPTIONS: "PARAMETERS: s_matnr FOR mara-matnr,"物料号 s_ausk ......
前端生成二维码及把页面转为图片保存到本地
前端生成二维码及把页面转为图片保存到本地 Bayi· 于 2021-12-23 17:08:37 发布 847 收藏 3 文章标签: 前端 javascript 生成二维码 页面转图片 vue 版权 以vue项目为例,其他类型项目其实也是一样的 所需components: QRCode html2c ......
vue 前端生成二维码,并转换为图片
vue 前端生成二维码,并转换为图片 ~牧马~ 于 2021-05-27 15:08:03 发布 2760 收藏 7 分类专栏: vue 文章标签: vue 生成二维码 自动生成的二维码转图片 版权 这篇文章主要是分享下自己的收获,也是自己遇到的问题: 前端如何自己生成二维码? 前端如何将生成的二维 ......
无界微前端方案官方示例,main-vue 项目打包之后 访问index.html页面空包,控制台报资源错误问题
报错信息: 修改方案: publicPath: “./” 修改为如上配置即可。 ......
前端跨域解决方案——CORS
CORS(跨来源资源共享)是一种用于解决跨域问题的方案。 CORS(跨来源资源共享)是一种安全机制,用于在浏览器和服务器之间传递数据时,限制来自不同域名的请求。在前端开发中,当通过 XMLHttpRequest(XHR)或 Fetch API 发送跨域请求时,如果服务器没有正确配置 CORS,浏览器 ......
前端隐藏和显示div的方式js和beetle:
方式一:设置元素style对象中的display属性 1、var t = document.getElementById('demo');//选取id为test的div元素 2、t.style.display = 'none';// 隐藏选择的元素 3、t.style.display = 'bloc ......
boot-admin整合Quartz实现动态管理定时任务
淄博烧烤爆红出了圈,当你坐在八大局的烧烤摊,面前是火炉、烤串、小饼和蘸料,音乐响起,啤酒倒满,烧烤灵魂的party即将开场的时候,你系统中的Scheduler(调试器),也自动根据设定的Trigger(触发器),从容优雅的启动了一系列的Job(后台定时任务)。工作一切早有安排,又何须费心劳神呢?因为 ......
字节前端语言
前端语言有很多:比如什么HTML,JavaScript,css等等。 这节课介绍的是CSS,HTML,JAVASCRIPT等等 首先我们先介绍CSS: CSS的基本语法是:选择器 { 属性名: 属性值; 属性名: 属性值; …… } 举个栗子:p { color: blue; } 上述代码中,p 为 ......
linux 临时配置ip和路由
ifconfig lo:0 10.10.10.100 netmask 255.255.255.255 ifconfig lo:0 del 10.0.0.100 route add -host 10.10.10.100 dev lo:0 route del 10.10.10.100 dev lo:0 ......
ThingsBoard 前端项目内置部件开发
前言 ThingsBoard 是目前 Github 上最流行的开源物联网平台(12.8k Star),可以实现物联网项目的快速开发、管理和扩展, 是中小微企业物联网平台的不二之选。 本文介绍如何在 ThingsBoard 前端项目中开发内置的菜单导航部件。 内置相关部件 TB(ThingsBoard ......
asp.net core 定时任务 使用SignalR推送消息 前端vue 接收并显示消息
ASP.NET Core中有一个名为Quartz.NET的第三方定时任务调度框架,使用它可以方便地实现定时任务。同时,ASP.NET Core还提供了SignalR框架,用于实现实时通信功能。在Vue中,可以使用Vue-CLI来创建项目,并使用Vue.js框架开发前端应用程序。下面是实现你所需功能的 ......
18. 商品类别后端和前端接口实现【雪花服务】
因为有类别分级所以用到了一个外键字段即:parentId, 为了保证字段唯一,且便于扩展【数据量大了分库分表等】使用了goole开源的雪花算法如下: 参考文档:https://www.jianshu.com/p/0e6ffa8693b5 安装pysnowflake : pip install pys ......
17.分类组件Category 动态获取数据
我们接下来做分类组件Category, 这个主要用来管理商品的分类,有一级和二级, 可以实现一级与二级之间跳转 /pages/category/category.jsx文件内容如下: import React, {Component} from 'react' import {Button, Car ......
前端面试八股文
1.说说你对盒子模型的理解盒子模型分为border边距,content内容,margin外边距,padding内边距盒子模型分为俩种模式一种标准模式,一种IE模式标准模式计算方式:box-zing:content-boxIE模式计算方式:box-zing:border-box2.css选择器有哪些? ......
[转]前端传嵌套对象参数给spring mvc
在使用springmvc开发web应用时,感觉springmvc的controller方法能自动将参数注入到方法的参数对象中,极大的方便了开发。但是,在遇到有嵌套对象的时候,比如订单对象有个属性是用户对象,就不好处理了。一种情况是,传递的参数都是作为post方法的请求体,我们可以用RequestBo ......
web前端开发常用的代码编写工具有哪些?
不同类型的开发人员使用的工具大有不同,所以说没有绝对好,对任何人员都适用的工具,我们只能以友好度,功能性,扩展性,界面/体验,跨平台等等这些来作为评判标准。 下面我们就给它分类并一一介绍: 大师级别 vi vi对于使用过unix的朋友来说,绝对是再熟悉不过的代码编辑器,有多少伟大的程序和代码是由vi ......
uniapp 动态修改 css 样式
css 使用 var 注入变量, 达到设置动态样式的需求 声明 css 变量时, 变量名前面要加两根连词线(--); 变量使用 kebab-case 命名方式,即 --header-color 而不是 --headerColor; 变量名大小写敏感,--header-color 和 --Header ......