2017年03月_面条请不要欺负汉堡

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月

原创纯CSS让IE7/IE8浏览器实现正圆角效果

纯CSS让IE7,IE8浏览器实现正圆角效果 /*主要CSS*/ * { padding: 0; margin: 0; } .box { width: 150px; height: 150px; line-height: 150px; position: relative; overflow: hidden; margin:100px auto; } .radius { positio

2017-03-15 09:18:00 586

原创 canvas漫天闪烁的星星

一.原理星星之所以闪烁：采用的随机的抽取的星星发生缩放，从大足见变没有。二.代码当前浏览器不支持Canvas，请更换浏览器后再试 var canvas = document.getElementById("canvas"); var cxt=canvas.getContext('2d'); canvas.width =

2017-03-15 08:54:41 785

原创判断日期是否过期

一.知识点1.定义常量：const 2.Date()对象用于处理日期和时间可以获取当前的时分秒：//获取系统当前时间function getNowtime(){ //获取当前得时间 var nowTime=new Date(); var year=nowTime.getFullYear(); //年 var month=nowTim

2017-03-07 15:38:02 4533

原创 canvas 绘制虚线

一.分析原理是：求出AB点之间的长度，再设置虚线的长度dashLength，把AB是我长度/虚线长度dashLength 就是虚线数量，根据虚线数量，长度就可以得到当第i个虚线的坐标位置，在使用context.moveTo()和context.lineTo()绘制虚线您的浏览器不支持canvas//1.获取canvas的上下文， var c

2017-03-07 14:23:30 2333

原创模拟下拉框选择对应菜单的内容

body,ul,li,a,p{margin: 0;padding: 0;} a{text-decoration: none; color: #555;font-size: 23px;} .zn-classreport-tabs{}.zn-classreport-tabstle{ font-size: 16px; position: relative;

2017-03-07 09:54:42 1086

原创纯css制作三级菜单

一.注意点：1.选择器的使用①element1>element2：如果元素element2不是父元素element1的直接子元素，则不会被选择。②element1+element2：选择器用于选取第一个指定的元素element1之后（不是内部）紧跟的元素element2，同级元素③:hover :选择器用于选择鼠标指针浮动在上面的元素④:after: 选择器在被选元素的内

2017-03-07 09:13:52 1942

原创适用于各个浏览器并兼任ie7以上的轮播图

这是使用绝对定位来做轮播图 body,ul,li{margin: 0;padding: 0;} /*幻灯片*/ .bannerwarp{ width: 100%; height: 600px; position: relative;

2017-03-06 10:36:33 2848

原创响应不同分辨率ViewPort

在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 ViewPort 标记用于指定用户是否可以缩放Web页面，如果可以，那么缩放到的最大和最小缩放比例是什么。使用ViewPort 标记还表示文档针对移动设

2017-03-06 08:50:53 527

原创 canvas图像像素处理-createImageData()(二)

createImageData() 方法创建新的空白 ImageData 对象。新对象的默认像素值createImageData函数有两种函数原型，其语法分别如下所示(1).createImageData(sw, sh); 其一，返回指定大小的imageData对象。(2).createImageData(imagedata); 其二，返回与指定对象相同大小的imageData对象。首先需要知道的是，通过createImageData返回的是一个空的imageData对象，必须要针对其像素进行赋

2017-03-03 09:36:56 7211

原创 canvas图像像素处理- 马赛克/滤镜(一)

getImageData() 从Canvas画板上取得所选区域的像素数据.putImageData() 方法函数则表示将所得到的像素数据描画到Canvas画板上形成图形。如何在图像中参考一个像素周围的其他像素，进而实现一个图像处理.

2017-03-02 16:24:35 5255 1

原创 canvas系列-图片处理(五)放大镜

一.原理当鼠标点击并移动在画布canvas中时，会显示放大后的图片一角。移除canvas，鼠标松开或是鼠标离开点击那块范围时，则不会显示。这个原理是:把这个图片放在离屏canvas上，而可视画布canvas放着这个图片的缩小版，填充画布。当鼠标点击这个可视画布canvas中图像的位置，我们可以根据这个位置获取离屏画布canvas中图像上的位置(这个位置是=可视画布中图像的位置*图片与可

2017-03-02 11:12:38 833

原创 canvas系列--图像处理(四) 图像添加水印

从上一章 canvas系列--图像处理(三) 图像缩放的列子来说一.知识点1.要清楚理解drawImage() 方法，了解drawImage() 方法在画布上可以绘制图像、画布或视频context.drawImage(canvas,x,y,width,height);2.在canvas中绘制文本的方法:Context.font = "bold 50px Arial";

2017-03-01 16:00:34 1020

原创 canvas系列--图像处理(三) 图像缩放

图像缩放一.首先分析原理如图所示：每一次都显示整个图像，只不过显示整个图像时候，无论是放大还是缩小，显示的目标图像的左上角坐标不一样，而此时的sx,sy就是目标图像的左上角的坐标。当图像放大时（scale>1），sx,sy都是负数，目标图像将从canvas的外部显示，不过在canvas画布外面是不显示的，会被自动裁；当图像缩小时（scalesx = canvas.width /

2017-03-01 14:30:01 4233

vue3+wangEditor5自定义上传音频+视频

wangEditor5用在Vue3中自定义扩展音频、视频、图片菜单；并扩展音频元素节点，保证音频节点的插入、读取、回写功能正常；支持动态修改尺寸

2023-07-05

select2首字母

select2 插件要首字母搜索时，请添加这个pinyin.js的插件

2019-02-26

ztree官网案例

zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。 zTree 是开源免费的软件（MIT 许可证）。如果您对 zTree 感兴趣或者愿意资助 zTree 继续发展下去，可以进行捐助。

2018-07-09

mongobooster可视化工具

mongobooster可视化工具，不用安装，下载解压直接打开就可以使用

2018-06-11

web页面批量打印

批量打印 HTML：打印页面预览，跳转到打印那边使其分页（使每个报告单占据一页）

2018-01-31

PLSQL Developer

PLSQL Developer 7.1.5.1398 中文破解版 32位中文破解版

2017-11-28

瀑布流waterfall

瀑布流布局插件waterfall，这是基于jquery，类似于 Pinterest、花瓣、发现啦。直接引用js就好。兼容ie8等浏览器

2017-09-12

全国省份城市

这里面包括：js原生态最新版本省市县全国地名选择input插件和jQuery省市区三级联动（将代码片段封装成了jQuery插件）

2017-09-12

验证码生成

图形验证码插件gVerify.js：纯JS实现图片验证码功能，简单好用，实现完美。但是说要兼容IE8以下，是不行的。

2017-09-12

百度地图map

基于jQuery的百度地图，实现省、市、区三级联动，然后您可以再结合百度API控件增加功能。百度地图兼容ie7等

2017-09-12

鼠标悬停图片动画

20款css3鼠标悬停图片动画过渡特效:鼠标移上图片，显示一些内容或是另一张图片，这个过程中产生的效果动画的多样性。

2017-09-11

webuploader上传图片源码

WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。此文件中webuploader上传图片的案例以及webuploader+cropper裁剪图片，还有md5-demo等案例。

2017-09-01

cropper裁剪案例

jQuery.cropper是一款使用简单且功能强大的图片剪裁jquery插件。该图片剪裁插件支持图片放大缩小，支持图片旋转，支持触摸屏设备，支持canvas，并且支持跨浏览器使用。

2017-09-01

小程序案例1

微信小程序（选项卡,轮播图,弹出框,上传图片/获取图片信息,滚动区/无限滚动,链接,列表, 无限滚动,音乐播放,表单,下拉菜单,搜索, 预览图片,拖放图片,上传文件）

2017-08-29

常见视频插件

视频插件，不支持ie8一下

2017-08-15

WebUploader+cropper

上传图片以及裁剪图片，用WebUploader+cropper结合使用

2017-08-11

FLIP 动画实现多维网格的过渡

内部的实现，Vue 使用了一个叫 FLIP 简单的动画队列使用 transforms 将元素从之前的位置平滑过渡新的位置。我们将之前实现的例子和这个技术结合，使我们列表的一切变动都会有动画过渡

2017-08-09

简单vue2开发

Vue.js（读音 /vjuː/，类似于 view）是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。

2017-08-08

webuploader上传图片

WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势，同时又不摒弃主流IE浏览器，沿用原来的FLASH运行时，兼容IE6+，iOS 6+, android 4+。两套运行时，同样的调用方式，可供用户任意选用。采用大文件分片并发上传，极大的提高了文件上传效率。

2017-08-07