toast插件的简单封装（样式适用pc后台管理系统的场景）

直接分三个步骤吧: 1.手写一个toast.vue组件 <template> <transition name="toast-fade"> <div class="toast" :class="toastClass" v-show="isShow" @mouseenter="onMouseenter" @mouseleave="onMouseleave"&g…

class Foo{ constructor(name) { this.name = name } greet() { console.log('hello this is',this.name) } someThingAsync() { return Promise.resolve() } asyncGreet() { this.someThingAsync().then(this.greet.bind(this)) }} new Foo('DOG').asyncGreet(); //生成六位…

.Net Core3.1 + EF Core + LayUI 封装的MVC版后台管理系统

项目名称:学生信息管理系统1.0 后台框架:.Net Core 3.1 + EF Core yrjw.ORM.Chimp 前端框架:ASP.NET Core MVC + LayUI + Bootstrap 数据库:MS-SQL 或 MySQL 二选一迁移方式:Code First (推荐CLI命令初始化数据库和升级) 框架结构图: 项目需求: (_PS:不包含业务,只为展示开发案例.) 登录模块案例 ,用户名密码验证码登录方式—— 已完成. 配置信息设置案例,存库方式——已完成.…

从零开始实现Vue简单的Toast插件

在前端项目中,有时会需要通知.提示一些信息给用户,尤其是在后台系统中,操作的正确与否,都需要给与用户一些信息. 1. 实例在Vue组件的methods内,调用如下代码 `this``.$toast({`= `content:` `"可自动关闭"``,` `autoClose:` `true` `})` 在页面的右侧会出现一个Toast弹框,多次点击时,会依照顺序进行显示,并且Toast可自动关闭,具体效果如图. 代码地址:Github UI-Library 2. 原理代码结构将T…

简单封装的web里面的tab点击和swipe滑动的小插件

