canvas压缩图片苦逼经历记录

评论(0)浏览(21)分类：JavaScript/Ajax开发技巧
canvas压缩图片苦逼经历记录　　最近做报名系统，需要上传名片，并且自动读取名片信息填充表单的功能，考虑到用户可能使用手机摄像头拍摄照片，需要在客户端用canvas进行压缩后转base64字符串上传。　　问题来了，苦逼得。。。ＦｉｌｅＲｅａｄｅｒ读取用户选择的图片文件后复制给一个img dom对象（absolute定位，left，top设置一个很大的负值将图片不显示在课件区域），然..

谷歌地图开发之内嵌谷歌街景图示例

评论(0)浏览(73)分类：JavaScript/Ajax开发技巧
谷歌地图开发之内嵌谷歌街景图示例　　谷歌地图开发之内嵌谷歌街景图示例，详细说明!--谷歌地图容器--div id=map style=display:none/div!--谷歌街景图容器--div id=pano style=height:600px/divscript var ggKEY = AIzaSyCiboy-2IeBrXLjKFSl8Reot7wM55dyKXE;//谷歌地图key，需要翻墙到谷歌官网申请，这个key设置了引用来来，公布出来你们也用不了的的，^_^ //https://con..

jquery仿京东商城三级联动代码插件

