201906-03 jquery二维码生成插件jquery.qrcode.js详解 NEW 插件描述:jquery.qrcode.js 是一个能够在客户端生成矩阵二维码QRCode 的jquery插件 ,使用它可以很方便的在页面上生成二维条码。官方文档地址:http://larsjung.de/jquery-qrcode/github地址:https://github.com/lrsjng/jquery-qrcode 官方demo:https://larsjung.de/jquery-qrcode/latest/demo/ 如何使用它将jquer... Read More >
201906-03 swiper4.x的图片与视频混合轮播实现 NEW Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端,Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果,是前端常用的制作轮播。但是官方并没有给出图片与视频混合轮播的例子。一、整理思路①判断当前是图片还是视频②如果是图片则正常设置轮播时间,如果是视频则获取播放状态,如果是播放状态,轮播不切换,播放结束后开始轮播下一屏。③分屏器切换事件添加二、实现代码①html代码<div class='swiper-c... Read More >
201905-31 TTF的家园推出免费微信编辑器 NEW 为大家制作了一个免费的微信编辑器,功能强大,欢迎使用!访问地址:http://chenyuan.ttfde.top/weixin/ ... Read More >
201808-31 使用在线代理API实现JSONP跨域访问 ajax请求不同域名的页面时,由于浏览器安全限制是不允许请求的,发生错误。此时需要搭建服务器做代理捉取跨域页面,ajax请求自己建立的代理页面。如果你不想建立自己的代理服务,因为有时我根本就没打算涉及服务端任何代码,但是讨厌的浏览器的同源策略,阻止了我们的ajax调用。 看见这问题相信大家都不会陌生,也会很自然的得到解决方案,但是我这里真的不想写任何服务端代码,用jsonp吧,但是服务端没实现契约。在这里我是时候引入主角yahoo提供的jsonp代理:http://... Read More >
201808-29 时间插件WdatePicker使用说明 WdatePicker.js日期插件:1、 %y 当前年 %M 当前月 %d 当前日 %ld 本月最后一天 %H 当前时 %m 当前分 %s 当前秒2、可以通过配置minDate(最小日期) 和 maxDate(最大日期),来限制日期范围<input typ... Read More >
201808-29 JS文件上传详解 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <input type="... Read More >
201808-28 jQuery Pagination分页插件适用详解 插件简介此jQuery插件为Ajax分页插件,一次性加载,故分页切换时无刷新与延迟,如果数据量较大不建议用此方法,因为加载会比较慢。原插件CSS不太合理,使用浮动,故无法方便实现左右方向的定位,且未清除浮动,在中文修改版中我对其进行了优化,使其支持text-align的定位。使用方法跟一般的jQuery插件一样,此插件使用也很简单便捷。方法是pagination,例如$("#page").pagination(100);参数参数名描述参数值maxentri... Read More >
201806-29 JS校验是否输入emoji表情 var isEmojiCharacter = function(substring) { for ( var i = 0; i < substring.length; i++) { ... Read More >
201806-13 AngularJS的Filter用法详解 Filter简介Filter是用来格式化数据用的。Filter的基本原型( '|' 类似于Linux中的管道模式):{{ expression | filter }}Filter可以被链式使用(即连续使用多个filter):{{ expression | filter1 | filter2 | ... }}Filter也可以指定多个参数:{{... Read More >
201806-13 AngularJS 自定义指令Directive中Scope数据交互详解 什么是隔离 ScopeAngularJS 的 directive 默认能共享父 scope 中定义的属性,例如在模版中直接使用父 scope 中的对象和属性。通常使用这种直接共享的方式可以实现一些简单的 directive 功能。当你需要创建一个可重复使用的 directive,只是偶尔需要访问或者修改父 scope 的数据,就需要使用隔离 scope。当使用隔离 scope 的时候,directive 会创建一个没有依赖父 scope 的 scope,并提供一些访问父 sc... Read More >