之前就说过,我想写一个canvas画统计图的插件,现在写好了 先说下实现的功能吧:1.可以通过自定义X轴坐标属性和Y轴坐标属性按比例画出统计图2.可以选择画折现图还是柱形统计图,或者两者都实现3.可以自由定义折现颜色,坐标颜色,柱形图颜色 和canvas边框颜色,当然边框你也可以选择要或者不要4.可以选择是否实现柱形图和折现图的动画实现 实现过程 画坐标——画箭头——做X轴和Y轴的标注——画柱形图——画折现图 话不多说,上代码...
之前有网友提及博客上的LaTex(由MathJax实现)坏掉了,其原因是这里使用了instantclick,以达到网页秒开的效果。但由于instantclick不会重新运行位于head部分的JavaScript代码,而很多工具性软件,比如MathJax、百度统计、Google Analytics、Google Code Prettify等软件都是直接将JS文件插入到head区域。这导致这些工具在instantclick点击后失效,需要重新配置。 配置并不复杂,这些工具本身的代码不用做任何修改,该怎么放还怎么...
在前端开发中,很多情况下需对输入内容进行验证。实时统计功能,对于定长输入而言,可以让用户实时明确输入界限,并合理安排内容。 字数实时统计更新 下面将以【消息内容】为例,设计实现输入框字数实时统计更新功能。 项目架构如下:message message.css message.js message.tpl 1. 在message.tpl文件中定义网页元素 //移动端微信公众号开发 <div class="weui-cell__bd"><textarea id="content" class="weui-textare...
本文实例讲述了JavaScript实现的冒泡排序法及统计相邻数交换次数。分享给大家供大家参考,具体如下: <html><head>JS冒泡排序</head><body><script>var arr=[-1,-2,-30,-4,-5,-6];var flag=false; //判断相邻两个数是否交换过var n=0; //计算交换次数for(var i=0;i<arr.length-1;i++){ //i表示的是每次找出来的最大或最小数需要的次数for(var j=0;j<arr.length-i-1;j++){if(arr[j]>arr[j+1]){var temp=arr[j];arr[j]=a...
本文实例讲述了JS字符串统计操作。分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>JS字符串</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <script> var str = "aaddaabbcdddefg"; console.log(str.charAt(7)); //b 没有返回空不是null console.log(s...
效果图:代码如下: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>js统计文本框剩余字数</title><style type="text/css">#area{width: 300px;height: 300px;resize:none;}</style> </head> <body><textarea autofocus id="area" onkeydown="sy()" maxlength="10" placeholder="只能输入十个字"></textarea> <!--resize:none 多行文本框不可以拖动onkeypress="sy()"键盘按住或点击时调用方法maxlength="10...
例如:求字符串nininihaoa中出现次数最多字符 var str = "nininihaoa";var o = {};for (var i = 0, length = str.length; i < length; i++) {var char = str.charAt(i);if (o[char]) {o[char]++; //次数加1} else {o[char] = 1; //若第一次出现,次数记为1}}console.log(o); //输出的是完整的对象,记录着每一个字符及其出现的次数//遍历对象,找到出现次数最多的字符的次数var max = 0;for (var key in o) {if (max < o[key]) {ma...
本文实例讲述了JavaScript中英文字符长度统计方法。分享给大家供大家参考,具体如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS中英文字符串长度计算</title> </head> <body> <script> var oriText = "一二三四五六七八九十1234567890"; // 将一个中文字符转换为两个星 var result = oriText .replace(/[^\x00-\xff]/g, **); alert(result.length); // 将输出30 (10个字符+ 10个汉字×2) </scr...
本文主要介绍了jQuery实现统计输入文字个数的方法,需要的朋友可以参考下。 HTML部分: <input type="text" value="我是输入的文字" maxlength="10" id="detail1"/> <p><span id="detail1_num">0</span>/<span>10</span></p> <textarea placeholder="最多输入100字" rows="3" maxlength="100" class="editDetail" id="detail2" >呵呵</textarea> <p><span id="detail2_num">0</span>/<span>100</span></p> JS部分: $(function(){ /...
在微信上做一次推广活动,页面共计三个按钮,需要分别统计点击次数,pc上的相关统计用的是“百度统计”,因为H5活动页的时效性等原因,并没有使用百度统计,而是自己实现一个简单的统计小方案:前端点击时请求一个空白小gif图,带有参数,后端同事根据nginx请求日志做统计,通过在cookie中存入一个不会重叠的时间戳作为key值来区分是否同一用户(uv)。 请求的图片存在七牛中,是固定不变的,主要变化是后面两个参数:用户标识uid和...
js去除重复并统计数量方法 首先点击按钮触发事件,然后用class选择器,迭代要获取的文本(这里最好用text()方法)加入到Array()集合里。然后创建一个map{},遍历Array()集合,取一个值作为map的key,然后判断是否有值,如果没有就输入值1,如果有就累加1.最后就可以统计出重复的有多少个。 for(var key in map){}为迭代方法。 这里附上文本格式,方便大家复制。 jQuery("#count").on("click",function(){ var arr=new Array(); jQuer...
前言在开发的时候会遇到这种情况,只显示两行,如果超过两行,则显示一个“显示更多”的按钮,点击按钮来显示剩余行的内容。有个 jQuery 的插件 loadingDots 专门实现了这个功能。不过今天这里我们要用原生的Javascript来实现,要实现这个需求,最关键的是要确定这个容器内文本的行数,得到行数后,修改元素高度,并确定是否显示加载按钮。window.getComputedStyle() 要使用原生 JavaScript 代码获取一个元素的各个 style 属性,使...
本文实例讲述了js实现统计字符串中特定字符出现个数的方法。分享给大家供大家参考,具体如下: //js统计字符串中包含的特定字符个数 function getPlaceholderCount(strSource) {//统计字符串中包含{}或{xxXX}的个数var thisCount = 0;strSource.replace(/\{[xX]+\}|\{\}/g, function (m, i) {//m为找到的{xx}元素、i为索引thisCount++;});return thisCount; }PS:这里再为大家推荐一款非常方便的统计工具: 在线字数统计工具: htt...
JS实现网站点击事件的统计功能。点击事件上报,分为立即上报和延时上报,延时上报通过cookie存储。 一、配置参数,主要用于定义上报的一些配置信息。通过在外部定义_clickc对象重置参数。参数名称 类型 默认值 说明 selector: string _click_rp 点击触发的选择器,支持ID、class prefix: string _rp_ 需要上报的参数属性名前缀,如_rp_type,表示...
本文实例为大家分享了JS 列出所有单词及其出现次数的实现代码,JS统计英语单词出现次数,可以调用LinkedList 类的方法orderInsert(), 以字母大小的顺序储存 英文字符串,同时记录英文单词出现的次数,供大家参考,具体内容如下 <html> <head><title>Linked List</title><meta charset="utf-8"> </head> <body> <script type="text/javascript">function Node(data) { this.data = data; this.frequency =1;this.next = null; } ...