简介 SweetAlert是一款很好用的弹出框框架 下载 https://github.com/lipis/bootstrap-sweetalert 导入 博主用的是bootstrap-sweetalert,所以要依赖bootstrap,导入前先导入原生jQuery以及bootstrap <link rel="stylesheet" href="/static/sweetalert/sweetalert.css"> <link rel="stylesheet" href="/static/b
首先我们设计一个js函数,让其点击之后触发删除功能,为了防止误删,所以要有个确认的对话框。
最近太忙了,项目中使用的弹框老板嫌太丑,让我们优化一下,我在网上找了一下,找到了sweetalert弹框,算是比较好看的弹框了。所以我就想办法将sweetalert用到项目中,在项目中引入sweetalert时,遇到诸多问题,但最终在我不懈坚持下,都解决了,实现了效果。具体用法请看下文。写的有问题的地方欢迎留言,我会及时更改。
弹出框 `` 是浮于当前界面之上的,用于阻止用户的下一步操作,直到用户点击了弹出框上的任意按钮为止。
SweetAlert可以替代Javascript原生的alert和confirm等函数呈现的弹出提示框,它将提示框进行了美化,并且允许自定义,支持设置提示框标题、提示类型、内容展示图片、确认取消按钮文本、点击后回调函数等。
WordPress 中的jQuery 库问题曾经困扰了我一段时间。如果仅仅加载WordPress 自带的jQuery 库,在使用一些jQuery 插件的时候明明是代码没有错误,但就是不起作用,该有的效果不能实现;但加载了原版的jQuery 库却又可以了,这样一来却同时加载了两个jQuery 库,网页速度拖慢了而且根本没有必要。 后来才了解到:为了防止与其他 JS 库(如 YUI)冲突,WordPress 内置 jQuery 库的末尾都在原版的基础上加入了 jQuery.noConflict()这个东东,以至
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API 拦截请求和响应 转换请求数据和响应数据 取消请求 自动转换 JSON 数据 客户端支持防御 XSRF
之前对小程序云开发略有一些了解,见识过云开发小程序的方便与快捷,使用了云开发,再写小程序后端数据存储就可以直接使用官方提供的云数据库,图片文件的存储也可以直接上来就用云存储,甚至呢,后台逻辑处理 都可以使用自己编写的云函数 和官方提供的云函数进行处理,简直是前端开发者的福音,作为一个之前一直在尝试学习后台开发的我,直接被震惊到了。
但是在Ztree的组件里面,我们看到的勾选框并不是checkbox完成,而是使用了图片精灵,选中和未选中的状态里面是一张背景图片里面不同的定位~
SweetAlter是一个可以美化的alter,他可以是适应所有设备【电脑,手机,平板】,自动全屏覆盖,位置在屏幕最中间。
uniapp 交互反馈文档: https://uniapp.dcloud.net.cn/api/ui/prompt.html
最近由于项目需要,自己开发的支付宝小程序自定义弹窗插件wcPop,就抽空整理了一份demo,多种api调用,插件语法简洁优雅,可随意修改各种弹窗效果。
本文章将以 QA 方式记录在使用 SCF 产品过程中的可能会遇见的问题解答,将不定期更新。
在前面的几小节中已经完成了一个todolist的添加,删除的操作,通过把组件的数据放到了Redux中的公共存储区域store中去存储,在Redux中进行状态数据的更新修改
(2)后台返回操作结果,将 Dao 层的增删改方法返回值从void 改成int
最近开发了一个博客项目 ,属于bbs论坛博客帖子,可以发技术性博客,也可以发其他类型(比如美妆、育儿交流、厨艺交流等),分类可有管理员动态添加,博客可以设置为置顶和精华帖。普通用户可以注册登录,发布自己的博客帖子,关注写作达人,收藏,评论,回复等。
本文实例讲述了Laravel框架基于ajax和layer.js实现无刷新删除功能。分享给大家供大家参考,具体如下:
今天给大家推荐一款不错的超酷消息警告框–SweetAlert;SweetAlert是一款不需要jQuery支持的原生js提示框,风格类似bootstrap。它的提示框不仅美丽动人,并且允许自定义,支持设置提示框标题、提示类型、内容展示图片、确认取消按钮文本、点击后回调函数等。和传统的alert相比:
PHP网络技术(五)——cookie及记住用户名功能实现 (原创内容,转载请注明来源,谢谢) Cookie是存储在客户端(主要是浏览器)的信息,可以以此跟踪和识别用户。PHP无法直接操作Cookie,而是通过命令向浏览器发送命令,由浏览器对Cookie进行操作。 一、PHP设置cookie方式 1)setcookie(name,value,expire,path,domain,secure,httponly) 第一个参数是必填的,后面都是选填的。 name是cookie
项目是用的element ui 中的 那个级联选择器,为了实现一个需求:当手动全选某个父数据下的子数据后,右边自动显示当前所有子数据的父数据
src/views/core/integral-grade/list.vue,在table组件中添加删除列
点击A的时候获取当前选中数据的所属子项,然后拿该子项中已选的去和全部比对得出未选的,然后拿未选的去blist进行比对,如果blist中出现未选的则将其删除。
前面的话:zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。专门适合项目开发,尤其是 树状菜单、树状数据。
打断点只要在侧边栏的行号那里鼠标单击某个行号就可以打上了..单次打上,再次取消
Axios 相信对Vue熟悉的铁汁对它不会感到陌生了(当然不熟悉Vue你也可以认识它),这简直就是前端近年来的一大杀器,自从Vue2开始之后,官方推荐使用axios来进行网络请求,后面基本大部分Vue项目都能瞧见它的身影。
Fabric.js 作为一个老牌 canvas 库,当然也提供中划线和下划线的配置啦,除此之外还提供了上划线的配置。\n\n\n
DevUI 是一款面向企业中后台产品的开源前端解决方案,它倡导沉浸、灵活、至简的设计价值观,提倡设计者为真实的需求服务,为多数人的设计,拒绝哗众取宠、取悦眼球的设计。如果你正在开发 ToB 的工具类产品,DevUI 将是一个很不错的选择!
JQuery是非常棒的js类库,有丰富的UI库和插件,不过我钟爱他的是他的选择器,感觉其他功能有时跟后台人员距离很远,所以一般我也只使用一下他的选择器。 今天突然对他的事件产生了兴趣,先前也碰到过,也没整理,今天有空就弄一下咯。 对于控件的事件,jQuery已经提供了丰富的方法,包括绑定、一次绑定、触发等,阿拉今早看看叫一哪能用额伐,大虾路古就可以了。 jQuery的绑定事件非常方便,有bind、live、one还有它帮你把一些常用的事件给单独了出来,比如控件的onclick事件,我们绑定onclick事件
支付宝小程序弹窗交互组件和微信小程序弹窗功能都差不多,对功能有比较多的限制,尤其想要实现丰富一些的弹窗场景就只能自己写组件实现了。
在各种购物平台,购物车都是十分常见的,比如淘宝,美团等等各种应用软件。一般的软件购物车都包含商品图片,名称,价格。购物车其实就是一个物品或商品的简介,直观的反映了商品的特性,提醒了用户在购物车内的是一个什么样的商品,一定程度上避免了二次及多次浏览。此外,购物车最重要的功能就是方便用户购买商品,上述特性也都是为了突出这一功能。那么今天我们就来单纯的实现一下购物车功能。这里我们需要使用到上次介绍的多选框。如下图,就是我们今天要介绍的购物车功能。
Java基于springboot开发的大学生寝室管理系统宿舍管理系统。学生可以查找寝室和室友信息,可以申请换寝室,申请维修,寝室长提交考勤信息(宿管确认学生考勤信息),补签,查看寝室通报,宿管信息,查看公告,学生第一次登录需要人脸识别激活账号。宿管人员分配寝室,处理换寝室申请和维修申请,添加寝室卫生表扬等通报,管理公告等。管理员可以管理所有信息包括学院专业班级学生,给不同的用户分配不同的角色等。
https://gitee.com/ishouke/front_end_plugin/blob/master/jquery-3.2.1.min.js
大家好,我是老表,这个系列将会更新我编写,项目的学习笔记,也是后面更新的一个重点,希望个人博客页面可以早点和大家见面~欢迎大家点赞、留言支持。
我上个项目是做了一个关于教育方面的web端页面,其中的课程表就要用到fullcalendar日历插件,刚开始也是不会用,因为以前也没用过,后面也是看官方文档,问同事,最后完成了这个课程表,个人感觉fullcalendar这个日历插件功能很强大!下面我来附上几张图片:
作为一个成熟的ajax应用,它应该能自己在pending过程中选择请求拦截和请求取消
笔者博客目前使用的Typecho,主题使用的Joe。 前面已经写过两篇相关的文章: [Typecho小试牛刀]Joe主题增加验证码(非插件方式) [Typecho小试牛刀]Joe主题增加文章目录(非插件方式) 本文是第三篇,折腾的对象是编辑器。 Joe主题自带编辑器,界面美观,功能也很强大,美中不足是没有热键功能。 下面就跟大家分享一下,如何给Joe编辑器增加热键。 [编辑器长这样] 预设背景 本文假设目录结构如下 Typecho安装在/www/nongxue.top目录下 Joe主题文件位于/www/no
---- 📷 1. 扩展eslintConfig配置 { "eslintConfig": { ... "parserOptions": { ... "ecmaFeatures": { "legacyDecorators": true } } ... } } 2. 关闭Vetur提示(项目级别) { "vetur.validation.script": false, } 3. 新建装饰器函数: src\d
PubSubJS具有同步解耦,因此主题是异步发布的。这有助于保持程序的可预测性,因为在消费者处理主题时,主题的发起者不会被阻止。
Axios是一款基于 Promise 并可用于浏览器和 Node.js 的网络请求库。
zabbix server服务器的agent监控报错:get value from agent faild:bind() faild:[99] cannot assign requested address。数据一直在正常采集,zabbix_get 能获取到数据,页面测试也能获取到数据。
JsonServer主要的作用就是搭建本地的数据接口,创建json文件,便于调试调用,模拟和后端服务器进行数据的交互
HTML5学堂:在项目开发过程中,难免会需要调试一些数据,而大量的console.log()需要频繁切换JS和页面,同时最后有可能还忘记删除打印信息。使用断点调试可以更方便的掌握js执行信息。,今天来
前面一篇文章setTimeout和setImmediate到底谁先执行,本文让你彻底理解Event Loop详细讲解了浏览器和Node.js的异步API及其底层原理Event Loop。本文会讲一下不用原生API怎么达到异步的效果,也就是发布订阅模式。发布订阅模式在面试中也是高频考点,本文会自己实现一个发布订阅模式,弄懂了他的原理后,我们就可以去读Node.js的EventEmitter源码,这也是一个典型的发布订阅模式。
setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。
BOM(Browser Object Model)浏览器对象模型,它使得JS能够与浏览器进行‘对话’(交互,通过JS对页面内容进行操作)。
springboot开发的大学生饭卡系统,学生可以登录该系统充值饭卡,挂失饭卡,取消挂失,查看自己的所有饭卡,以及发卡的充值记录。超级管理员拥有最大的权限,饭卡管理员可以添加饭卡信息,充值,挂失,注销饭卡,发布公告等。
weapp-redux 下载 weapp-redux 使用实例下载 预览 📷 开发 1. 目标 学会 redux 在原生微信小程序的使用; 学习和思考微信小程序中封装 Provider; 2. 引入 redux 文件 下载 redux git 克隆 git clone https://github.com/reduxjs/redux.git 使用实例【 weapp-redux-demo 】下载 📷 3. 修改 redux 源码 import createStore from './redux/crea
线上疫苗预约微信小程序,用户关注小程序能自动微信授权登录,可以预约自己需要的疫苗,疫苗分为免费和自费,同一时间同一疫苗不能重复预约。管理员后台批量审核疫苗预约,审核不通过的话自费疫苗自动退款
官网地址:https://help.github.com/categories/github-pages-basics/
领取专属 10元无门槛券
手把手带您无忧上云