评论(1)浏览(1907)分类：JavaScript/Ajax开发技巧
jquery仿京东商城三级联动代码插件2019-3-1更新：location.js文件里第三级县之前使用京东旧域名d.360buy.com的jsonp数据，域名做了跳转首页所以第三加载不出来。现在已经更新为d.jd.com，正常加载。不过第三级最好是自己对接自己的数据库，否则如果哪天京东封了接口就无法使用了。自己修改location.js里面类似$.getJSONP(http://d.jd.com/area/get?fid=的接口地址为你的接口地址，..

js网页简繁体切换cookie记录状态

评论(0)浏览(186)分类：JavaScript/Ajax开发技巧
js网页简繁体切换cookie记录状态　　js网页简繁体切换cookie记录状态，网页跳转后一句cookie值自动切换页面文字简体繁体。本地file浏览器时不要使用webkit核心浏览器测试，如chrome，无法生成cookie，需要发布后通过http协议访问　　测试代码如下a href=# id=aTrans简/abr /求一个脚本！！！！js繁体转简体，带cookie，用cookie记录状态 ，刷新不丢失，全站跳转都可以使用，在线..

电脑端微信user-agent字符串

评论(0)浏览(136)分类：JavaScript/Ajax开发技巧
电脑端微信user-agent字符串　电脑端微信user-agent如何，包含了WindowsWechat关键字Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.95 Safari/537.36 MicroMessenger/6.5.2.501 NetType/WIFI WindowsWechat QBCore/3.43.884.400 QQBrowser/9.0.2524.400　　手机端微信user-agent如下，不包含WindowsWechat，所以可以通过W..

javascript通过ip获取物理地址接口

评论(0)浏览(2207)分类：JavaScript/Ajax开发技巧
javascript通过ip获取物理地址接口2018-10-12更新：新浪的IP地址接口已经失效可以使用百度的IP地址解析接口：https://sp0.baidu.com/8aQDcjqpAAV3otqbppnN2DJv/api.php?query=117.140.170.110ie=utf8resource_id=6006cb=callbackcb为jsonp回掉名称，query为要查询的ip地址，返回jsonp数据格式如下/**/callback({status:0,t:,set_cache_time:,data:[{location:广西壮族自治区玉林市..

jQuery周日历插件

评论(0)浏览(226)分类：JavaScript/Ajax开发技巧
jQuery周日历插件　　jQuery周日历插件，显示当前日期所在的一周的日期，效果如下　　jQuery周日历插件源代码如下，插件有２个方法getValue和setValue。getValue返回值为数组，第一项为日期，格式为年/月/日，第二项为星期几。setValue参数为 年-月-日格式或者年/月/日格式。!doctype htmlstyle.weekpicker,.weekpicker .dateitems{overflow:hidden;clear:both;f..

kindeditor添加手动输入颜色值

评论(0)浏览(143)分类：JavaScript/Ajax开发技巧
kindeditor添加手动输入颜色值　　kindeditor的颜色值是定好的，如何添加手动输入颜色值的输入框，点击按钮格式化选中文本的颜色或者背景色。如果不想用kindeditor，可以换ckeditor，ckeditor可以添加自定义的颜色。　　如果不想更换编辑器，继续使用kindeditor，可以按照方法添加自定义输入框和按钮，注意修改的是kindeditor-all.js，压缩后的kindeditor-min.js代码不好阅读..

jquery.wordexport.js导出宽屏模式landscape

评论(0)浏览(340)分类：JavaScript/Ajax开发技巧
jquery.wordexport.js导出宽屏模式landscape　　jquery.wordexport.js导出宽屏模式landscape word文档，默认jquery.wordexport.js导出是竖屏模式portrait的word文档。解决办法就是定义内容容器的size样式就行，宽度大于高度，切换到视图为页面视图时就变为宽屏模式了，jquery.wordexport.js导出的是html格式的内容，所以默认格式为Web版式视图，所以得人工切换视图模式，效果如下jquery.wo..

解决jquery.wordexport.js导出word包含跨域图片报错

评论(0)浏览(217)分类：JavaScript/Ajax开发技巧
解决jquery.wordexport.js导出word包含跨域图片报错　　使用jquery.wordexport.js导出word文档时，如果内容包含跨域的图片会报错，这个是由于wordexport使用canvas将图片转为base64图片字符串时导致的，由于安全问题跨域图片未允许跨域加载，未设置通过Access-Control-Allow-Origin控制允许ajax跨域请求的域名，是无法加载的。网上找了下说给img标签添加crossOrigin = Anonymous属性，经过测试还是..

ajax跨域请求附带自定义请求头问题总结

评论(1)浏览(2272)分类：JavaScript/Ajax开发技巧
ajax跨域请求附带自定义请求头问题总结　　ajax跨域请求其他页面，其他页面如果设置了Access-Control-Allow-Origin为*允许任何域名请求或者为特定的域名，此时这个跨域的地址可以被所有域（为*）或者特定的域名请求，Access-Control-Allow-Origin一次只能设置一个，不想设置为*，只允许特定的多个域名访问可以参考这个：通过Access-Control-Allow-Origin控制允许ajax跨域请求的域名　..

jquery实现章节目录效果

评论(0)浏览(1626)分类：JavaScript/Ajax开发技巧
jquery实现章节目录效果　　本示例实现文章详细内容如果添加了anchor锚点时，在页面右边生成一个不随页面滚动的固定anchor列表，当那些章节锚点显示在浏览器可见视窗内，增加浮动章节列表的锚点获得焦点的样式。章节的锚点位置注意看示例中的代码，将会取章节容器中的第一个子元素锚点作为章节目录列表内容。jquery实现章节目录效果源代码!DOCTYPE html PUBLIC -//W3C/..

easyui tree点击节点获取全路径

评论(0)浏览(311)分类：easyui开发技巧
easyui tree点击节点获取全路径　　easyui tree点击节点，或者这个节点的全路径，从根节点到点击节点的路径，效果如下　　easyui tree点击节点获取全路径源代码如下 script function getPath(node) { var path = node.text; while (node = $(this).tree('getParent', node.target)) path = node.tex..

easyui tree勾选节点id,text都一样如何勾选其他节点

评论(0)浏览(238)分类：easyui开发技巧
easyui tree勾选节点id,text都一样如何勾选其他节点　　easyui tree勾选节点时，如果存在多个text，id都一样的节点，勾选或者取消勾选其中一个节点，其他节点也会同时勾选或者取消勾选。easyui tree有find方法，参数为节点的id，但是存在多个id一样的节点只会返回第一个节点，所以无法使用find方法。　　可以添加onCheck事件，使用jquery找出存储text值的dom对象遍历对比，如果一样用check/unchec..

window.print三等分打印纸打印网页时如何打印单张

评论(0)浏览(180)分类：JavaScript/Ajax开发技巧
window.print三等分打印纸打印网页时如何打印单张　　三等分的打印纸，在使用window.print()打印网页时，如果内容只有一张纸的高度，怎么实现只打印一张值的高度，而不是连续打印３张纸的，多出来２张空白的，如下图所示　　出这个问题是因为打印网页时将整个网页一起打印的，所以如果即使显示的内容只有一张值高度（如何计算高度参考这个：三等分打印纸241x93规格如何使网页每一项打印到每个纸..

JS将图片压缩为指定尺寸

评论(0)浏览(454)分类：JavaScript/Ajax开发技巧
JS将图片压缩为指定尺寸　　JS将图片压缩为指定尺寸，并且压缩图片质量，JS将图片压缩为指定尺寸并且保存示例如下（IE不支持data协议，无法直接保存）img src=11.png id=img onload=aDL.href = imgCompress.src = compressImg(100, 100, 70, img); /br /img id=imgCompress /a id=aDL href= download=compress.jpg保存压缩后图片/ascript /*canvas压缩图片，图片不能..

web app如何将电话号码保存到手机

评论(0)浏览(717)分类：JavaScript/Ajax开发技巧
web app如何将电话号码保存到手机　　web app如何将电话号码保存到手机，由于浏览器限制，未提供api直接保存号码到手机通讯录，但是可以通过生成vcard文件给用户下载后导入手机通讯录来实现。　　拨打电话可以直接用tel协议来实现，如 a href=tel://1397737xxxx1397737xxxx/a　　web app如何将电话号码保存到手机需要通过服务器端生成vcard文件提供给用户下载后导入手机通讯录中..

easyui datagrid数据源归类统计

评论(0)浏览(552)分类：easyui开发技巧
easyui datagrid数据源归类统计　　easyui datagrid依据某列的值进行归类后，进行小计数据行插入在此类别后面，并合并此列相同的单元格，最后插入总计，并可以给小计，总结的列添加不同显示，效果如下easyui datagrid数据源归类统计源代码如下table id=dg style=width:400px;/tablescript var merge = {} $('#dg').datagrid({ title: 'datagrid数据源..

easyui datagrid选择数据行置顶置底效果

评论(0)浏览(379)分类：easyui开发技巧
easyui datagrid选择数据行置顶置底效果　　easyui datagrid选择数据行，点击置顶或者置底按钮，将选中的数据行放到第一位或者最后。思路就是获取选中的数据行数据行，删除数据行，再insertRow或者appendRow重新添加就行。注意：getSelections获取到的集合兑源数据源的引用，会同时删除数据源，所以要自己clone一下选中的数据行，否则无法添加。　　本示例居于/jquery-easyui-1.4.4/de..

ext gridpanel数据导出excel文件

评论(1)浏览(688)分类：extjs开发技巧
ext gridpanel数据导出excel文件　　ext gridpanel导出excel文件类库代码，支持base64客户端数据直接导出。base64类库需要自己导入：javascript base64编码解码类库//来源：https://files.cnblogs.com/files/guolebin7/GridToExecl.js/// reference path='../../../common/vswd-ext.js' //** allows for downloading of grid data (store) directly into excel* Method..

table表格按照第一列合并相同内容

评论(1)浏览(793)分类：JavaScript/Ajax开发技巧
table表格按照第一列合并相同内容　　table表格按照第一列内容相同进行合并，后续内容相同单元格按照第一列rowspan进行合并，而不是前一列的rowspan，效果如下　　table表格按照第一列合并相同内容源代码如下table width=400 border=1 tbody tr tda/td td1/td td2/td td3/td td4/td /tr tr ..

javascript自动格式化金额，可包含小数

评论(0)浏览(304)分类：JavaScript/Ajax开发技巧
javascript自动格式化金额，可包含小数　　javascript自动格式化金额，可包含两位小数，效果如下注意：不支持ie8-，ie8- 输入对象没有selectionStart属性。　　javascript自动格式化金额，可包含两位小数源代码如下script function formatter(o) { var arr = o.value.split('.'), nl = arr[0].length; var tmp = arr[0].replace(/(\d{3}(?!,))/g, '$1,&..

javascript文字无缝滚动示例

评论(0)浏览(683)分类：JavaScript/Ajax开发技巧
javascript文字无缝滚动示例　　style type=text/css #gundong { width: 320px; margin: 0 auto; background: #dd127b; height: 28px; line-height: 28px; overflow: hidden; font-size: 14px; color: #fff; font-weight: bold;white-space:nowrap }/styletitlejavascript文字无间隙滚动示例/titled..

table td拖拽单元格内容交换

评论(0)浏览(392)分类：JavaScript/Ajax开发技巧
table td拖拽单元格内容交换　　拖动单元格到其他单元格上，2个单元格内容相互交换，源代码如下script type=text/javascript src=https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js/scriptstyletd.hover{border:dotted 3px #f00 }td.selected{background:#f00;color:#fff;}td.disabled{background:#eee;color:#000}#tdMove{position:absolute;display:none;border:dotte..

window.open如何在新窗口打开连接

评论(1)浏览(307)分类：JavaScript/Ajax开发技巧
window.open如何在新窗口打开连接　　window.open如何在新窗口打开链接，而不是在浏览器的选项卡窗口中打开链接。　　经过测试，设置window.open的features参数，增加width和height参数，可以弹出一个浏览器窗口，而不是在原来浏览器的选项卡中打开链接。　　IE7，IE8，firefox12，chrome25.0.1364.172 m测试通过script function openWin() { window.open(top.locatio..

javscript删除对象（包括数组）中值为undefined，null的属性

评论(0)浏览(1955)分类：JavaScript/Ajax开发技巧
javscript删除对象（包括数组）中值为undefined，null的属性　　javscript删除对象中值为undefined，null的属性，对象属性可以为数组，数组中嵌入数组或者对象，如果为对象删除完所有属性，数组删除全部undefined，null项，则同时删除这个项。　　javscript删除对象（包括数组）中值为undefined，null的属性源代码如下script var obj = { a: { a_1: 'qwe', a_2: ..

js获取本地视频时间长度

评论(0)浏览(1030)分类：JavaScript/Ajax开发技巧
js获取本地视频时间长度　　js如何获取file控件中选择的视频文件的时长，播放时间长度，不需要通过服务器。　　解决办法：用URL对象创建视频文件本地url进行播放，使用video标签的duration获取时长（单位秒）。注意设置video的src不能立即获取，要不输出NaN，通过计时器来获取。　　js获取本地视频时间长度源代码如下style#v{width:400px;height:300px}/stylevideo id=..

jQuery判断保单是否修改，离开提示

评论(0)浏览(418)分类：JavaScript/Ajax开发技巧
jQuery判断保单是否修改，离开提示　　jquery如何判断表单是否修改，点击放弃修改按钮或者离开页面提示用户表单修改过，是否离开页面。script src=http://cdn.bootcss.com/jquery/1.7.1/jquery.min.js/scripttitlejQuery判断保单是否修改，离开提示/titleform name=myform text:input type=text name=text /br / textarea:textarea name=textarea/textareabr / radio:in..

easyui datatrid给编辑过的数据行高亮描红

评论(0)浏览(871)分类：easyui开发技巧
easyui datatrid给编辑过的数据行高亮描红　　easyui DataGrid，如果数据行编辑过或者进入过编辑模式，当切换到显示模式，非编辑模式下，如何高亮之前的数据行？效果如下　　easyui datatrid给编辑过的数据行高亮描红源代码如下，示例居于jquery-easyui-1.4.4/demo/datagrid/rowediting.html进行修改，思路就是编辑的时候获取任意一个编辑器对象，通过此dom对象获取所在数据行的tr，结束..

锚点失效解决办法

评论(1)浏览(898)分类：HTML/CSS兼容/XML
锚点失效解决办法　　最近碰到锚点无效的问题，表现为点击锚点后无法定位到对应的锚点位置。经过检查发现，原来是为了布局统一，将锚点display设置为none隐藏起来了，隐藏起来的锚点是无法定位的，哪怕锚点只有1px高度和1px宽度，这个一定要设置，要不在页面上没有占用位置，锚点将会失效，无法对应的位置。　　示例如下!--stylea.anchor{display:none}/stylesty..