- 好看的vue登录页面(附 源代码 背景图)
小小薛定谔
vue.jsjavascriptcss前端
一、效果展示二、代码你好!欢迎回来登录忘记密码?注册exportdefault{name:"MedLogin",data(){return{confirm_disabled:false,loginForm:{no:'',password:''},rules:{no:[{required:true,message:'请输入账号',trigger:'blur'},{min:3,max:6,messag
- vue3 内置组件<Teleport>
fishmemory7sec
vue3vue.js前端
官方文档:Teleport内置组件将一个组件的模板内容渲染到指定的DOM节点位置,而不是在组件自身的挂载点。组件的参数说明:to:必填项。指定目标容器。可以是选择器或实际元素。类型:string|HTMLElement作用:指定要将内容传送(teleport)到的目标位置。可以是一个CSS选择器字符串,用于选择一个现存的DOM元素,也可以是一个实际的DOM元素对象引用。示例:disabled:可选
- 关于Facebook ads
xoxo6777
其实主要是基于funnel的利润,在每一个环节最大提升转换率一般的步骤是:1.PPE,尽量吸引客户参与到帖子中,Engagement2.PUR,分析产品,产品的竞争对手,主要品牌商,产品的关键词,别称Facebookadsaccountdisabled不可以直接抄袭别人的广告,不可以制作Spamming的广告,某些体验度较低的产品可能已经被买家投诉过类似的广告,故不可以再上帖子里面不可以发布非常明
- 网络学习-eNSP配置NAT
丢爸
Linux网络网络学习linux
NAT实现内网和外网互通#给路由器接口设置IP地址模拟实验环境system-viewEntersystemview,returnuserviewwithCtrl+Z.[Huawei]undoinfo-centerenableInfo:Informationcenterisdisabled.[Huawei]interfacegigabitethernet0/0/0[Huawei-GigabitEth
- vue3 watch监听响应式数组失效问题
妙明元心
前端javascriptvue.js
constpageData=reactive({checkedNodeList:[]})constcolspanDisabled=ref(false);watch(()=>{returnpageData.checkedNodeList},(newValue,oldValue)=>{if(newValue.length>0){colspanDisabled.value=true;}else{cols
- etcd命令etcdctl帮助
fc浮云
etcd
#etcdctl--helpNAME:etcdctl-Asimplecommandlineclientforetcd3.USAGE:etcdctl[flags]VERSION:3.4.13APIVERSION:3.4COMMANDS:alarmdisarmDisarmsallalarmsalarmlistListsallalarmsauthdisableDisablesauthentication
- 网络学习-eNSP配置单交换机VLAN
丢爸
Linux网络网络学习linux
VLAN隔离广播域增加安全提高带宽利用降低数据传递延迟实验1-设置单交换机VLAN#VLAN1表示默认VLAN,默认所有主机在VLAN1system-viewEntersystemview,returnuserviewwithCtrl+Z.[Huawei]undoinfo-centerenableInfo:Informationcenterisdisabled.#创建VLAN[Huawei]vla
- RK3566/RK3568 Android 11 动态显示/隐藏下拉框
安卓framework定制
RK3566/RK3568Android11系统开发android
概述在系统服务中增加显示/隐藏状态栏方法,在上层app动态调用显示/隐藏下拉框方法,设备关机和重启后也能继续生效。创建全局变量1.定义全局变量在frameworks/base/core/java/android/provider/Settings.java中添加/***Disabledrop-downbox*@hide*/publicstaticfinalStringSYSTEM_HIDE_DRO
- vue element el-date-picker日期选择器选择时间区间
技术钱
elementvue.js前端javascript
1.在项目中使用到了element日期选择组件,选择日期区间最大为6个月之前是让不在这区间给限制不让选择html部分js部分exportdefault{pickerOptions:{......disabledDate:(time)=>{//查询时间跨度为31天letbaseDate=newDate('2020-01-01').getTime()if(this.minDate){letrangeM
- 如何在linux上部署zabbix监控工具
专业白嫖怪
常用业务组件zabbixlinux服务器
搭建服务机1)首先我们先执行sed-i's/SELINUX=enforcing/SELINUX=disabled/'/etc/selinux/config#然后我们再把防火墙开机自启关掉马上生效systemctldisable--nowfirewalld2)我们获得rpm包rpm-Uvhhttps://mirrors.aliyun.com/zabbix/zabbix/5.0/rhel/7/x86
- HTML学习7[重点]
乌鸦不像写字台
html学习html学习github
HTML表单form一、表单二、提交数据三、用户注册表单四、下拉列表支持多选五、file控件六、hidden控件七、readonly和disabled八、input控件的maxlength一、表单表单有什么用?收集用户信息;表单展现之后,用户填写表单,点击提交按钮提交数据给服务器。怎么画一个表单?使用form标签画表单。一个网页中可以有多个表单form。表单最终是需要提交数据给服务器,form标签
- 2020-09-24 mac安装npm包系统无权限问题
猴子也吃泡泡糖
原文:https://www.jianshu.com/p/59a6bbff4ad2?from=singlemessage禁用SIP方法重启系统,按住Command+R进入恢复模式点击顶部菜单栏实用工具中的终端csrutildisable输出SuccessfullydisabledSystemIntegrityProtection.Pleaserestartthemachineforthechang
- element 时间日期组件 场景 : 选取开始&&结束时间时限制时间区间 选取结束时间如果是当天则取当天默认的时分秒
小鱼-00
vue.js前端javascriptelementui
pickerOptions:{disabledDate:(time)=>{//如果函数处理比较简单,可以直接在这里写逻辑方法//returntime.getTime()>Date.now()-8.64e7returntime.getTime()>Date.now()//如果函数里处理的数据比较麻烦,也可以单独放在一个函数里,避免data数据太臃肿//returnthis.dealDisabledD
- element-plus 对时间条件限制--默认时分秒当前日期+5分钟
老胡说前端
vue.jselementuijavascript
constexpireTimeChange=(value)=>{if(value){ruleForm.expireTime=newDate(value).getTime();}};constdisabledDateFun=(time:Record):boolean=>{//this.pickerOptions.selectableRange=`${currentTime}-23:59:59`ret
- CSS中禁用DOM事件
冰眸js
css前端
可以使用pointer-events属性。这个属性指定当鼠标指针设备(如鼠标)在元素上时,事件应该有什么表现。pointer-events:none;表示元素不应对鼠标事件进行响应。这包括鼠标的点击、悬停和其他鼠标相关的动作。例如,如果你想禁用一个按钮的点击事件,你可以这样做:.disabled-button{pointer-events:none;opacity:0.5;/*通常还会降低其透明度
- VueDraggablePlus的学习与问题解决
揽昕
学习vue.js前端
目录VueDraggablePlus的使用插件APIgroup属性拖拽分组delay响应时间disabled启用禁用scroll是否允许滚动animation过渡效果handle鼠标在指定元素上才允许拖动filter排除步允许拖动的元素chosenClass选中元素的样式ghostClass目标位置占位符的样式clone拷贝实现常用菜单功能dragClass拖拽项类名更多api事件函数move自定
- iview table组件使用render函数,DOM重新渲染问题
沧澈
最近在开发中使用iviewTable组件,table中使用render生成button,点击修改按钮的disabled状态。触发click事件后,发现只有数据改变,按钮状态并无变化。iviewtable中使用render生成button代码如下:{title:"action",key:"action",render:(createElement,context)=>{return[createEl
- iview timpicker 时间选择限制(时间线下一个时间不能早于上一个时间)
芭拉拉小魔仙
vuejs
//配送点到达时间规范:当前配送点到达时间不能超过上一个配送点到达时间disabledHours(index){letpreTime=index===0?'0:0:0':this.deliveryTimeList[index-1].time;letpreHour=preTime===""?0:preTime.split(":")[0];letdisabledArr=[];for(leti=0;i<
- get value from agent failed: cannot connect to [[127.0.0.1]:10050]: [111] Connection refused
LBL1220
监控linuxzabbix
部署zabbix服务端时,查看主机配置。zabbix服务端主机虽然显示已启用,但ZBX字体是红色的。且报错如下:zabbix-Getvaluefromagentfailed:cannotconnectto[[127.0.0.1]:10050]:[111]Connectionrefused意思是agent连接失败1)查看防火墙[root@m01~]#getenforceDisabled[root@m
- 云计算:LNMP网站架构,前期准备,安装php,安装MySQL
248
云计算phpmysql
准备工作(初始化)1.关闭防火墙systemctldisablefirewalld--now//直接永久关闭防火墙2.关闭SELINUX查看SELINUX:getenforce永久关闭:[root@localhost~]#vim/etc/selinux/configSELINUX=enforcing|disabled或者[root@localhost~]#sed-i's/^SELINUX=.*/S
- macOS 10.15 brew Error: [email protected] has been disabled because it is not supported upstream! 异常解决方法
tekin
macosmacosbrewmariadbinstallbrewedit
在macOS10.15中使用brew安装
[email protected]时会提示已经被禁止,原因是上游不支持.这个是因为目前苹果对10.15版本的系统已经不再支持导致.异常信息:
[email protected]==>Downloadinghttps://mirrors.ustc.edu.cn/homebrew-bottles/api/formula.jws.jso#=#=#==>Downlo
- 解决WARNING Memory overcommit must be enabled! Without it, a background save or replication may fail
蟹蟹呵呵
redisredis
解决WARNINGMemoryovercommitmustbeenabled!Withoutit,abackgroundsaveorreplicationmayfailunderlowmemorycondition.Beingdisabled,itcanalsocausefailureswithoutlowmemorycondition,seehttps://github.com/jemalloc
- WARNING Memory overcommit must be enabled! Without it..问题处理
Bestest~
redismemory
文章目录一、问题出现二、解决方式三、补充其它一、问题出现redis容器方式启动报错WARNINGMemoryovercommitmustbeenabled!Withoutit,abackgroundsaveorreplicationmayfailunderlowmemorycondition.Beingdisabled,itcancanalsocausefailureswithoutlowmemo
- RK3568-设备树休眠唤醒
Paper_Love
RK3568linux
设备树rockchip_suspend:rockchip-suspend{compatible="rockchip,pm-rk3568";status="disabled";rockchip,sleep-debug-en=;rockchip,sleep-mode-config=;rockchip,wakeup-config=;};休眠唤醒功能宏定义文件:include/dt-bindings/su
- uniapp(微信小程序如何使用单选框、复选框)
陈丹阳(滁州学院)
uni-app微信小程序notepad++
一、先看效果二、数据结构说明:selected用来记录每次用户选择的值,当是单选的时候属性中的selected属性需要设置成字符串,当是复选框的时候,此时选择的是数组,selected属性应设置为数组。type用来区分当前是单选还是复选。disabled属性是配合组件使用的,意思是是否禁用该选项,name属性用来将选项渲染给用户看,_name是根据我自己的业务需求设计的,我的需求是记录用户选择的每
- Win10 提示:操作系统当前的配置不能运行此应用程序
code_8888
windows
1.以管理员方式运行CMDdism/online/cleanup-image/restorehealthsfc/scannow2.以管理员方式运行powershellGet-AppXPackage-AllUsers|Where-Object{$_.InstallLocation-like"*SystemApps*"}|Foreach{Add-AppxPackage-DisableDevelopme
- 源码编译构建LAMP
靑木312
apachelinux服务器运维
一、Apache网站服务基础1:安装httpd服务器//关闭防火墙systemctlstopfirewalld或者永久关闭systemctldisablefirewalld//selinux也关闭setenforce0或者vim/etc/sysconfig/selinuxSELINUX=(更改为)disabled(1)准备工作//先检查有没有下载httpd服务,有卸载[root@localhost
- Vue3+ElementPlus el-date-picker设置可选时间范围
屠灵666
vue.js前端javascript
需求:选择年份,对应的日期范围选择器跟随年份变化,只可选当前年份ElementPlus的el-data-picker没有picker-options属性,但是提供了default-value属性可以设置不可选的日期这里我们定义一个方法disabledDateFun用来筛选符合要求的日期,接受一个date格式的对象作为参数,返回格式为Boolean//此函数接受date作为参数通过判断是否符合要求返
- Element中DatePicker日期选择器跨度只能选一年如何实现?
Jolly_zhang
Vue2javascriptvue.js前端es6
只需要给标签加上pickerOptions,当前时间日期选择器特有的选项参考下表//方法一:时间跨度为之前一年pickerOptions:{disabledDate:()=>false,onPick:({maxDate,minDate})=>{if(minDate&&!maxDate){constoneYear=365*24*60*60*1000;this.pickerOptions.disabl
- element ui - 禁止选择今天后的日期 和日期选择后追加一天
摘星小杨
uivue.jsjavascript
需求,要求选择yyyy-MM-dd格式的组件,但是传参需要yyyy-MM-dd00:00:00,和禁止选择今天后的日期(包括今天)这个用的时日期组件,格式为yyyy-MM-dd声明变量disabledDateOptions的作用是,禁止选择今天以后的日期exportdefault{data(){return{startTime:null,endTime:null,disabledDateOptio
- Nginx负载均衡
510888780
nginx应用服务器
Nginx负载均衡一些基础知识:
nginx 的 upstream目前支持 4 种方式的分配
1)、轮询(默认)
每个请求按时间顺序逐一分配到不同的后端服务器,如果后端服务器down掉,能自动剔除。
2)、weight
指定轮询几率,weight和访问比率成正比
- RedHat 6.4 安装 rabbitmq
bylijinnan
erlangrabbitmqredhat
在 linux 下安装软件就是折腾,首先是测试机不能上外网要找运维开通,开通后发现测试机的 yum 不能使用于是又要配置 yum 源,最后安装 rabbitmq 时也尝试了两种方法最后才安装成功
机器版本:
[root@redhat1 rabbitmq]# lsb_release
LSB Version: :base-4.0-amd64:base-4.0-noarch:core
- FilenameUtils工具类
eksliang
FilenameUtilscommon-io
转载请出自出处:http://eksliang.iteye.com/blog/2217081 一、概述
这是一个Java操作文件的常用库,是Apache对java的IO包的封装,这里面有两个非常核心的类FilenameUtils跟FileUtils,其中FilenameUtils是对文件名操作的封装;FileUtils是文件封装,开发中对文件的操作,几乎都可以在这个框架里面找到。 非常的好用。
- xml文件解析SAX
不懂事的小屁孩
xml
xml文件解析:xml文件解析有四种方式,
1.DOM生成和解析XML文档(SAX是基于事件流的解析)
2.SAX生成和解析XML文档(基于XML文档树结构的解析)
3.DOM4J生成和解析XML文档
4.JDOM生成和解析XML
本文章用第一种方法进行解析,使用android常用的DefaultHandler
import org.xml.sax.Attributes;
- 通过定时任务执行mysql的定期删除和新建分区,此处是按日分区
酷的飞上天空
mysql
使用python脚本作为命令脚本,linux的定时任务来每天定时执行
#!/usr/bin/python
# -*- coding: utf8 -*-
import pymysql
import datetime
import calendar
#要分区的表
table_name = 'my_table'
#连接数据库的信息
host,user,passwd,db =
- 如何搭建数据湖架构?听听专家的意见
蓝儿唯美
架构
Edo Interactive在几年前遇到一个大问题:公司使用交易数据来帮助零售商和餐馆进行个性化促销,但其数据仓库没有足够时间去处理所有的信用卡和借记卡交易数据
“我们要花费27小时来处理每日的数据量,”Edo主管基础设施和信息系统的高级副总裁Tim Garnto说道:“所以在2013年,我们放弃了现有的基于PostgreSQL的关系型数据库系统,使用了Hadoop集群作为公司的数
- spring学习——控制反转与依赖注入
a-john
spring
控制反转(Inversion of Control,英文缩写为IoC)是一个重要的面向对象编程的法则来削减计算机程序的耦合问题,也是轻量级的Spring框架的核心。 控制反转一般分为两种类型,依赖注入(Dependency Injection,简称DI)和依赖查找(Dependency Lookup)。依赖注入应用比较广泛。
- 用spool+unixshell生成文本文件的方法
aijuans
xshell
例如我们把scott.dept表生成文本文件的语句写成dept.sql,内容如下:
set pages 50000;
set lines 200;
set trims on;
set heading off;
spool /oracle_backup/log/test/dept.lst;
select deptno||','||dname||','||loc
- 1、基础--名词解析(OOA/OOD/OOP)
asia007
学习基础知识
OOA:Object-Oriented Analysis(面向对象分析方法)
是在一个系统的开发过程中进行了系统业务调查以后,按照面向对象的思想来分析问题。OOA与结构化分析有较大的区别。OOA所强调的是在系统调查资料的基础上,针对OO方法所需要的素材进行的归类分析和整理,而不是对管理业务现状和方法的分析。
OOA(面向对象的分析)模型由5个层次(主题层、对象类层、结构层、属性层和服务层)
- 浅谈java转成json编码格式技术
百合不是茶
json编码java转成json编码
json编码;是一个轻量级的数据存储和传输的语言
在java中需要引入json相关的包,引包方式在工程的lib下就可以了
JSON与JAVA数据的转换(JSON 即 JavaScript Object Natation,它是一种轻量级的数据交换格式,非
常适合于服务器与 JavaScript 之间的数据的交
- web.xml之Spring配置(基于Spring+Struts+Ibatis)
bijian1013
javaweb.xmlSSIspring配置
指定Spring配置文件位置
<context-param>
<param-name>contextConfigLocation</param-name>
<param-value>
/WEB-INF/spring-dao-bean.xml,/WEB-INF/spring-resources.xml,
/WEB-INF/
- Installing SonarQube(Fail to download libraries from server)
sunjing
InstallSonar
1. Download and unzip the SonarQube distribution
2. Starting the Web Server
The default port is "9000" and the context path is "/". These values can be changed in &l
- 【MongoDB学习笔记十一】Mongo副本集基本的增删查
bit1129
mongodb
一、创建复本集
假设mongod,mongo已经配置在系统路径变量上,启动三个命令行窗口,分别执行如下命令:
mongod --port 27017 --dbpath data1 --replSet rs0
mongod --port 27018 --dbpath data2 --replSet rs0
mongod --port 27019 -
- Anychart图表系列二之执行Flash和HTML5渲染
白糖_
Flash
今天介绍Anychart的Flash和HTML5渲染功能
HTML5
Anychart从6.0第一个版本起,已经逐渐开始支持各种图的HTML5渲染效果了,也就是说即使你没有安装Flash插件,只要浏览器支持HTML5,也能看到Anychart的图形(不过这些是需要做一些配置的)。
这里要提醒下大家,Anychart6.0版本对HTML5的支持还不算很成熟,目前还处于
- Laravel版本更新异常4.2.8-> 4.2.9 Declaration of ... CompilerEngine ... should be compa
bozch
laravel
昨天在为了把laravel升级到最新的版本,突然之间就出现了如下错误:
ErrorException thrown with message "Declaration of Illuminate\View\Engines\CompilerEngine::handleViewException() should be compatible with Illuminate\View\Eng
- 编程之美-NIM游戏分析-石头总数为奇数时如何保证先动手者必胜
bylijinnan
编程之美
import java.util.Arrays;
import java.util.Random;
public class Nim {
/**编程之美 NIM游戏分析
问题:
有N块石头和两个玩家A和B,玩家A先将石头随机分成若干堆,然后按照BABA...的顺序不断轮流取石头,
能将剩下的石头一次取光的玩家获胜,每次取石头时,每个玩家只能从若干堆石头中任选一堆,
- lunce创建索引及简单查询
chengxuyuancsdn
查询创建索引lunce
import java.io.File;
import java.io.IOException;
import org.apache.lucene.analysis.Analyzer;
import org.apache.lucene.analysis.standard.StandardAnalyzer;
import org.apache.lucene.document.Docume
- [IT与投资]坚持独立自主的研究核心技术
comsci
it
和别人合作开发某项产品....如果互相之间的技术水平不同,那么这种合作很难进行,一般都会成为强者控制弱者的方法和手段.....
所以弱者,在遇到技术难题的时候,最好不要一开始就去寻求强者的帮助,因为在我们这颗星球上,生物都有一种控制其
- flashback transaction闪回事务查询
daizj
oraclesql闪回事务
闪回事务查询有别于闪回查询的特点有以下3个:
(1)其正常工作不但需要利用撤销数据,还需要事先启用最小补充日志。
(2)返回的结果不是以前的“旧”数据,而是能够将当前数据修改为以前的样子的撤销SQL(Undo SQL)语句。
(3)集中地在名为flashback_transaction_query表上查询,而不是在各个表上通过“as of”或“vers
- Java I/O之FilenameFilter类列举出指定路径下某个扩展名的文件
游其是你
FilenameFilter
这是一个FilenameFilter类用法的例子,实现的列举出“c:\\folder“路径下所有以“.jpg”扩展名的文件。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
- C语言学习五函数,函数的前置声明以及如何在软件开发中合理的设计函数来解决实际问题
dcj3sjt126com
c
# include <stdio.h>
int f(void) //括号中的void表示该函数不能接受数据,int表示返回的类型为int类型
{
return 10; //向主调函数返回10
}
void g(void) //函数名前面的void表示该函数没有返回值
{
//return 10; //error 与第8行行首的void相矛盾
}
in
- 今天在测试环境使用yum安装,遇到一个问题: Error: Cannot retrieve metalink for repository: epel. Pl
dcj3sjt126com
centos
今天在测试环境使用yum安装,遇到一个问题:
Error: Cannot retrieve metalink for repository: epel. Please verify its path and try again
处理很简单,修改文件“/etc/yum.repos.d/epel.repo”, 将baseurl的注释取消, mirrorlist注释掉。即可。
&n
- 单例模式
shuizhaosi888
单例模式
单例模式 懒汉式
public class RunMain {
/**
* 私有构造
*/
private RunMain() {
}
/**
* 内部类,用于占位,只有
*/
private static class SingletonRunMain {
priv
- Spring Security(09)——Filter
234390216
Spring Security
Filter
目录
1.1 Filter顺序
1.2 添加Filter到FilterChain
1.3 DelegatingFilterProxy
1.4 FilterChainProxy
1.5
- 公司项目NODEJS实践0.1
逐行分析JS源代码
mongodbnginxubuntunodejs
一、前言
前端如何独立用nodeJs实现一个简单的注册、登录功能,是不是只用nodejs+sql就可以了?其实是可以实现,但离实际应用还有距离,那要怎么做才是实际可用的。
网上有很多nod
- java.lang.Math
liuhaibo_ljf
javaMathlang
System.out.println(Math.PI);
System.out.println(Math.abs(1.2));
System.out.println(Math.abs(1.2));
System.out.println(Math.abs(1));
System.out.println(Math.abs(111111111));
System.out.println(Mat
- linux下时间同步
nonobaba
ntp
今天在linux下做hbase集群的时候,发现hmaster启动成功了,但是用hbase命令进入shell的时候报了一个错误 PleaseHoldException: Master is initializing,查看了日志,大致意思是说master和slave时间不同步,没办法,只好找一种手动同步一下,后来发现一共部署了10来台机器,手动同步偏差又比较大,所以还是从网上找现成的解决方
- ZooKeeper3.4.6的集群部署
roadrunners
zookeeper集群部署
ZooKeeper是Apache的一个开源项目,在分布式服务中应用比较广泛。它主要用来解决分布式应用中经常遇到的一些数据管理问题,如:统一命名服务、状态同步、集群管理、配置文件管理、同步锁、队列等。这里主要讲集群中ZooKeeper的部署。
1、准备工作
我们准备3台机器做ZooKeeper集群,分别在3台机器上创建ZooKeeper需要的目录。
数据存储目录
- Java高效读取大文件
tomcat_oracle
java
读取文件行的标准方式是在内存中读取,Guava 和Apache Commons IO都提供了如下所示快速读取文件行的方法: Files.readLines(new File(path), Charsets.UTF_8); FileUtils.readLines(new File(path)); 这种方法带来的问题是文件的所有行都被存放在内存中,当文件足够大时很快就会导致
- 微信支付api返回的xml转换为Map的方法
xu3508620
xmlmap微信api
举例如下:
<xml>
<return_code><![CDATA[SUCCESS]]></return_code>
<return_msg><![CDATA[OK]]></return_msg>
<appid><