前端
daxiang12092205
目前就职于国内一个IT大厂,有跳槽意向的,欢迎发简历(邮箱:simzlj@163.com),只要你够强,一定有施展的空间
展开
-
js金额格式化
/** * 将数值格式化成金额形式 * * @param num 数值(Number或者String) * @param precision 精度,默认不变 * @param separator 分隔符,默认为逗号 * @return 金额格式的字符串,如'1,234,567',默认返回NaN * @type String */function formatNumber(转载 2016-12-02 19:39:33 · 3499 阅读 · 0 评论 -
纯CSS写带边框的三角形
纯CSS写带边框的三角形<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> .triangle_border{ w转载 2015-09-24 09:15:30 · 5985 阅读 · 0 评论 -
透传消息堆积一种处理方案demo
test var timeout1;var count = 0;testTimeout();function testTimeout(){ timeout1 = setTimeout(function(){ console.log('setTimeout:' + new Date()); }, 5000);}var timer2 = setInterval(func原创 2015-10-12 08:57:45 · 1465 阅读 · 0 评论 -
柱条分段展示(阶梯电价)
分割.wrap{ background-color:red; width:80%; height:20px;}.split1{ width:2px; background-color:white; height:20px; margin-left:33%; float:left;}.split2{ width:2px; backgro原创 2015-10-16 21:46:10 · 594 阅读 · 0 评论 -
纯CSS柱状图,无动画
Data 1 Data 2 Data 3 style.css代码:*, *:before, *:after { box-sizing: border-box;}body { font-family: 'Source Sans Pro', sans-serif; font-weig转载 2015-08-27 13:21:44 · 889 阅读 · 0 评论 -
table导出到excel中
本文参考:http://www.oschina.net/question/12_638转载 2014-08-31 11:59:46 · 731 阅读 · 0 评论 -
js获取本地文件夹中文件列表
function init(){ var fso = new ActiveXObject("Scripting.FileSystemObject"); // 获取文件相关信息 var f1 = fso.GetFile("F:\\test\\test.txt"); alert('文件上次修改日期:' + f1.DateLastModified); var drv; var s原创 2014-08-28 21:58:41 · 43546 阅读 · 5 评论 -
jquery为绑定动态文本框事件
Internet Explorer 8 - Cross-domain Request Code Sample $(document).ready(function(){ $("#div1").on('keydown', 'input[name$=Date]', function(){ console.log('---a'); }); $("#btn1").click(fun原创 2014-05-27 09:57:02 · 2165 阅读 · 0 评论 -
jquery修改input的onblur事件
$(document).ready(function(){ // 覆盖已绑定的onblur事件。此时仅弹出hi $( '#input1').removeAttr('onblur').on('blur',showHi); // 添加onblur事件,以前绑定的仍存在。此时先弹出hello,再弹出hi //$( '#input1').on('blur',showHi);});functio原创 2014-06-09 09:26:39 · 31580 阅读 · 1 评论 -
jquery获取URL参数
本文转自:http://blog.csdn.net/salc3k/article/details/7286296转载 2014-04-27 11:37:29 · 32020 阅读 · 1 评论 -
qq邮箱邮我功能
原创 2016-03-20 22:35:41 · 1953 阅读 · 0 评论 -
jquery序列化表单去除指定元素
是 否 序列化代码:$("form[name='form1']").not($("input[type='hidden']")).not($("input[class='flau_u_ro']")).serialize();chrome下控制台运行代码,输出:"page1=1&pageno=1&pagename=&pageflag=0"原创 2014-03-06 18:47:56 · 12041 阅读 · 4 评论 -
正确处理浏览器在下载文件时HTTP头的编码问题(Content-Disposition)
本文转自:http://www.iefans.net/xiazai-wenjian-http-bianma-content-disposition,未作修改。最近在做项目时遇到了一个 case :需要实现一个强制在浏览器中的下载功能(即强制让浏览器弹出下载对话框),并且文件名必须保持和用户之前上传时相同(可能包含非 ASCII 字符)。前一个需求很容易实现:使用 HTTP He转载 2016-04-07 21:02:47 · 4456 阅读 · 0 评论 -
Angularjs Controller 间通信机制
本文转自:http://www.cnblogs.com/whitewolf/archive/2013/04/16/3024843.html,未作修改。 在Angularjs开发一些经验总结随笔中提到我们需要按照业务却分angular controller,避免过大无所不能的上帝controller,我们把controller分离开了,但是有时候我们需要在controller中通信转载 2016-04-07 21:00:13 · 463 阅读 · 0 评论 -
angularjs How to set focus on input field?
本文转自:http://stackoverflow.com/questions/14833326/how-to-set-focus-on-input-field,未作修改。What is the 'Angular way' to set focus on input field in AngularJS?More specific requirements:Wh转载 2016-04-07 20:59:22 · 1669 阅读 · 0 评论 -
js image转base64编码
本文转自:https://segmentfault.com/q/1010000000651225 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><script type="text/javascript"> function getBase64Imag转载 2016-04-07 20:52:05 · 24840 阅读 · 0 评论 -
jasmine行为驱动,测试先行
见原文:http://blog.fens.me/nodejs-jasmine-bdd/转载 2016-04-07 20:49:48 · 440 阅读 · 0 评论 -
Chrome 控制台console的用法
本文转自:http://www.cnblogs.com/zhongxinWang/p/4121111.html,未作修改。下面我们来看看console里面具体提供了哪些方法可以供我们平时调试时使用。目前控制台方法和属性有:["$$", "$x", "dir", "dirxml", "keys", "values", "profile", "profileEn转载 2016-04-07 20:48:05 · 409 阅读 · 0 评论 -
jquery实现复选框联动
input1 input2 input3 input4 $('input[type="checkbox"]').click(function(){ // 获取当前复选框在所有复选框中索引 var index = $('input[type="checkbox"]').index(this); var arrStage = ['input4','input3','inp原创 2014-04-27 10:47:47 · 9266 阅读 · 0 评论 -
html文档中media="all"
本文转自:http://www.cnblogs.com/visi_zhangyang/archive/2011/03/08/1976956.html转载 2014-04-27 11:11:23 · 2688 阅读 · 0 评论 -
Js中escape(),encodeURI()和encodeURIComponent()
本文转自:http://blog.sina.com.cn/s/blog_604414090100n21l.html在原文基础上t转载 2014-04-27 11:03:23 · 1081 阅读 · 0 评论 -
fusioncharts入门系列5之renderer参数
问题:鼠标移到圆形图上方时,滚轮失效,ie8 chrome下均存在该问题,问了下朋友,原来是fusioncharts的一个bug。解决方法:设置图表渲染参数renderer为javascript,不使用flash进行渲染。问题产生原因:未知,有了解的朋友,欢迎留言。注:使用默认样式进行渲染时,flash与javascript渲染效果略有差异,如图表标题字体类型等。代码:原创 2013-12-31 11:42:17 · 3121 阅读 · 3 评论 -
fusioncharts入门系列4之setJSONData和insertFusionCharts
代码: fusioncharts demo /* * 定义json格式的字符串 * 可作为模板,显示多个图表时进行复用,图表样式统一在chart中设置 * 作为模板,此处未直接定义为一个json对象,避免第一个图表对data进行修改后, * 第二个图表再次使用json对象时,值已发生变化(每次使用前清除data中元素可解决原创 2013-12-30 23:35:49 · 6912 阅读 · 10 评论 -
js获取日期
本文转自:http://www.cnblogs.com/carekee/articles/1678041.html未作修改,以收藏。文中Format方法,测试通过。var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-??转载 2013-12-11 23:01:26 · 767 阅读 · 0 评论 -
fusioncharts入门系列3之柱状图与折线图
柱状图代码示例index.html: function init(){ var chart = new FusionCharts("fusioncharts/Column3D.swf", "myChartId" ,"500","300","0","1"); chart.setDataURL("date2.xml");原创 2013-12-10 23:18:10 · 8574 阅读 · 0 评论 -
fusioncharts 入门系列1
开发需要,记录自己的学习历程。。。fusioncharts 主要是fusioncharts.js和一些swf文件,代码结构如下图:fusioncharts文件夹存放fusioncharts所有的资源,便于统一管理。fusioncharts.html 代码: function init(){ var chart = new F原创 2013-12-09 23:24:19 · 1274 阅读 · 0 评论 -
fusioncharts入门系列2之setDataURL和setDataXML
html代码: function init(){ var chart = new FusionCharts("fusioncharts/Column3D.swf", "myChartId" , "500", "300","0","0"); chart.setDataURL("date.xml");原创 2013-12-09 23:35:40 · 4723 阅读 · 0 评论 -
Ajax整合的力量
本文转自:http://blog.sina.com.cn/s/blog_491f813701000anl.html注:未作修改。五 其他开源框架5.1 AjaxAnywhereAjaxAnywhere 是 sourceforge.net 另外一个开源的 Ajax 项目,其设计的初衷是要将已有的 JSP 和 JSF 组件转换成为具备 Ajax 功能的组件,而且这一转换转载 2013-11-24 17:07:49 · 1116 阅读 · 0 评论 -
JS window.open()用法
本文转自:http://blog.csdn.net/vastskyjoe/article/details/4122104注:根据原文稍作改动,文中代码存在较严重兼容性问题,参考时请慎重!一. Window 对象Window 对象是 JavaScript 层级中的顶层对象。Window 对象代表一个浏览器窗口或一个框架。Window 对象会在 或 每次出现转载 2013-09-21 18:37:58 · 30081 阅读 · 0 评论 -
web画图技术(svg、canvas、fusioncharts、anychart)简介
一、前言 如题,此处主要讨论网页上实现画图的技术,像java的swing,.net的chart不在今天的讨论范围。二、讲啥•SVG简介•主流的画图方式?•各方式之间的差异?三、SVG3.1 SVG简介 定义ScalableVector Graphics,可伸缩矢量图形;它是使用 XML来描述二维图形和原创 2013-11-03 15:15:05 · 13580 阅读 · 1 评论 -
金额文本框校验
百度知道上的一问一答:原文链接:http://zhidao.baidu.com/question/489829775.html一、问:一个HTML文本框,我想限制用户只能输入数字(包含小数,并且小数点后保留2位),看了很多网上互相抄袭的例子,帮助不大,希望专家指教!下面是小弟暂用的方法(替换法):var oldNumeric="";//记录以往输入的值function only转载 2013-08-25 23:28:50 · 2436 阅读 · 0 评论 -
js中json对象与字符串之间的转化
网上有不少教程文章已介绍这方面的内容,但费了许久才找到我需要的东西,将demo贴在此处,以作记录。json-demo.html: json-demo <!-- $(document).ready(function(){ test1(); }); function test1(){ // 简单字符串转换为json对象 var原创 2013-12-17 13:45:41 · 8758 阅读 · 0 评论 -
ie8下input的title问题
示例代码: <input id="input1" value="helloabababababababa" style="width:100px;" title="helloabababababababa">在ie8下,页面加载完毕,将光标移到文本框上时title会闪烁,再次移动光标到文本框其它位置,title才会显示。在chrome下无此问题。解决方案及产生原因:未原创 2014-03-13 09:35:06 · 2152 阅读 · 0 评论 -
js实现图片旋转
1 使用jQueryRotate.js实现示例代码:测试结果:chrome下效果正常,旋转后img对象仍为img对象;ie8下效果正常,但旋转后img对象变为其它对象,由于对象变化,若旋转后仍按原来方法获取img对象,则会报js错误。欲获取image对象,可根据class获取。如果图像旋转后,不进行其它操作,则可用此方法。若进行其它操作,如放大、缩小图像,则此方法实现较复杂。原创 2014-04-10 14:22:21 · 5869 阅读 · 1 评论 -
js正则表达式表单验证
$('#pass').keyup(function(e){ var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\W).*$", "g"); var mediumRegex = new RegExp("^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-转载 2014-04-20 10:15:20 · 863 阅读 · 0 评论 -
js判断是否为IE浏览器
$('#test').click(function(){ // method 1 var ie = "v"=="\v"; // method 2 var browser=navigator.appName if(browser === 'Microsoft Internet Explorer'){ var b_version=navigator.appVersion var ve原创 2014-04-20 10:58:33 · 1240 阅读 · 0 评论 -
jquery each实现均衡元素的高度
div { width: 400px; } #div1 { height: 10px; background-color: #ff0; } #div2 { height: 20px; background-color: #f0f; } #div3 { height: 30px; background-color: #0ff; }原创 2014-04-20 10:25:26 · 1059 阅读 · 0 评论 -
jquery平滑移动到锚点
<!DOCTYPE html><html> <head> <title></title> <style type="text/css"> div { height: 500px; width: 400px; } #div1 { background-color: #ff0; } #div2 {原创 2014-04-20 09:44:48 · 7894 阅读 · 3 评论 -
解决png图片在IE6下的透明问题
已经几天没更新博客了,也就是这几天学习上的进账收效甚微,原因是在准备毕业答辩的事,还有两天时间用在了跑去东莞面试,面试的结果很悲催呵呵。自己其实自我感觉还过得去吧,至少能工作,但就是自己还不够自信,在别人面前总会表现出一副初学者的样子,这是很不好的。 感慨的事就不说了,进入正题。 昨天在某Q群,有人大呼:谁给他解决他的PNG图片在IE6下的透明问题,他就给谁充话转载 2014-05-03 11:24:23 · 900 阅读 · 0 评论 -
jquery跨域报错:Origin null is not allowed by Access Control Allow Origin
本文转自:http://zhidao.baidu.com/link?url=SY552AMCoGVn1P6Y4xAA5jpcY7HhCbtF42ZX0EE2eRpfqumwMTnA2T4Rp2Cd7dh7jAyGZn_giR8w3sTxMeTKwK转载 2014-05-03 10:39:27 · 2775 阅读 · 0 评论