- 前端常用插件、工具类库汇总
char1
弹出框layer:http://layer.layui.com/独立维护的三大组件之一(layDate、layer、layim)dialogBox:http://www.jq22.com/jquery-in...基于jQuery的弹出框Bootbox.js:http://bootboxjs.com/基于Bootstrap的弹出框SweetAlert:https://sweetalert.js.or
- 在asp.net中,实现类似安卓界面toast的方法(附更多弹窗样式)
小花园
aspasp.nethtml
目录一、背景二、操作方法2.1修改前2.2修改后三、总结附:参考文章:一、背景最近在以前的asp.net网页中,每次点击确定都弹窗,然后还要弹窗点击确认,太麻烦了,这次想升级一下,实现类似安卓toast的弹窗提示方式。于是百度了一下,目前看到有两种,sweetalert和toastr。这里讲一下我使用sweetalert(SweetAlert2-abeautiful,responsive,cust
- SweetAlert2例子
好好他爸爸
SweetAlert2例子带有确定和取消的弹框1:点击这里带有确定和取消的弹框2:点击这里带有展示标签内容的弹框:点击这里带有定位和消失时间的弹框:点击这里自定义第三方css的弹框(推荐使用Animate.css):点击这里右上角通知类弹窗:点击这里做一个自己的通用模版:点击这里$(function(){$(".demo_1button").click(function(){Swal.fire({
- vue+springboot开发打卡网页端腾讯云部署
Dedete_
vue.jsspringboot
vuecli开发同时用ip和localhost访问https://blog.csdn.net/weixin_42236396/article/details/116483855使用sweetalert2npmisweetalert2main.js>>importVueSweetalert2from'vue-sweetalert2'import'sweetalert2/dist/sweetalert
- SweetAlert让消息弹出窗口更加具有个性化!
cybozu开发者
JavaScript前端
SweetAlertSweetAlert是指可对JavaScript标准功能alert()和confirm()进行个性化定制的库。SweetAlert的要点官网上有很多示例,看了这些基本上就OK了。但是,在kintone上使用时,【弹出消息后更新页面】这个处理只参照示例来写的话,一开始有些人应该会误以为是同步处理,慢慢发现不对劲(因为原本的alert函数也是同步处理)。看完示例后才发现需要异步处理
- sweetAlert 确认对话框
___大鱼___
top.swal({title:"您确定要结束本次试验么?",text:"结束后信息会自动保存,直接返回到结果页面",type:"warning",showCancelButton:true,confirmButtonColor:"#DD6B55",confirmButtonText:"是的,结束试验",cancelButtonText:"让我再考虑一下…",closeOnConfirm:fals
- sweetAlert弹窗HTML
lijibing
IE兼容模式下弹不出来,使用禁用了兼容模式Bootstrap模板Hello,world!vardata=JSON.parse('{"errorCounts":"导入失败总数为:3","errorCodes":[{"code":"ABC","errorMessage":"这个字符串不匹配导入规则"},{"code":"AAAA","errorMessage":"这个字符串不匹配导入规则"},{"co
- 好看的alert弹窗或样式弹窗
名字越长技术越强
前端javascript前端开发语言
一、引入js和css文件直接在head引入:注意此引用方式不稳定,如果遇到bug,请使用第二种下载的方式引入,如遇到某个元素不显示,或奇怪的bug,第一时间去控制台看元素不显示原因,比如我就遇到一个因为优先级问题成功(success)的弹窗的对号被盖住导致没有正确的动画效果,解决办法为在sweetalert.css中将success图标的z-index改为1或者0二、js调用替代alert直接使用
- 这里主要推荐一下前端常用,提高效率的一些库和软件
李佳鹏-前端
前端uijavascript
##这里主要推荐一下自己平时常用,提高效率的一些库和软件前端常用*sweetalert2一个自适应,且自定义性强的弹出框(零依赖)tippy.js最著名的tooltip/popoverlibrarytext-mask可以让input按照规则输入(如电话,email,日期,信用卡等),特殊格式inputdinero.js用来创建、计算和格式化货币价值的不可变的框架,支持国际化lerna大项目版本控制
- 在Angular中使用sweetalert 插件报错:ERROR TypeError: sweetalert_1.default is not a function
D_Wang
在Angular中使用sweetalert插件时报错:ERRORTypeError:sweetalert_1.defaultisnotafunction的解决办法:报错如图image.pngsweetalert官网:https://sweetalert.js.org/guides/当按照官网提示安装:npminstallsweetalert--save,导入:importswalfrom'swee
- SweetAlert让消息弹出窗口更加具有个性化!
SweetAlertSweetAlert是指可对JavaScript标准功能alert()和confirm()进行个性化定制的库。SweetAlert的要点官网上有很多示例,看了这些基本上就OK了。但是,在低代码平台kintone上使用时,【弹出消息后更新页面】这个处理只参照示例来写的话,一开始有些人应该会误以为是同步处理,慢慢发现不对劲(因为原本的alert函数也是同步处理)。看完示例后才发现需
- Vue3 PC端页面开发规范
Janeb1018
Vue3Vue3Vue
Vue3PC端页面开发规范1.开发环境Vue开发环境:软件版本node.jsv16.14.0vue@vue/cli5.0.1UI框架:UI框架版本ElementPlus^2.0.5PrimeVue^3.12.1其他组件:其他组件版本axios^0.26.1moment^2.29.1sweetalert^2.1.2以上列出的是开发所需要的重要部分的软件及其版本号。项目依赖代码:(package.js
- Github每日精选(第42期):web前端自定义Alert窗口sweetalert
go2coding
Github每日精选前端githubjavascriptAlert
sweetalertsweetalert是一个可以用来替换JavaScript“Alert”的漂亮的控件,用起来简单,而且有丰富的形式,在交互的过程中,用上sweetalert会使你的交互模式提高一个档次。github的地址在这里。安装NMPNMP结合Browserify或Webpack等工具是安装SweetAlert的推荐方法。npminstallsweetalert--saveCDN还可以在u
- django框架——django操作cookie补充、django操作session、CBV添加装饰器的三种方式、django中间件常见方法、csrf
山上有个车
django框架web框架django中间件csrf
系列文章目录第一章django安装与介绍第二章django基础使用第三章路由层第四章虚拟环境、django版本区别、视图层第五章模板层第六章模型层(上)第七章模型层(下)第八章ajax第九章sweetalert前端插件、序列化组件、批量数据操作、分页器、Forms组件(上)第十章forms组件(下)、ModelForm简单使用、cookie与session简单使用第十一章django操作cooki
- django框架——forms组件(下)、ModelForm简单使用、cookie与session简单使用
山上有个车
django框架web框架djangopython前端
系列文章目录第一章django安装与介绍第二章django基础使用第三章路由层第四章虚拟环境、django版本区别、视图层第五章模板层第六章模型层(上)第七章模型层(下)第八章ajax第九章sweetalert前端插件、序列化组件、批量数据操作、分页器、Forms组件(上)第十章forms组件(下)、ModelForm简单使用、cookie与session简单使用文章目录系列文章目录一、forms
- django框架——sweetalert前端插件、序列化组件、批量数据操作、分页器、Forms组件(上)
山上有个车
django框架web框架django前端python
系列文章目录第一章django安装与介绍第二章django基础使用第三章路由层第四章虚拟环境、django版本区别、视图层第五章模板层第六章模型层(上)第七章模型层(下)第八章ajax第九章sweetalert前端插件、序列化组件、批量数据操作、分页器、Forms组件(上)文章目录系列文章目录一、sweetalert前端插件二、序列化组件三、批量数据操作四、分页器五、Forms组件(上)使用前提1
- django框架——csrf相关装饰器、基于中间件思想编写项目、auth认证模块
山上有个车
django框架web框架django中间件csrf
系列文章目录第一章django安装与介绍第二章django基础使用第三章路由层第四章虚拟环境、django版本区别、视图层第五章模板层第六章模型层(上)第七章模型层(下)第八章ajax第九章sweetalert前端插件、序列化组件、批量数据操作、分页器、Forms组件(上)第十章forms组件(下)、ModelForm简单使用、cookie与session简单使用第十一章django操作cooki
- 前端框架Vue.js与sweetalert2.min.js结合实现tabe添删改查(CRUD)
小罡同学
vue.jsjavascriptcss前端
前言作为一个学生的我,很清楚的知道“纸上得来终觉浅,绝知此事要躬行。知识一定不仅局限于课堂”。所以今天再次自学了关于“前端框架的知识——Vue.js”;那么接下来分享一下我今天的成果。vue.js与sweetalert.js关于table的CRUD。分享内容运行整体效果1:引用相关js2:html编号音乐标题歌手专辑时长操作{{index+1}}{{item.title}}{{item.Singe
- 那些年我们收藏过的宝藏博客和文档和组件库。。。。
前端
CSS5种很炫的Hover效果。跳,放大,旋转,淡入,悬浮https://blog.csdn.net/weixin_...(vue)rem同时适配PC端和移动端https://blog.csdn.net/qq_3758...数据劫持|数据代理https://blog.csdn.net/qq_2414...sweetalert官网https://sweetalert.bootcss.co...jqu
- 聊聊vue集成sweetalert2提示组件的问题
目录一、项目集成1.引入方式CDN引入方式:2.确认框封装3.提示框封装4.确认框使用5.消息提示框使用6.项目效果一、项目集成官网链接:https://sweetalert2.github.io案例1.引入方式CDN引入方式:在index.html中全局引入位置:npm安装方式:npminstallsweetalert22.确认框封装Confirm={show:function(message,
- 一些有用的前端组件
pcliuyang
sweetAlert代替并美化javascript原生的alert组件官网链接:datatablejQuery数据表插件,提供每页数量限制,排序,查询等官网链接flat-uiFlatUI是一套基于TwitterBootstrap设计的扁平式UI工具包,该套界面工具拥有许多基本的和复杂的UI组件,比如按钮、输入框、组合按钮、复选框、单选按钮、标签、菜单、进度条、滑块、导航元素等。FlatUI有Fla
- 一款漂亮的前端alert插件
JustFantasy
推荐一款漂亮的前端提示插件。官网地址:sweetalert上图Paste_Image.pngPaste_Image.pngPaste_Image.png
- 推荐一个前端弹框组建
小龙123
https://sweetalert.js.org/原本看了http://layer.layui.com/组建,不过觉得不好用。直接饮用文件,或者把js下载本地即可使用方式swal("标题","内容!","success");三个参数,一个是标题,一个是内容,一个是弹框颜色款式或者swal({title:"标题",text:"内容",icon:"success",});图片.png其他可以自定义的
- clipboard.js剪切板(含sweetalert弹窗)
人间小美味695
JavaScript插件类otherjavascripthtmlclipboard剪切板
目录一、代码二、效果演示一、代码clipboard.js剪切板(含sweetalert弹窗).btn{position:fixed;top:20%;left:50%;transform:translate(-50%,0%);display:inline-block;padding:3px10px;font-weight:bold;background-color:#0FB273;cursor:po
- AJAX | json、上传文件、SweetAlert插件
拼搏的小白
PythonDjangoDjangojson上传文件序列化SweetAlert
转载原文地址AJAX准备知识:JSON1,什么是JSON?JSON指的是JavaScript对象表示法(JavaScriptObjectNotation)JSON是轻量级的文本数据交换格式JSON独立于语言*JSON具有自我描述性,更易理解JSON使用JavaScript语法来描述数据对象,但是JSON仍然独立于语言和平台。JSON解析器和JSON库支持许多不同的编程语言。啥都别多说了,上图吧!合
- SweetAlert Vue非常精美的提示,对话框 值得收藏
ansi6488
一,安装依赖npminstall--savesweetalert二,main.js全局引入importswalfrom'sweetalert';三,使用组件swal({title:"Goodjob!",text:"Youclickedthebutton!",icon:"success",button:"Awwyiss!",});title:标题text:内容文字icon:图标"warning","
- 合并观察者数据源
鲸冬香
angularrxjsobservers
在加入考试系统项目后,首先做的工作是添加操作提示框,本以为简单的工作,在使用时却出现了令人意想不到的错误。背景使用的模态框库为sweetalert2,设计方法是在应用的根组件appComPonent中使用模态框组件,appComPonent中暴露展示确认模态框的方法confirm,子组件通过注入appComPonent并调用confirm方法,通过传入回调函数,实现在子组件中展示模态框的功能。//
- SweetAlert入坑指南
在下于不同
前端
前方瞎扯预警!SweetAlert,我想各位应该是熟悉到不行。非常常用的弹窗组件。如果使用内置的alert真的是其丑无比,就像这样(借用一下W3School的在线运行代码)那么我们换成SweetAlert就大不相同了。就想下面的效果效果显而易见,明显SweetAlert略胜一筹。很想用吧,很好!这是官网文档地址:https://sweetalert.js.org/docs/emmm,因为这个东西实
- window.location.href=""、window.location.href="@Url.Action("","")"不能跳转页面问题
qq_36240492
js插件冲突跳转页面js
有几种可能:1.代码有写错误※仔细检查花不了太多的时间就能找出来,切记不要心急心慌2.js冲突:在我的项目中用了sweetalert的js插件,感觉该可以;如果有引用了上面的插件,最好是删掉。如果不删掉想要跳转页面是不行的(包括服务端和客户端跳转);
- Android DialogUtils
一代侠客
android开发
AlterDialog工具类对SweetAlertDialog进行封装引入第三方模块工具实现AS引入第三方对话框插件implementation'cn.pedant.sweetalert:library:1.3'代码实现publicclassDialogUtils{privatestaticSweetAlertDialogsweetAlertDialog=null;/***显示进度条*@param
- 312个免费高速HTTP代理IP(能隐藏自己真实IP地址)
yangshangchuan
高速免费superwordHTTP代理
124.88.67.20:843
190.36.223.93:8080
117.147.221.38:8123
122.228.92.103:3128
183.247.211.159:8123
124.88.67.35:81
112.18.51.167:8123
218.28.96.39:3128
49.94.160.198:3128
183.20
- pull解析和json编码
百合不是茶
androidpull解析json
n.json文件:
[{name:java,lan:c++,age:17},{name:android,lan:java,age:8}]
pull.xml文件
<?xml version="1.0" encoding="utf-8"?>
<stu>
<name>java
- [能源与矿产]石油与地球生态系统
comsci
能源
按照苏联的科学界的说法,石油并非是远古的生物残骸的演变产物,而是一种可以由某些特殊地质结构和物理条件生产出来的东西,也就是说,石油是可以自增长的....
那么我们做一个猜想: 石油好像是地球的体液,我们地球具有自动产生石油的某种机制,只要我们不过量开采石油,并保护好
- 类与对象浅谈
沐刃青蛟
java基础
类,字面理解,便是同一种事物的总称,比如人类,是对世界上所有人的一个总称。而对象,便是类的具体化,实例化,是一个具体事物,比如张飞这个人,就是人类的一个对象。但要注意的是:张飞这个人是对象,而不是张飞,张飞只是他这个人的名字,是他的属性而已。而一个类中包含了属性和方法这两兄弟,他们分别用来描述对象的行为和性质(感觉应该是
- 新站开始被收录后,我们应该做什么?
IT独行者
PHPseo
新站开始被收录后,我们应该做什么?
百度终于开始收录自己的网站了,作为站长,你是不是觉得那一刻很有成就感呢,同时,你是不是又很茫然,不知道下一步该做什么了?至少我当初就是这样,在这里和大家一份分享一下新站收录后,我们要做哪些工作。
至于如何让百度快速收录自己的网站,可以参考我之前的帖子《新站让百
- oracle 连接碰到的问题
文强chu
oracle
Unable to find a java Virtual Machine--安装64位版Oracle11gR2后无法启动SQLDeveloper的解决方案
作者:草根IT网 来源:未知 人气:813标签:
导读:安装64位版Oracle11gR2后发现启动SQLDeveloper时弹出配置java.exe的路径,找到Oracle自带java.exe后产生的路径“C:\app\用户名\prod
- Swing中按ctrl键同时移动鼠标拖动组件(类中多借口共享同一数据)
小桔子
java继承swing接口监听
都知道java中类只能单继承,但可以实现多个接口,但我发现实现多个接口之后,多个接口却不能共享同一个数据,应用开发中想实现:当用户按着ctrl键时,可以用鼠标点击拖动组件,比如说文本框。
编写一个监听实现KeyListener,NouseListener,MouseMotionListener三个接口,重写方法。定义一个全局变量boolea
- linux常用的命令
aichenglong
linux常用命令
1 startx切换到图形化界面
2 man命令:查看帮助信息
man 需要查看的命令,man命令提供了大量的帮助信息,一般可以分成4个部分
name:对命令的简单说明
synopsis:命令的使用格式说明
description:命令的详细说明信息
options:命令的各项说明
3 date:显示时间
语法:date [OPTION]... [+FORMAT]
- eclipse内存优化
AILIKES
javaeclipsejvmjdk
一 基本说明 在JVM中,总体上分2块内存区,默认空余堆内存小于 40%时,JVM就会增大堆直到-Xmx的最大限制;空余堆内存大于70%时,JVM会减少堆直到-Xms的最小限制。 1)堆内存(Heap memory):堆是运行时数据区域,所有类实例和数组的内存均从此处分配,是Java代码可及的内存,是留给开发人
- 关键字的使用探讨
百合不是茶
关键字
//关键字的使用探讨/*访问关键词private 只能在本类中访问public 只能在本工程中访问protected 只能在包中和子类中访问默认的 只能在包中访问*//*final 类 方法 变量 final 类 不能被继承 final 方法 不能被子类覆盖,但可以继承 final 变量 只能有一次赋值,赋值后不能改变 final 不能用来修饰构造方法*///this()
- JS中定义对象的几种方式
bijian1013
js
1. 基于已有对象扩充其对象和方法(只适合于临时的生成一个对象):
<html>
<head>
<title>基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)</title>
</head>
<script>
var obj = new Object();
- 表驱动法实例
bijian1013
java表驱动法TDD
获得月的天数是典型的直接访问驱动表方式的实例,下面我们来展示一下:
MonthDaysTest.java
package com.study.test;
import org.junit.Assert;
import org.junit.Test;
import com.study.MonthDays;
public class MonthDaysTest {
@T
- LInux启停重启常用服务器的脚本
bit1129
linux
启动,停止和重启常用服务器的Bash脚本,对于每个服务器,需要根据实际的安装路径做相应的修改
#! /bin/bash
Servers=(Apache2, Nginx, Resin, Tomcat, Couchbase, SVN, ActiveMQ, Mongo);
Ops=(Start, Stop, Restart);
currentDir=$(pwd);
echo
- 【HBase六】REST操作HBase
bit1129
hbase
HBase提供了REST风格的服务方便查看HBase集群的信息,以及执行增删改查操作
1. 启动和停止HBase REST 服务 1.1 启动REST服务
前台启动(默认端口号8080)
[hadoop@hadoop bin]$ ./hbase rest start
后台启动
hbase-daemon.sh start rest
启动时指定
- 大话zabbix 3.0设计假设
ronin47
What’s new in Zabbix 2.0?
去年开始使用Zabbix的时候,是1.8.X的版本,今年Zabbix已经跨入了2.0的时代。看了2.0的release notes,和performance相关的有下面几个:
:: Performance improvements::Trigger related da
- http错误码大全
byalias
http协议javaweb
响应码由三位十进制数字组成,它们出现在由HTTP服务器发送的响应的第一行。
响应码分五种类型,由它们的第一位数字表示:
1)1xx:信息,请求收到,继续处理
2)2xx:成功,行为被成功地接受、理解和采纳
3)3xx:重定向,为了完成请求,必须进一步执行的动作
4)4xx:客户端错误,请求包含语法错误或者请求无法实现
5)5xx:服务器错误,服务器不能实现一种明显无效的请求
- J2EE设计模式-Intercepting Filter
bylijinnan
java设计模式数据结构
Intercepting Filter类似于职责链模式
有两种实现
其中一种是Filter之间没有联系,全部Filter都存放在FilterChain中,由FilterChain来有序或无序地把把所有Filter调用一遍。没有用到链表这种数据结构。示例如下:
package com.ljn.filter.custom;
import java.util.ArrayList;
- 修改jboss端口
chicony
jboss
修改jboss端口
%JBOSS_HOME%\server\{服务实例名}\conf\bindingservice.beans\META-INF\bindings-jboss-beans.xml
中找到
<!-- The ports-default bindings are obtained by taking the base bindin
- c++ 用类模版实现数组类
CrazyMizzz
C++
最近c++学到数组类,写了代码将他实现,基本具有vector类的功能
#include<iostream>
#include<string>
#include<cassert>
using namespace std;
template<class T>
class Array
{
public:
//构造函数
- hadoop dfs.datanode.du.reserved 预留空间配置方法
daizj
hadoop预留空间
对于datanode配置预留空间的方法 为:在hdfs-site.xml添加如下配置
<property>
<name>dfs.datanode.du.reserved</name>
<value>10737418240</value>
 
- mysql远程访问的设置
dcj3sjt126com
mysql防火墙
第一步: 激活网络设置 你需要编辑mysql配置文件my.cnf. 通常状况,my.cnf放置于在以下目录: /etc/mysql/my.cnf (Debian linux) /etc/my.cnf (Red Hat Linux/Fedora Linux) /var/db/mysql/my.cnf (FreeBSD) 然后用vi编辑my.cnf,修改内容从以下行: [mysqld] 你所需要: 1
- ios 使用特定的popToViewController返回到相应的Controller
dcj3sjt126com
controller
1、取navigationCtroller中的Controllers
NSArray * ctrlArray = self.navigationController.viewControllers;
2、取出后,执行,
[self.navigationController popToViewController:[ctrlArray objectAtIndex:0] animated:YES
- Linux正则表达式和通配符的区别
eksliang
正则表达式通配符和正则表达式的区别通配符
转载请出自出处:http://eksliang.iteye.com/blog/1976579
首先得明白二者是截然不同的
通配符只能用在shell命令中,用来处理字符串的的匹配。
判断一个命令是否为bash shell(linux 默认的shell)的内置命令
type -t commad
返回结果含义
file 表示为外部命令
alias 表示该
- Ubuntu Mysql Install and CONF
gengzg
Install
http://www.navicat.com.cn/download/navicat-for-mysql
Step1: 下载Navicat ,网址:http://www.navicat.com/en/download/download.html
Step2:进入下载目录,解压压缩包:tar -zxvf navicat11_mysql_en.tar.gz
- 批处理,删除文件bat
huqiji
windowsdos
@echo off
::演示:删除指定路径下指定天数之前(以文件名中包含的日期字符串为准)的文件。
::如果演示结果无误,把del前面的echo去掉,即可实现真正删除。
::本例假设文件名中包含的日期字符串(比如:bak-2009-12-25.log)
rem 指定待删除文件的存放路径
set SrcDir=C:/Test/BatHome
rem 指定天数
set DaysAgo=1
- 跨浏览器兼容的HTML5视频音频播放器
天梯梦
html5
HTML5的video和audio标签是用来在网页中加入视频和音频的标签,在支持html5的浏览器中不需要预先加载Adobe Flash浏览器插件就能轻松快速的播放视频和音频文件。而html5media.js可以在不支持html5的浏览器上使video和audio标签生效。 How to enable <video> and <audio> tags in
- Bundle自定义数据传递
hm4123660
androidSerializable自定义数据传递BundleParcelable
我们都知道Bundle可能过put****()方法添加各种基本类型的数据,Intent也可以通过putExtras(Bundle)将数据添加进去,然后通过startActivity()跳到下一下Activity的时候就把数据也传到下一个Activity了。如传递一个字符串到下一个Activity
把数据放到Intent
- C#:异步编程和线程的使用(.NET 4.5 )
powertoolsteam
.net线程C#异步编程
异步编程和线程处理是并发或并行编程非常重要的功能特征。为了实现异步编程,可使用线程也可以不用。将异步与线程同时讲,将有助于我们更好的理解它们的特征。
本文中涉及关键知识点
1. 异步编程
2. 线程的使用
3. 基于任务的异步模式
4. 并行编程
5. 总结
异步编程
什么是异步操作?异步操作是指某些操作能够独立运行,不依赖主流程或主其他处理流程。通常情况下,C#程序
- spark 查看 job history 日志
Stark_Summer
日志sparkhistoryjob
SPARK_HOME/conf 下:
spark-defaults.conf 增加如下内容
spark.eventLog.enabled true spark.eventLog.dir hdfs://master:8020/var/log/spark spark.eventLog.compress true
spark-env.sh 增加如下内容
export SP
- SSH框架搭建
wangxiukai2015eye
springHibernatestruts
MyEclipse搭建SSH框架 Struts Spring Hibernate
1、new一个web project。
2、右键项目,为项目添加Struts支持。
选择Struts2 Core Libraries -<MyEclipes-Library>
点击Finish。src目录下多了struts