简单封装的一个web的手势,tab和swipe,里面的具体数值都是自定义上去的,没有实际的标准,可以自行去修改都行前两个是详解,js插件在最后一部分代码 ``` //封装web的tab步骤详解 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">  <meta name="viewport…

bootstrap风格的multiselect插件——类似邮箱收件人样式

在开发颗粒云邮箱的过程中,遇到了一个前端的问题,就是邮箱收件人的那个multiselect的input输入框.不仅能够多选,还要能够支持ajax搜索,把联系人搜索出来.就是类似下面的这个东西: 网上找了很多类似的插件,主要有下面种: 第一个组件是写bootstrap table的主人公wenzhixin封装的一个组件——multiple-select.这个组件风格简单.文档全.功能强大.但是觉得它选中的效果不太好.关于它的效果展示,我们放在后面.还是给出对应的文档API. Multiple-Se…

FMDB简单封装和使用

工具:火狐浏览器+SQLite Manager插件 ; Xcode; FMDB库; 效果: 项目地址: https://github.com/sven713/PackFMDB 主要参考这两篇博客: 1. http://www.jianshu.com/p/dd170b1cbc3b iOS 基于FMDB简单封装 2. http://www.jianshu.com/p/54e74ce87404# FMDB的使用方法(附Demo) 使用步骤: 1.在工程中导入 libsqlite3.tdb 2.从Gi…

Android--Retrofit+RxJava的简单封装（三）

1,继续接着上一篇的讲讲,话说如果像上一篇这样的话,那么我们每一次请求一个结构都要创建一堆的Retrofit对象,而且代码都是相同的,我们可以试试封装一下先创建一个HttpMethods类,将Retrofit对象创建封装起来 HttpMethods.java package com.qianmo.retrofitdemo.http; import com.qianmo.retrofitdemo.entry.MovieEntity; import java.util.concurrent.Tim…

jquery简单封装

对Raphael画图标的一个jquery简单封装公司要做一个项目的demo,要求地图上可以插红旗,所以就用到了Raphael. 因为是个demo,所以地图就用了一张图片,效果如下: 所以为了更好的封装一下这个功能,就写了一个简单的插件:jquery-pointpainter.js /** * @author Lee<br> * @since 2013-8-19 <br> */ (function($, Raphael) { $.fn.pointpainter = function…

Android ToolBar 的简单封装

使用过 ToolBar 的朋友肯定对其使用方法不陌生,由于其使用方法非常easy.假设对 ActionBar 使用比較熟练的人来说.ToolBar 就更easy了!只是,相信大家在使用的过程中都遇到过这样一个问题,须要在每个我们要使用的 xml 中加入 ToolBar 这个控件,比方我须要在 MainActivity中使用 ToolBar,则他的 xml 文件须要这样写, <RelativeLayout xmlns:android="http://schemas.android.com/a…

nice-validator表单验证插件的简单使用

前言前端表单校验是过滤无效数据.假数据.有毒数据的第一步,是数据安全的第一道关卡,虽然我们不能100%相信客户端提交的数据(真正的校验还得在服务端进行),但设置前端表单校验也是至关重要的,自己写逻辑代码一个一个表单字段去校验不现实,又不想自己造轮子,使用jquery插件是不错的选择,这里记录一下在项目中使用到的nice-validator表单验证插件的简单使用 nice-validator,简单.智能.令人愉悦的表单验证方案,使用简单.配置项丰富.自由度高,对开发者友好,更多介绍请看官网:ht…

Jquery Ajax简单封装(集中错误、请求loading处理)

Jquery Ajax简单封装(集中错误.请求loading处理) 对Jquery Ajax做了简单封装,错误处理,请求loading等,运用到项目中集中处理会很方便. 技术层面没有什么好说的,请求是用jquery ajax,弹出层是用layer,大家可以随意替换.比如你用weui,也可以$.toast()等.用jquery的Deferred来传递成功或失败的状态. /* *封装一个自己的ajax函数 *有5个参数,最后一个参数可选 * * @param method(必选) 请求类型 get…

JDBC【2】-- JDBC工作原理以及简单封装

目录 1. 工作原理 1.1 加载驱动 1.1.1 类加载相关知识 1.1.2 为什么JDK 1.6之后不需要显示加载了? 1.2 驱动加载完成了,然后呢? 2. 简单封装 1. 工作原理一般我们主要的JDBC处理流程如下: graph TD A[注册一个Driver] -->B(建立数据库连接) B --> C(创建一个Statement) C-->D(执行SQL语句,获取结果) D-->F(关闭JDBC对象) 1.1 加载驱动首先声明:这个阶段在1.6之后就不需要手动执行了…

Xcode7使用插件的简单方法&&以及怎样下载到更早版本的Xcode

Xcode7自2015年9上架以来也有段时间了, 使用Xcode7以及Xcode7.1\Xcode7.2的小伙伴会发现像VVDocumenter-Xcode\KSImageNamed-Xcode\HOStringSense-for-Xcode等等一系列的插件不能正常使用了,下面我们就来解决一下该版本Xcode插件使用的办法; (一) Xcode7使用插件的简单方法: 1.首先查看 Xcode 的 UUID,在终端执行: defaults read /Applications/Xcode.app/…

Android AsyncTask 深度理解、简单封装、任务队列分析、自定义线程池

前言:由于最近在做SDK的功能,需要设计线程池.看了很多资料不知道从何开始着手,突然发现了AsyncTask有对线程池的封装,so,就拿它开刀,本文将从AsyncTask的基本用法,到简单的封装,再到任务队列分析,最后自定义线程池. 1.概念 Android 中的异步任务常用的一种方式是:Handler + Thread 组合来实现的.Thread 负责子线程的耗时操作,Handler 负责线程间的通信,用的最多的当属子线程和主线程通信. Android 为了简化操作,提供了 AsyncTask…

移动端全屏滑动的小插件，简单，轻便，好用，只有3k swiper,myswiper,page,stage

https://github.com/donglegend/mySwiper mySwiper 移动端全屏滑动的小插件,简单,轻便,好用,只有3k 下载直接下载 bower install mySwiper 预览预览demo 使用支持amd和cmd规范直接引入 <link rel="stylesheet" type="text/css" href="dist/swiper.css"> <script type="…

数据统计表插件，highcharts插件的简单应用

highcharts插件的简单应用,非常全能好用的一个数据统计表插件. $(function () { $('#container').highcharts({ chart:{ type:"line" ,//折线图 // type:"pie",饼状图 // type:"colum"柱状图 }, title: { align:"center",//水平居中 text: '大标题',//位于最上面的大标题 x: -20 ,//进行…

jQuery Validate 表单验证插件----自定义校验结果样式

一.下载依赖包网盘下载:https://yunpan.cn/cryvgGGAQ3DSW 访问密码 f224 二.引入依赖包 <script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script> <script src="lib/jquery.validate.js" type="text/javascript"…

okhttp3 get post 简单封装

最近打算在新项目中使用 okhttp3, 简单封装了一下异步 get post 因为 CallBack 也是在子线程中执行,所以用到了 Handler public class MyOkHttpClient { private static MyOkHttpClient myOkHttpClient; private OkHttpClient okHttpClient; private Handler handler; private MyOkHttpClient() { okHttpClien…