检查jSignature是否有签名数据

评论(0)浏览(95)分类:JavaScript/Ajax开发技巧
检查jSignature是否有签名数据  如何检查jSignature是否有数据,如果没有做任何操作直接获取数据默认是一张白色的图片。jSignature有个getData方法获取签名数据用的,默认数据类型为image(图片base64字符串)。其中有一个native获取的是用户绘制的数据数组,如果没做任何操作或者回退到没有任何操作,这个数组长度为0.  getData参数有如下几个类型,来源:https://githu..

javascript函数属性caller和arguments callee介绍

评论(0)浏览(67)分类:JavaScript/Ajax开发技巧
javascript函数属性caller和arguments callee介绍callercaller返回一个函数的引用,这个函数调用了当前的函数。使用这个属性要注意:1 这个属性只有当函数在执行时才有用2 如果在JavaScript程序中,函数是由顶层调用的,则返回nullfunctionName.caller: functionName是当前正在执行的函数。script var a = function () { alert(a.caller); } var b = function () { a(); ..

下载谷歌字体woff2放到服务器cancel加载失败provisional headers are shown

评论(0)浏览(63)分类:JavaScript/Ajax开发技巧
下载谷歌字体woff2放到服务器cancel加载失败provisional headers are shown  由于谷歌被墙的原因,无法直接引用谷歌的css资源和字体,要想引用谷歌的字体,可以先翻墙,将css文件中的woff2,woff之类的字体文件下载下来放到自己的服务器上。  最近将谷歌字体Open Sans字体下载下来放到自己服务器后,web服务器已经配置好woff,woff2字体文件的mime类型font/woff2,可以访问woff2字体文件弹出下载框,但是加载css文件..

easyui datebox设置日期范围,其他不可选

评论(0)浏览(93)分类:easyui开发技巧
easyui datebox设置日期范围,其他不可选  easyui datebox没有同my97日历控件配置限制可以选择日期的范围,easyui要限制日期选择,需要自己扩展功能。  easyui datebox参考其他控件值设置范围可以参考此文:easyui datebox范围设置日期对比参考  easyui datebox设置日期范围,其他不可选源代码如下,easyui测试版本为1.3.3,1.4,1.4.1,1.4.3,1.4.4,其他版本没效果可以最后留言..

XMLHttpRequest加载视频并播放

评论(0)浏览(87)分类:JavaScript/Ajax开发技巧
XMLHttpRequest加载视频并播放  XMLHttpRequest加载视频文件2进制数据流到客户端,并使用video控件播放。结合XMLHttpRequest Level 2特性,可以使用XMLHttpRequest对象接受服务器端返回的2进制数据流,然后使用生成blob对象,URL.createObjectURL生成文件引用路径赋值给video标签即可播放。  XMLHttpRequest加载视频并播放源代码如下%@ Page Language=C# AutoEventWireup..

javascript混淆加密

评论(0)浏览(68)分类:JavaScript/Ajax开发技巧
javascript混淆加密  javascript另类混淆加密源代码:textarea id=ta style=width:100%;height:300pxalert('大家好,我是showbo!𠮷双字节测试')/textareainput type=button value=加密 onclick= taEncrypt.value = encrypSource(ta.value); / input type=button value=执行加密代码 onclick=eval(taEncrypt.value) /br /加密后代码:textarea id=taEn..

百度快照不更新也许和首页内容有关

评论(0)浏览(100)分类:网站排名及优化
百度快照不更新也许和首页内容有关  如果你的网站基本每周都会更新,但是百度快照一直不更新,处于一个很早之前的日期,但是从百度来的搜索量还是有的,那么可能是你的首页内容包含了日期,如2012-12-25此类格式的内容,百度会依据这些日期内容来决定你的百度快照日期。  我之前网站博客内容基本每周都会更新,但是因为设计版块内容没有更新(2012年更新的,直到现在没有更新..

自定义404错误对seo的影响

评论(0)浏览(112)分类:网站排名及优化
自定义404错误对seo的影响  自定义404页面返回不当状态码如200等给网站最终SEO效果带来的不利影响,因此,确保自定义的404错误页面能够返回404状态码是极为重要的,也是网站优化与SEO的基本要求。HTTP404对SEO的影响  自定义404错误页面是提供用户体验的很好的做法,但在应用过程中往往并未注意到对搜索引擎的影响,譬如:错误的服务器端配置导致返回200状态码 或自定..

百度 301转向还能更新原网站

评论(0)浏览(101)分类:网站排名及优化
百度 301转向还能更新原网站  最近网站更换了域名,从www./更换为www./,整站做了301转向,到现在10多天了,google已经完成40%左右的PR转移,但是神奇的发现,百度没有进行权重转移,更新的快照还是www./的。  神奇了百度,网站都做了301转向了,首页尽然还能更新快照,最新的文章也被百度收录到旧的域名www./下面。百度这次到底改了什么算法,郁闷。。

获取alexa世界排名和中国排名

评论(0)浏览(56)分类:网站排名及优化
获取alexa世界排名和中国排名  直接从alexa网站a下来的数据,然后使用正则表达式分别获取alexa的世界排名和在中国的网站排名。  示例代码点击这里查看  下面列出的是asp.net的代码,ajax代码不列出,有兴趣自己下载示例代码里面的js文件来研究。-C#%@WebHandlerLanguage=C#Class=latestalexa%usingSystem;usingSystem.Web;usingSystem.Net;usingSystem.Text;usingSyst..

easyui combobox使用JSONP加载数据源

评论(0)浏览(288)分类:easyui开发技巧
easyui combobox使用JSONP加载数据源  本示例使用JSONP加载easyui combobox的数据源实现跨域请求数据,easyui版本为jQuery EasyUI 1.3.4。  高版本的jquery可以直接配置url增加jsonp特有参数如url?xxx=?,这样请求的地址非同源域名会自动启用jsonp操作,如果是低版本的jquery,如1.4没有这么智能,需要配置loader对象,因为easyui的默认loader对象中发送ajax的datatype为json。..

JavaScript如何检查网站是否可以访问

评论(0)浏览(324)分类:JavaScript/Ajax开发技巧
JavaScript如何检查网站是否可以访问  JavaScript如何检查网站是否出现问题,无法访问。由于安全性问题,不可以跨域执行ajax代码,可以使用Image对象来加载对方服务器的一张图片(一般网站都会有网站图标,这个图标放在根目录下),所以可以加载网站图标来判断是否可用。注意:Image加载的需要是图片,其他非图片文件无法检查网站是否可以访问,即使网站没有问题。titleJavaScript如..

jquery全年日期选择器日历插件

评论(13)浏览(611)分类:JavaScript/Ajax开发技巧
jquery全年日期选择器日历插件2017-8-2更新1):新增setColors设置单元格颜色,param格式为{defaultColor:'#f00',dc:[{d:'2017-8-2',c:'blue'}..]},dc数组c缺省会用defaultColor代替,defaultColor也缺省默认红色2)将2016-9-28更新整合到yearScale配置里面,配置这个年份变为下拉框,格式如{min:2000,max:2020}2016-9-28更新:如果需要年份选择可以下..

