- 好看的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
- jQuery 键盘事件keydown ,keypress ,keyup介绍
107x
jsjquerykeydownkeypresskeyup
本文章总结了下些关于jQuery 键盘事件keydown ,keypress ,keyup介绍,有需要了解的朋友可参考。
一、首先需要知道的是: 1、keydown() keydown事件会在键盘按下时触发. 2、keyup() 代码如下 复制代码
$('input').keyup(funciton(){  
- AngularJS中的Promise
bijian1013
JavaScriptAngularJSPromise
一.Promise
Promise是一个接口,它用来处理的对象具有这样的特点:在未来某一时刻(主要是异步调用)会从服务端返回或者被填充属性。其核心是,promise是一个带有then()函数的对象。
为了展示它的优点,下面来看一个例子,其中需要获取用户当前的配置文件:
var cu
- c++ 用数组实现栈类
CrazyMizzz
数据结构C++
#include<iostream>
#include<cassert>
using namespace std;
template<class T, int SIZE = 50>
class Stack{
private:
T list[SIZE];//数组存放栈的元素
int top;//栈顶位置
public:
Stack(
- java和c语言的雷同
麦田的设计者
java递归scaner
软件启动时的初始化代码,加载用户信息2015年5月27号
从头学java二
1、语言的三种基本结构:顺序、选择、循环。废话不多说,需要指出一下几点:
a、return语句的功能除了作为函数返回值以外,还起到结束本函数的功能,return后的语句
不会再继续执行。
b、for循环相比于whi
- LINUX环境并发服务器的三种实现模型
被触发
linux
服务器设计技术有很多,按使用的协议来分有TCP服务器和UDP服务器。按处理方式来分有循环服务器和并发服务器。
1 循环服务器与并发服务器模型
在网络程序里面,一般来说都是许多客户对应一个服务器,为了处理客户的请求,对服务端的程序就提出了特殊的要求。
目前最常用的服务器模型有:
·循环服务器:服务器在同一时刻只能响应一个客户端的请求
·并发服务器:服
- Oracle数据库查询指令
肆无忌惮_
oracle数据库
20140920
单表查询
-- 查询************************************************************************************************************
-- 使用scott用户登录
-- 查看emp表
desc emp
- ext右下角浮动窗口
知了ing
JavaScriptext
第一种
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/
- 浅谈REDIS数据库的键值设计
矮蛋蛋
redis
http://www.cnblogs.com/aidandan/
原文地址:http://www.hoterran.info/redis_kv_design
丰富的数据结构使得redis的设计非常的有趣。不像关系型数据库那样,DEV和DBA需要深度沟通,review每行sql语句,也不像memcached那样,不需要DBA的参与。redis的DBA需要熟悉数据结构,并能了解使用场景。
- maven编译可执行jar包
alleni123
maven
http://stackoverflow.com/questions/574594/how-can-i-create-an-executable-jar-with-dependencies-using-maven
<build>
<plugins>
<plugin>
<artifactId>maven-asse
- 人力资源在现代企业中的作用
百合不是茶
HR 企业管理
//人力资源在在企业中的作用人力资源为什么会存在,人力资源究竟是干什么的 人力资源管理是对管理模式一次大的创新,人力资源兴起的原因有以下点: 工业时代的国际化竞争,现代市场的风险管控等等。所以人力资源 在现代经济竞争中的优势明显的存在,人力资源在集团类公司中存在着 明显的优势(鸿海集团),有一次笔者亲自去体验过红海集团的招聘,只 知道人力资源是管理企业招聘的 当时我被招聘上了,当时给我们培训 的人
- Linux自启动设置详解
bijian1013
linux
linux有自己一套完整的启动体系,抓住了linux启动的脉络,linux的启动过程将不再神秘。
阅读之前建议先看一下附图。
本文中假设inittab中设置的init tree为:
/etc/rc.d/rc0.d
/etc/rc.d/rc1.d
/etc/rc.d/rc2.d
/etc/rc.d/rc3.d
/etc/rc.d/rc4.d
/etc/rc.d/rc5.d
/etc
- Spring Aop Schema实现
bijian1013
javaspringAOP
本例使用的是Spring2.5
1.Aop配置文件spring-aop.xml
<?xml version="1.0" encoding="UTF-8"?>
<beans
xmlns="http://www.springframework.org/schema/beans"
xmln
- 【Gson七】Gson预定义类型适配器
bit1129
gson
Gson提供了丰富的预定义类型适配器,在对象和JSON串之间进行序列化和反序列化时,指定对象和字符串之间的转换方式,
DateTypeAdapter
public final class DateTypeAdapter extends TypeAdapter<Date> {
public static final TypeAdapterFacto
- 【Spark八十八】Spark Streaming累加器操作(updateStateByKey)
bit1129
update
在实时计算的实际应用中,有时除了需要关心一个时间间隔内的数据,有时还可能会对整个实时计算的所有时间间隔内产生的相关数据进行统计。
比如: 对Nginx的access.log实时监控请求404时,有时除了需要统计某个时间间隔内出现的次数,有时还需要统计一整天出现了多少次404,也就是说404监控横跨多个时间间隔。
Spark Streaming的解决方案是累加器,工作原理是,定义
- linux系统下通过shell脚本快速找到哪个进程在写文件
ronin47
一个文件正在被进程写 我想查看这个进程 文件一直在增大 找不到谁在写 使用lsof也没找到
这个问题挺有普遍性的,解决方法应该很多,这里我给大家提个比较直观的方法。
linux下每个文件都会在某个块设备上存放,当然也都有相应的inode, 那么透过vfs.write我们就可以知道谁在不停的写入特定的设备上的inode。
幸运的是systemtap的安装包里带了inodewatch.stp,位
- java-两种方法求第一个最长的可重复子串
bylijinnan
java算法
import java.util.Arrays;
import java.util.Collections;
import java.util.List;
public class MaxPrefix {
public static void main(String[] args) {
String str="abbdabcdabcx";
- Netty源码学习-ServerBootstrap启动及事件处理过程
bylijinnan
javanetty
Netty是采用了Reactor模式的多线程版本,建议先看下面这篇文章了解一下Reactor模式:
http://bylijinnan.iteye.com/blog/1992325
Netty的启动及事件处理的流程,基本上是按照上面这篇文章来走的
文章里面提到的操作,每一步都能在Netty里面找到对应的代码
其中Reactor里面的Acceptor就对应Netty的ServerBo
- servelt filter listener 的生命周期
cngolon
filterlistenerservelt生命周期
1. servlet 当第一次请求一个servlet资源时,servlet容器创建这个servlet实例,并调用他的 init(ServletConfig config)做一些初始化的工作,然后调用它的service方法处理请求。当第二次请求这个servlet资源时,servlet容器就不在创建实例,而是直接调用它的service方法处理请求,也就是说
- jmpopups获取input元素值
ctrain
JavaScript
jmpopups 获取弹出层form表单
首先,我有一个div,里面包含了一个表单,默认是隐藏的,使用jmpopups时,会弹出这个隐藏的div,其实jmpopups是将我们的代码生成一份拷贝。
当我直接获取这个form表单中的文本框时,使用方法:$('#form input[name=test1]').val();这样是获取不到的。
我们必须到jmpopups生成的代码中去查找这个值,$(
- vi查找替换命令详解
daizj
linux正则表达式替换查找vim
一、查找
查找命令
/pattern<Enter> :向下查找pattern匹配字符串
?pattern<Enter>:向上查找pattern匹配字符串
使用了查找命令之后,使用如下两个键快速查找:
n:按照同一方向继续查找
N:按照反方向查找
字符串匹配
pattern是需要匹配的字符串,例如:
1: /abc<En
- 对网站中的js,css文件进行打包
dcj3sjt126com
PHP打包
一,为什么要用smarty进行打包
apache中也有给js,css这样的静态文件进行打包压缩的模块,但是本文所说的不是以这种方式进行的打包,而是和smarty结合的方式来把网站中的js,css文件进行打包。
为什么要进行打包呢,主要目的是为了合理的管理自己的代码 。现在有好多网站,你查看一下网站的源码的话,你会发现网站的头部有大量的JS文件和CSS文件,网站的尾部也有可能有大量的J
- php Yii: 出现undefined offset 或者 undefined index解决方案
dcj3sjt126com
undefined
在开发Yii 时,在程序中定义了如下方式:
if($this->menuoption[2] === 'test'),那么在运行程序时会报:undefined offset:2,这样的错误主要是由于php.ini 里的错误等级太高了,在windows下错误等级
- linux 文件格式(1) sed工具
eksliang
linuxlinux sed工具sed工具linux sed详解
转载请出自出处:
http://eksliang.iteye.com/blog/2106082
简介
sed 是一种在线编辑器,它一次处理一行内容。处理时,把当前处理的行存储在临时缓冲区中,称为“模式空间”(pattern space),接着用sed命令处理缓冲区中的内容,处理完成后,把缓冲区的内容送往屏幕。接着处理下一行,这样不断重复,直到文件末尾
- Android应用程序获取系统权限
gqdy365
android
引用
如何使Android应用程序获取系统权限
第一个方法简单点,不过需要在Android系统源码的环境下用make来编译:
1. 在应用程序的AndroidManifest.xml中的manifest节点
- HoverTree开发日志之验证码
hvt
.netC#asp.nethovertreewebform
HoverTree是一个ASP.NET的开源CMS,目前包含文章系统,图库和留言板功能。代码完全开放,文章内容页生成了静态的HTM页面,留言板提供留言审核功能,文章可以发布HTML源代码,图片上传同时生成高品质缩略图。推出之后得到许多网友的支持,再此表示感谢!留言板不断收到许多有益留言,但同时也有不少广告,因此决定在提交留言页面增加验证码功能。ASP.NET验证码在网上找,如果不是很多,就是特别多
- JSON API:用 JSON 构建 API 的标准指南中文版
justjavac
json
译文地址:https://github.com/justjavac/json-api-zh_CN
如果你和你的团队曾经争论过使用什么方式构建合理 JSON 响应格式, 那么 JSON API 就是你的 anti-bikeshedding 武器。
通过遵循共同的约定,可以提高开发效率,利用更普遍的工具,可以是你更加专注于开发重点:你的程序。
基于 JSON API 的客户端还能够充分利用缓存,
- 数据结构随记_2
lx.asymmetric
数据结构笔记
第三章 栈与队列
一.简答题
1. 在一个循环队列中,队首指针指向队首元素的 前一个 位置。
2.在具有n个单元的循环队列中,队满时共有 n-1 个元素。
3. 向栈中压入元素的操作是先 移动栈顶指针&n
- Linux下的监控工具dstat
网络接口
linux
1) 工具说明dstat是一个用来替换 vmstat,iostat netstat,nfsstat和ifstat这些命令的工具, 是一个全能系统信息统计工具. 与sysstat相比, dstat拥有一个彩色的界面, 在手动观察性能状况时, 数据比较显眼容易观察; 而且dstat支持即时刷新, 譬如输入dstat 3, 即每三秒收集一次, 但最新的数据都会每秒刷新显示. 和sysstat相同的是,
- C 语言初级入门--二维数组和指针
1140566087
二维数组c/c++指针
/*
二维数组的定义和二维数组元素的引用
二维数组的定义:
当数组中的每个元素带有两个下标时,称这样的数组为二维数组;
(逻辑上把数组看成一个具有行和列的表格或一个矩阵);
语法:
类型名 数组名[常量表达式1][常量表达式2]
二维数组的引用:
引用二维数组元素时必须带有两个下标,引用形式如下:
例如:
int a[3][4]; 引用:
- 10点睛Spring4.1-Application Event
wiselyman
application
10.1 Application Event
Spring使用Application Event给bean之间的消息通讯提供了手段
应按照如下部分实现bean之间的消息通讯
继承ApplicationEvent类实现自己的事件
实现继承ApplicationListener接口实现监听事件
使用ApplicationContext发布消息