陶山是山

一款轻量级的散点图工具svg.js, ES6, lodash.jsGithub浏览Demo点击这里接入方式入方式引入svg.js,lodash.js,ScatterPlot.js准备一个容器（div）传入一个chart对象，实例化SCATTER_PLOT:let sp=new SCATTER_PLOT(‘container’, chart,function(arg){});chart对象chart对象的属性主要包含：title (object)subtit

// 用一个函数域包起来，就是所谓的沙箱// 在这里边 var 定义的变量，属于这个函数域内的局部变量，避免污染全局// 把当前沙箱需要的外部变量通过函数参数引入进来// 只要保证参数对内提供的接口的一致性，你还可以随意替换传进来的这个参数(function(window, undefined) {   // jQuery 代码})(window);无 new 的构造方式(

用于统计当前输入字符，密码强弱评比等。 $(function () { $('input').bind('input propertychange', function () {}); })

function _24TO12(){tr=arguments[0]||0;return (tr>12?tr-12:tr)+':00'+['AM','PM'][0|(+tr)/12];}_24TO12(new Date().getHours());

最近接了个模拟划痕的项目： 两个有接触的圆盘顺着逆时针运动，此时若下方的圆盘有凸起，那么会在上面的圆盘上留下怎样的划痕。 参数不同，结果不同，： 计算（x,y）的值用到了大量三角函数，许久不用，通通还回去了=_=, 至于绘制直线则是最简单的canvas,我之前没有系统的看过这块，这次也算学习了。var query=(function (name) { var re

接上一篇： <div id="dropbox"> Drag the excel to here </div> document.addEventListener("dragenter", function (e) { dropbox.style.borderColor = 'gray';

客户需要自定义columnrange每根横柱的颜色， 官方例子 series: [{ name: 'tl', data: [ [-9.7, 9.4], [-8.7, 6.5] ] }]我一开始这样写series[{{name:'tl',y:[23.4,34.6],color:'#ff0'},{

依赖于bootstrap.css ,jquery-1.1X.X.js 特点：封装度高 引用简单 适应性尚可 效果图： HTML: <div class='container'> <div id="tab"></div> </div>JS引用方式： new Pagination({ 'selector': '#tab', 'json': dat

本工具出处 昨晚浏览技术文章，发现了一款不错的object操作工具st.js。他的主要作用是从object中提取相关数据（可利用正则进行匹配），或制定相应的规则对object进行转化。 看文档st.js主要提供了两个方法：JSON.select() JSON.transformWith()二者都return this,因此可进行链式调用。 JSON.select()

感谢这篇博文 提供的一些帮助。假设我们的电脑已经安装oracle11,最新版的node与NPM. node.js连接oracle数据库，关键的一步就是安装oracledb.为了能安装成功，需要先做一些准备工作：1.下载编译模块，使用npm安装windows-bulid-tools npm install windows-build-tools(大概10分钟)2.安装node-gyp模块，

需求：用户名同密码不能存在局部相同。例如 username:wang**xiaoming** password:**xiaoming**123 监测到存在相同的字符串，则不允许。 解决方法： http://jsbin.com/qilayareco/edit?js,console String.prototype.compare=function(target,digit,rule)

Demo #jg_tablebox { position: relative; margin:0px; padding:0px; -moz-box-sizing: border-box; box-sizing: border-box; border:2px solid #b5b5b5; width:40%; height:400px; overflow:scroll

alert('#978'.HEXtoRGB().RGBtoHEX());

昨天用户反应点击某个part number 的level2查询无数据，经检查此PN中包含有+号，此PN当年很‘单纯’，只包含字母数字，所以被我原封不动的放入url参数中，今天它进化出了 +，这在url中被转成了空格，而且客户不保证今后不会用其他符号。。。 URL 中+号表示空格 %2B 空格 URL中的空格可以用+号或者编码 %20 / 分隔目录和子目录 %2F ? 分隔实际的

js == 与 === 的区别[转]1、对于string,number等基础类型，==和===是有区别的1）不同类型间比较，==之比较“转化成同一类型后的值”看“值”是否相等，===如果类型不同，其结果就是不等2）同类型比较，直接进行“值”比较，两者结果一样2、对于Array,Object等高级类型，==和===是没有区别的进行“指针地址”比较3、基础类型与高级类型

Array.prototype.distinct = function () {     ret = [];    for (i = 0; i <this.length;i++ ) {       ret.indexOf(this[i]) > -1 ? 1 :ret.push(this[i]);    }    return ret;}说明：向数组的原型添加distinc

先声明对象a,function a(){}向a的原型添加属性和方法a.prototype={ss:'xx',name:function(){console.log(this.ss)}};实例化对象avar na=new a这时又有一个对象bb={ss:'00'}我们想让它借助a的name方法，于是便有了na.name.call(b)console.log(b.name)

var obj= new Base();在Javascript引擎中看到的对象模型是：new" />new操作符具体干了什么呢?其实很简单，就干了三件事情。 var obj = {};obj.__proto__ = Base.prototype;Base.call(obj);第一行，我们创建了一个空对象obj

document.onkeydown = function (event) {          var e =event||window.event ;          if (e&& e.keyCode == 13) { // enter 键                     }      };//IE：有window.event对象Firefox：

FF没有window.event对象，需要使用作为参数传递的event对象。所以在兼容FF时这样写：function date(event){e=window.event||event；et=e.srcElement||e.target;}但在一些情况下，比如我们制作了一款日期控件通常这样调用onclick=data()，总不能要求用户这样写吧onclick=data(event),

今天整理了一些JS数组字符串的扩展方法，大部分是自己写的，一小部分来源于网络，也进行了适当优化。Ps:数组的操作大部分都返回了this,因此可进行‘迷人的’链式调用；本例中[].map(func), 若需对数组的每一项进行某种相同操作，func需要有返回值压缩后：!function(){Array.prototype.cut=function(){return this.length>

tool webhttp://regexper.com/  正则可视化，并可download到本地离线使用http://regexr.com/ 在线测试，好用。https://jsbin.com/qolosehipi/edit?js,console js代码在线调试 概述简单来讲,reg就是按规则匹配符合条件的字符串。

背景：家里的小米路由器连接移动硬盘后，可以直接在小米路由器App中扫一扫下载链接所生成的二维码将文件直接下载到移动硬盘中。之前我一直是将下载链接复制到草料中生成二维码再用手机扫，这样太不方便，经过一番测试便有了以下代码，可直接在原页面生成二维码（支持同时生成多个）。var d = document; var a = d.getElementsByTagName('a'); var y = d.get

最近有个疑问：创建一个名为test的元素并动态添加了在body里， document.body.appendchild(test); 然后监听test的点击事件，处理点击事件后，test元素被移除。那我还有没有必要解绑test的事件？

Ps:本例使用jquery-1.11.3.js cdhecd_hecd_s12_1cd_s12_2ad_hecdhecd_hecd_s12_1cd_s12_2ad_he dcdedcdedcdedcdedcdedcdedcdedcdedcdedcde $(function () { $.fn.muli

前端     jQuery(document).ready(function () {                 $.ajax({            type: "get",            async: false,            url:"http://localhost:3199/ret_trk_jsonp?v=dewgufyfai