easyui datebox只显示年月选择,隐藏日期

评论(20)浏览(11895)分类:easyui开发技巧
easyui datebox只显示年月选择,隐藏日期2017-4-14更新:修正1.3.x版本弹出日期框后,不选择日期点击其他地方,再次点击日期输入框弹出面板时显示日期面板,而不是月份面板bug。2016-10-28更新:修正1.3.x版本中点击Today按钮弹出日期选择面板问题。  如何设置easyui的datebox只选择年月,不用选选择日期。easyui的datebox没有提供这种配置只通过点击月份弹出层就可以设置日期控件值,..

百度地图搜索当前用户位置附近停车场示例

评论(0)浏览(186)分类:JavaScript/Ajax开发技巧
百度地图搜索当前用户位置附近停车场示例  百度地图搜索当前用户位置附近停车场,公园,餐馆示例思路就是用BMap.Geolocation类获取经纬度http://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference.html#a7b34然后使用BMap.LocalSearch进行搜索停车场http://lbsyun.baidu.com/index.php?title=jspopular/guide/service#.E6.9C.AC.E5.9C.B0.E6.90.9C.E7.B4.A2经测试使用BMap.Geolo..

JavaScript调用百度地图显示驾车,步行导航示例

评论(0)浏览(182)分类:JavaScript/Ajax开发技巧
JavaScript调用百度地图显示驾车,步行导航示例  JavaScript调用百度地图显示驾车,步行导航示例JavaScript调用百度地图显示驾车,步行导航示例源代码如下htmlhead meta http-equiv=Content-Type content=text/html; charset=utf-8 / meta name=viewport content=initial-scale=1.0, user-scalable=no / style type=text/cssbody, html {width: 100%;height: 100%; margin:0;font-f..

javascript树数据源嵌套结构和扁平结构互转

评论(0)浏览(185)分类:JavaScript/Ajax开发技巧
javascript树数据源嵌套结构和扁平结构互转  javascript树,嵌套结构数据源和扁平结构数据源相互转换示例titlejavascript树数据源嵌套结构和扁平结构互转示例/titlescript type=text/javascript function FlatToNested(data, opt) {//树数据源扁平结构转嵌套 opt = opt || {}; var idFiled = opt.idFiled || 'id'; var textFiled = opt.textFiled || &..

easyUI layout west easy面板展开箭头按钮调整到垂直居中

评论(0)浏览(336)分类:easyui开发技巧
easyUI layout west easy面板展开箭头按钮调整到垂直居中  easyUI layout west easy面板展开箭头按钮默认在标题那列,如何调整到中间位置,如下图所示easyUI layout展开箭头默认效果easyUI layout展开箭头修改后效果  示例居于easyui/jquery-easyui-1.4.4/demo/layout/full.html修改,其他版本自己浏览器调试工具看展开后对应的样式类名称。  easyUI layout west easy面板展开箭头按钮调整到中间..

body高度为0但是背景色填充整个浏览器

评论(0)浏览(207)分类:HTML/CSS兼容/XML
body高度为0但是背景色填充整个浏览器  给body元素设置背景色,但是body没有内容,高度没有填充整个浏览器情况下,浏览器整个窗口都是body设置的背景色,这个是什么导致的?  测试代码如下啥???body高度才28(默认margin 8x2+padding 5x2+border 1x2)??那整个浏览器的颜色是哪里来的????? !doctype htmlstyle body{background:#f00;border:solid 1px #000;padding..

select2动态添加选项

评论(0)浏览(525)分类:JavaScript/Ajax开发技巧
select2动态添加选项  select2查找选项时,如果不存在,如何动态添加用户输入的查找内容项目,实现如下效果。select2默认的下拉选项过滤后的选项,select2没有输入的匹配项目,给提示信息添加按钮点击添加选项点击按钮后给select2添加新输入选项并选中,并且下拉出现此自定义项目  本示例居于Select2 4.0.3修改,其他版本注意修改选择器。第一步,修改查找没有记..

easyui draggable只允许左键拖动

评论(0)浏览(168)分类:easyui开发技巧
easyui draggable只允许左键拖动  如何设置easyui draggable只允许左键拖动,按下右键或者滚轮键不允许拖动(默认easyui draggable 鼠标3个键按下都可以拖动,因为绑定的是mousedown事件)。  解决办法需要修改jquery.easyui.min.js源代码,找到下面类似的语句,可以记事本打开jquery.easyui.min.js,然后搜索bind(mousedown.draggable,第一个出现的位置就是(jquery-easy..

css选择器\数字,转义数字意义

评论(0)浏览(147)分类:HTML/CSS兼容/XML
css选择器\数字,转义数字意义  css数字选择器其中出现\数字类型,css数字选择器名称有什么意义。.\39 { background-color: #ccc; color: red;}/* '\' 的unicode码是5c */.unicode\5c { background-color: #666; color: white;}.8 { background-color: #DDD; color: blue;}  当css class名是数字开头或者包含特殊字符的话,在写CSS样式的的..

更正easyui datebox年月面板年份输入框bug

评论(0)浏览(222)分类:easyui开发技巧
更正easyui datebox年月面板年份输入框bug  bug1)easyui datebox年月面板年份输入框更改值并且失去焦点后,第一行显示的年份并不会更改,并且此时点击第一行的年份切换切换或者年份输入框同一行的年份切换按钮,会被还原为第一行的年份值+/-1。  bug2)easyui datebox点击年月面板第一行的月份切换按钮,如果换年后(往前或者往后都一样),年份输入框的年份值不会更改。如下图所示..

多文件选择上传jquery插件

评论(0)浏览(763)分类:JavaScript/Ajax开发技巧
多文件选择上传jquery插件  发一个支持多文件选择,可以过滤文件类型的纯js(非flash来实现)jquery插件jquery.multiFiles.js。多文件选择需要IE10+和其他标准浏览器,如chrome,firefox才支持。IE9-不支持multiple属性,或者移动端不支持multiple多选择文件时,只能一个一个选择,效果如下  多文件选择上传jquery插件jquery.multiFiles.js有2个方法,reset和setExt。..

JavaScript限制输入框只允许输入数字和符号,小数点

评论(0)浏览(280)分类:JavaScript/Ajax开发技巧
JavaScript限制输入框只允许输入数字和符号,小数点  JavaScript限制输入框只允许输入数字和符号,小数点,不允许输入其他内容,并且输入符号后不能在前面输入数字,小数点同理。titleJavaScript限制输入框只允许输入数字和符号,小数点/titleinput type=text onkeydown=return checkKeyCode(event,this) style=ime-mode: disabled; /script function getCursorPosition(el) {//获取光标位置..

js七彩泡泡屏保效果

评论(1)浏览(1290)分类:JavaScript/Ajax开发技巧
js七彩泡泡屏保效果  javascript实现的模拟xp七彩泡泡屏保效果,效果图如下js七彩泡泡屏保效果源代码如下!DOCTYPE htmlhtmlheadmeta charset=utf-8 /meta http-equiv=X-UA-Compatible content=IE=EmulateIE7 /titlejs七彩泡泡屏保效果/titlestylehtml, body{border: none;overflow: hidden;height: 100%;}body {background: url(/demo/bubble/BG.jpg) bottom}/st..

jQuery自适应容器焦点图,兼容移动端

评论(0)浏览(598)分类:JavaScript/Ajax开发技巧
jQuery自适应容器焦点图,兼容移动端  jQuery自适应容器焦点图,兼容移动端浏览器,支持移动端的touch触碰事件滑动切换图片。效果如下  兼容移动端的焦点图,只要放到指定的容器中,焦点图会自动水平填满容器宽度,移动端显示只需要控制指定容器的宽度,不需要关心焦点图显示,会自动填满此容器宽度,高度等比计算得出,图片不会变形。  jQuery自适应容器焦点图,兼容移动端浏..

绚丽的css3动画效果

评论(0)浏览(274)分类:HTML/CSS兼容/XML
绚丽的css3动画效果2016-9-8:添加firefox支持。  绚丽的HTML5 CSS动画效果,请使用webkit内核的浏览器,如chrome运行示例。chrome运行后效果如下图所示源代码如下style body { background: black; width:100%;height:100%;overflow:hidden; position: relative; } .effect-wrapper { width: 400px; height: 400px;..

Ext4 grid调用reconfigure RowEditing对不齐错位解决办法

评论(0)浏览(298)分类:extjs开发技巧
Ext4 grid调用reconfigure RowEditing对不齐错位解决办法  Ext4 grid调用reconfigure后,如果grid之配置过RowEditing,会导致生成的编辑器和列不对其,如下图所示grid未调用reconfigure前,RowEditing对齐grid调用reconfigure后,RowEditing不对齐  解决办法就是重新构造RowEditing的UI。!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtdhtmlheadmeta http-..

表格列交换,拖拽改变列宽效果

评论(0)浏览(651)分类:JavaScript/Ajax开发技巧
表格列交换,拖拽改变列宽效果  表格可以拖拽更换每列循序,并且可以拖拽修改每列长度jquery插件。使用到了colResizable-1.3.min.js(更改列宽)和colExchange.js(拖拽交换列位置,并且扩展了2个方法removeCol删除列和addCol添加列API方法)这2个插件,效果如下。  表格列交换,拖拽改变列宽示例,查看效果点击这里:表格列交换,拖拽改变列宽示例!DOCTYPE htmlhtml lan..