效果图: 代码:   <template> <div class="calender"> <div class="top"> <div class="top_date"> {{year}}年{{month}}月 </div> <div class="btn_wrap"> <ul> <li @click="handleShowNe…
原文 纯js客服插件集qq.旺旺.skype.百度hi.msn 客服插件,集qq.旺旺.skype.百度hi.msn 等 即时通讯工具,并可自己添加支持的通讯工具,极简主义,用法自己琢磨.我的博客 http://www.qiling.org <script> //在线客服插件 powered by casejs 极简主义 http://www.mlrzw.cn function CaseService(caseServiceConfig) { this.config = caseService…
第一次写博客,写的不到望大家见谅! 今天给大家分享一个纯js的插件(统计图),有知道的可以在下面评论一起谈论一下,刚学着的时候,我是看了好久才看懂的一个基本结构,到后来我才知道原来直接去原网站上找到复制下来js就可以了. 这是他的网址:https://www.echartsjs.com/zh/index.html   这个是人家官方的网址,大家可以现去看一下人家的效果,效果蛮多的,基本上可以满足基本项目的需求. 下面我来给打架举一个例子: <!DOCTYPE html> <html la…
kPagination分页插件 纯js分页插件,压缩版本~4kb,样式可以自定义 demo 使用方法 <div id="pagination"></div> <script src="kPagination.min.js"></script> <script> new kPagination({ id: 'pagination', currentPage: 1, // 当前页 totalPage: 20,…
听说大牛都从博客开始的... 人狠话不多,翠花上酸菜代码: 有注解基本上都看的懂!但是自己还是要注意以下几点,免得以后再浪费时间. #.vue 中监听事件 v-on:change=“vueChange($event.target.value)”(或@),注意 纯 js中监听事件 onchange="JSChange( this.options[this.options.selectedIndex].value  )"来获得 value;也可以在函数中拿到标签 Dom 用  addvad…
vue 和 react  都可以使用的包(只是 纯 js 功能的包) 1.qs : https://blog.csdn.net/sansan_7957/article/details/82227040 a.qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库. b.axios 包 携带 了qs 包的,所以安装了axios 包,可以直接使用引入 qs 包使用,不需要再安装 qs包 2.lib-flexible:下面 vue 有介绍 3. 1.Vue-cli项目中 mockjs + axi…
阅读目录 一.组件效果预览 二.初次接触 1.Gojs简介 2.使用入门 三.综合效果 1.自定义流程的使用 2.工业流程图 四.总结 正文 前言:之前分享过两篇关于流程画图的前端组件,使用的jsPlumb.这个组件本身还不错,使用方便.入门简单.轻量级,但是使用一段时间下来,发现一些弊病,比如组件不太稳定,初始进入页面的时候连线的样式有时会乱掉,刷新页面之后才能恢复正常,而且连线样式比较单一,容易让人产生视觉疲劳,加之最近公司在大力推行所谓的“工业4.0”,除了对自动化控制要求的提高之外,对这…
baguetteBox.js baguetteBox.js 是一个简单和易于使用lightbox纯JavaScript脚本,拥有图像放大缩小并带有相应的CSS3过度,并能在触摸屏等设备上完美展示. Demo页面 github 中文使用 特点 纯JS编写,无任何依赖 支持多重画廊(Multiple-gallery)效果, 且允许自定义参数 支持手势滑动(仅在支持多点触控设备上) 现代简约风格 图像字幕支持 响应式的图像 CSS3转换 SVG按钮,没有额外的文件下载 压缩后大约2.3KB 安装方法…
vue.js国际化vue-i18n插件的使用问题,在模版文本.组件方法.jsf方法里的使用 1.在文本里使用{{$t("xxx")}} <span>{{$t("register.register")}}</span> 2.在组件方法里使用$t('xxx') <md-input-item :placeholder="$t('register.enterCode')"> 3.在js方法里使用:this.$i18n.…
在网页上复制文本到剪切板,一般是使用JS+Flash结合的方法,网上有很多相关文章介绍.随着 HTML5 技术的发展,Flash 已经在很多场合不适用了,甚至被屏蔽.本文介绍的一款JS插件,实现了纯JS方法复制文本到剪切板. 插件名是Clipboard.js,该插件不依赖 Flash,而是依赖于最新HTML5推出 Selection API 和 execCommand API. execCommand 支持以下浏览器:Chrome浏览器42+,火狐41+,IE9+.Safari目前仍不支持cut…