昨天提到了单个图片的抖动效果，那么今天来写一下多组图片实现抖动效果的封装，这种效果也许在日常的项目中会用到，简单封装一下，就不用每次都写差不多一样的代码了，好的来看html和css的布局，其实很简单就是两张图片：<style>img{position:absolute;top:200px;left:300p...

今天来写一个关于图片抖动的效果，需求是：点击图片，让其抖动几下停止（类似于苹果手机填错密码之后会抖一下的效果），其实想要实现这个效果，原理就是，点击之后，让其左移动下然后右移动一下（每移动一下减几像素知道减到0），然后将其放入定时器内，让其慢慢自动停下来。来看代码布局：<style>#img{positio...

之前写过一个图片切换的实例，当时只是没有加定时器，今天加上定时器，让其自动播放，好的来看代码：css代码：<style>ul{padding:0;margin:0;}li{list-style:none;}.box{width:400px;height:500px;position:relative;flo...

之前的博客有一个图片切换的例子，实现了简单轮播图的点击切换的案例，今天就说一下多组轮播切换，前提是布局差不多，通过函数传参的形式减少代码应用，但是同时还能实现效果。先来看一下之前那个例子的实现图片：那么今天我来实现两组这样的图片切换，通过传参数来实现，这样分可以减少js代码：<divclass="box"id="...

js中数据类型转换是一个很频繁会用到的一部分，那么在实际案例中会出现各种的数据类型，想要满足某些条件，那还必须要不同类型的数据进行转换，今天就通过一个小例子，来找出相对应的数据类型。先看一个一个数组，数组里的内容很复杂，包含了所有的数据类型，然后我们通过不同的条件找到相对应的内容：vararr=['100px','ab...

js中数据类型转换是很重要的一部分，通过一些数据类型转换可以达到想要的结果，那么数据类型转换最基础的几个方法是什么呢，来看看我的简单的总结：1<script>2一、Number()3vara='+100';4//alert(a+100);//'100100'5//alert(Number(a));//100...

 想写一个综合性的小案例，主要会运用到数组和判断以及我前面几篇博客所复习到的js的知识。今天案例想要实现的效果图如下图所示：效果是：点击“循环切换”按钮，那么“一号”位置的文案就要写入“图片可以循环”，而下面的左右箭头在点击过程中可以循环点击，并且“二号”和“三号”要响应切换到相对应的数字和文字内容；否则，点...

软件著作权在线打印，分页不正常： 解决：使用IE浏览器，将IE浏览器设置为兼容模式即可。点击IE顶部右侧--【工具】-【兼容性视图设置】-，添加“ccopyright.com.cn” ...

在线压缩JS文件：http://yui.2clics.net/ https://refresh-sf.com/ ...

datetime类型和timestamp类型的取值范围，CURRENT_DATE()函数应用，NOW()函数应用，DATE_FROMAT()函数取星期，日期、字符串、时间戳相互转换等。datetime类型范围：1000-01-0100:00:00~9999-12-3123:59:59timestamp类型范围：1970...

做后端开发经常会进行Excel的操作，这里推荐下ExcelPackage。推荐的理由：1、可以保存为StreampublicExcelPackage(StreamnewStream);2、可以根据模板生成ExcelpublicExcelPackage(FileInfotemplate,booluseStream);3、...

需求是根据查询出来的数据动态生成一个PDF，包含图表、文本、分页等相关的基础元素，然后上传到OSS，共他人下载。先大概看下PDF的样式：我的做法是根据动态数据构建一个HTML，然后转为PDF流（生成流直接上传OSS，不需要本地保存文件了），用的库文件是OpenHtmlToPdf。 代码如下：///<su...

文档：https://www.npmjs.com/package/vue-directive-image-previewer  1、安装命令如下：npminstallvue-directive-image-previewer-D2、引入main.jsimport VueDirectiveI...

效果 核心代码　　　　publicRegionDrawingCircle(Rectangler){GraphicsPathgp=newGraphicsPath();gp.AddEllipse(r);Regionregion=newRegion(gp);returnregion;}　　demo下载：https:...

效果图：  核心代码：///<summary>///等比例缩放图片///</summary>///<paramname="bitmap"></param>///<paramname="destHeight"></param>//...