随笔分类 -  JAVASCRIPT

摘要:一、实现点击按钮,复制文本框中的的内容 <script type="text/javascript"> function copyUrl2() { var Url2=document.getElementById("biao1"); Url2.select(); // 选择对象 document.e 阅读全文
posted @ 2017-07-24 17:15 左正 阅读(572) 评论(0) 推荐(0) 编辑
摘要:JS判断只能是数字和小数点 1.文本框只能输入数字代码(小数点也不能输入) <input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"> 阅读全文
posted @ 2017-07-18 14:01 左正 阅读(4901) 评论(0) 推荐(0) 编辑
摘要:Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。 本文摘自:http://www.cnblogs.com/keepfool/p/56 阅读全文
posted @ 2017-06-07 15:43 左正 阅读(406) 评论(0) 推荐(0) 编辑
摘要:大家都有用过各种类型的浏览器,每种浏览器都有自己的特色,本人拙见,在我用过的浏览器当中,我是最喜欢Chrome的,因为它对于调试脚本及前端设计调试都有它比其它浏览器有过之而无不及的地方。可能大家对console.log会有一定的了解,心里难免会想调试的时候用alert不就行了,干嘛还要用consol 阅读全文
posted @ 2017-05-16 10:51 左正 阅读(422) 评论(0) 推荐(0) 编辑
摘要:描述一下sum=parseFloat(num1)+parseFloat(num2),这个个sum=113.32000000000002,最后用了个Math.round(sum* 100)/100,解决问题,精确到两位。Math.floor()将小数全部截去,呵呵,挺有意思 阅读全文
posted @ 2017-05-10 15:03 左正 阅读(1542) 评论(0) 推荐(0) 编辑
摘要:在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了。 关于它们两个的区别,网上的答案很多。这里谈谈我的心得,我的心得很简单: 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。 对于HTML元素我们自己自定义的 阅读全文
posted @ 2017-05-02 16:05 左正 阅读(170) 评论(0) 推荐(0) 编辑
摘要:今天第一次看到closest方法,以前也从来没用过。 该方法从元素本身开始往上查找,返回最近的匹配的祖先元素。 1、closest查找开始于自身,parents开始于元素父级 2、closest向上查找,知道找到一个匹配就停止查找,parents一直查找到根元素,并将匹配的元素加入集合 3、clos 阅读全文
posted @ 2017-05-02 15:57 左正 阅读(183) 评论(0) 推荐(0) 编辑
摘要:字符串 [javascript] view plain copy var basic = "abc,def,ghi,"; 第一种 [javascript] view plain copy basic = basic.substr(0, basic.length - 1); 第二种 [javascri 阅读全文
posted @ 2017-04-20 10:56 左正 阅读(111887) 评论(0) 推荐(1) 编辑
摘要:之前写过一篇关于HighCharts的博文,此次新系统也需要做统计图表了,HighCharts需要授权的,所以此次也不用这个版本了。百度的Echarts也很不错,大概看了一下,和HighCharts的风格没什么差别。从昨天开始研究了一下,也查了一些资料,这里集成java语言,做了一个demo。我这里 阅读全文
posted @ 2017-01-06 11:10 左正 阅读(367) 评论(0) 推荐(0) 编辑
摘要:前言 从昨天开始给项目里添加一些图表对比功能,上一个项目里使用的是Highcharts,本打算继续用Highcharts做的,昨天试了下做出来的效果不太好,主要也是因为看的多了没什么新鲜感了,于是便尝试下百度做的ECharts, 总体效果还是不错的。 先来几张效果图体验下 其中第6张、第七张的效果可 阅读全文
posted @ 2017-01-06 11:09 左正 阅读(388) 评论(0) 推荐(0) 编辑
摘要:通过上一篇文章可以知道和echarts参考手册可知,series字段就是用来存储我们显示的数据,所以我们只需要用ajax来获取series的值就可以. option 首先定义一个Serial类 /// <summary> /// 定义一个Series类 设置其每一组sereis的一些基本属性 /// 阅读全文
posted @ 2017-01-05 18:32 左正 阅读(793) 评论(0) 推荐(0) 编辑
摘要:最近我一直在做数据可视化的前端工作,我用的最多的绘图工具是d3。d3有点像photoshop,功能很强大,例子也很多,但是学习成本也不低,做项目是需要较大人力投入的。3月底由在亚马逊工作的同学介绍下使用了一下echart,一个由百度前端发起的canvas国产类库(官网:http://echarts. 阅读全文
posted @ 2017-01-05 15:01 左正 阅读(3561) 评论(0) 推荐(0) 编辑
摘要:我认为一个前端工程师是否优秀,很大程度上取决于对前端性能上优化的功力。所以性能优化对前端真的很重要!!! 本文介绍了什么是阻塞、为什么会阻塞?阻塞优化常用的5种方式以及他们的注意事项。 浏览器渲染阻塞与优化 什么是阻塞?在页面中我们通常会引用外部文件,而浏览器在解析HTML页面是从上到下依次解析、渲 阅读全文
posted @ 2016-08-13 12:57 左正 阅读(7286) 评论(0) 推荐(1) 编辑
摘要:字符串:var s = "1,2,3,4,5,"目标:删除最后一个 ","方法: s=s.substring(0,s.Length-1);字符串:var s2 = "img/upload/123.jpg"目标:获取文件名(不包含后缀名)方法: s2=s2.substring(s2.lastIndex 阅读全文
posted @ 2016-07-05 10:07 左正 阅读(9130) 评论(0) 推荐(1) 编辑
摘要:1、 去掉字符串前后所有空格: 代码如下: function Trim(str) { return str.replace(/(^\s*)|(\s*$)/g, ""); } 说明: 如果使用jQuery直接使用$.trim(str)方法即可,str表示要去掉前后所有空格的字符串。 2、 去掉字符串中 阅读全文
posted @ 2016-07-05 10:06 左正 阅读(18997) 评论(0) 推荐(0) 编辑
摘要:jquery拆分姓名处理程序如下,纯js实现的,感兴趣的朋友可以参考下哈,希望对你有所帮助 之前已经分享过一个在dom中用户输入姓名后自动用js拆分成姓与名到表单中的jquery插件,由于项目的需要,需要一个在客户端自动拆分,但不需要将拆分结果呈现给用户的方法,所以又写了一个独立的方法,贴出来跟大家 阅读全文
posted @ 2016-06-20 11:55 左正 阅读(1122) 评论(0) 推荐(0) 编辑
摘要:stopPropagation()函数用于阻止当前事件在DOM树上冒泡。 根据DOM事件流机制,在元素上触发的大多数事件都会冒泡传递到该元素的所有祖辈元素上,如果这些祖辈元素上也绑定了相应的事件处理函数,就会触发执行这些函数。 使用stopPropagation()函数可以阻止当前事件向祖辈元素的冒 阅读全文
posted @ 2016-04-11 12:03 左正 阅读(1806) 评论(0) 推荐(0) 编辑
摘要:[plain] view plain copy print? <span style="font-size:14px;">css和js带参数(形如.css?v=与.js?v= 或 .css?version=与.js?version= ) <script type=”text/javascript”  阅读全文
posted @ 2016-04-08 10:36 左正 阅读(4434) 评论(0) 推荐(0) 编辑
摘要:前言 注册的过程中往往需要填写邮箱,并登陆邮箱进行验证。利用JS可以实现针对不同的邮箱进行点击登录验证,以下为实现方案,很简单 代码 邮箱域名数据 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 var hash = { 阅读全文
posted @ 2016-04-07 13:54 左正 阅读(5336) 评论(0) 推荐(0) 编辑
摘要:navTab的刷新在doc文件里也有说明 首先 在form表单里指定好回调函数 [html] view plain copy * <form action="/user.do?method=save" onsubmit="return validateCallback(this, navTabAja 阅读全文
posted @ 2016-04-06 17:56 左正 阅读(811) 评论(0) 推荐(0) 编辑