![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 72
qg14
叶上初阳干宿雨,水面清圆,一一风荷举。
展开
-
一款轻量级的散点图工具
一款轻量级的散点图工具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原创 2022-03-04 09:21:56 · 278 阅读 · 0 评论 -
1.jquery源码分析-无 new 构造
// 用一个函数域包起来,就是所谓的沙箱// 在这里边 var 定义的变量,属于这个函数域内的局部变量,避免污染全局// 把当前沙箱需要的外部变量通过函数参数引入进来// 只要保证参数对内提供的接口的一致性,你还可以随意替换传进来的这个参数(function(window, undefined) { // jQuery 代码})(window);无 new 的构造方式(转载 2017-04-24 14:56:59 · 238 阅读 · 0 评论 -
Jquery监测input内容变化
用于统计当前输入字符,密码强弱评比等。 $(function () { $('input').bind('input propertychange', function () {}); })转载 2017-05-09 15:29:40 · 296 阅读 · 0 评论 -
new Date().getHours()转换为12小时制
function _24TO12(){tr=arguments[0]||0;return (tr>12?tr-12:tr)+':00'+['AM','PM'][0|(+tr)/12];}_24TO12(new Date().getHours());原创 2017-06-21 14:24:36 · 4162 阅读 · 0 评论 -
canvas模拟圆盘划痕
最近接了个模拟划痕的项目: 两个有接触的圆盘顺着逆时针运动,此时若下方的圆盘有凸起,那么会在上面的圆盘上留下怎样的划痕。 参数不同,结果不同,: 计算(x,y)的值用到了大量三角函数,许久不用,通通还回去了=_=, 至于绘制直线则是最简单的canvas,我之前没有系统的看过这块,这次也算学习了。var query=(function (name) { var re原创 2017-06-12 09:12:26 · 296 阅读 · 0 评论 -
html5 drag+FormData拖拽上传附件
接上一篇: <div id="dropbox"> Drag the excel to here </div> document.addEventListener("dragenter", function (e) { dropbox.style.borderColor = 'gray';原创 2017-09-18 09:13:52 · 544 阅读 · 0 评论 -
highchart columnrange自定义颜色
客户需要自定义columnrange每根横柱的颜色, 官方例子 series: [{ name: 'tl', data: [ [-9.7, 9.4], [-8.7, 6.5] ] }]我一开始这样写series[{{name:'tl',y:[23.4,34.6],color:'#ff0'},{原创 2017-09-18 09:38:24 · 697 阅读 · 0 评论 -
表格分页
依赖于bootstrap.css ,jquery-1.1X.X.js 特点:封装度高 引用简单 适应性尚可 效果图: HTML: <div class='container'> <div id="tab"></div> </div>JS引用方式: new Pagination({ 'selector': '#tab', 'json': dat原创 2017-09-27 08:57:06 · 236 阅读 · 0 评论 -
分享一款JS工具:st.js - 从 Object 中快速提取数据或转化成另一个 Object
本工具出处 昨晚浏览技术文章,发现了一款不错的object操作工具st.js。他的主要作用是从object中提取相关数据(可利用正则进行匹配),或制定相应的规则对object进行转化。 看文档st.js主要提供了两个方法:JSON.select() JSON.transformWith()二者都return this,因此可进行链式调用。 JSON.select()原创 2017-10-19 10:30:16 · 1186 阅读 · 0 评论 -
node.js连接oracle数据库
感谢这篇博文 提供的一些帮助。假设我们的电脑已经安装oracle11,最新版的node与NPM. node.js连接oracle数据库,关键的一步就是安装oracledb.为了能安装成功,需要先做一些准备工作:1.下载编译模块,使用npm安装windows-bulid-tools npm install windows-build-tools(大概10分钟)2.安装node-gyp模块,原创 2017-11-01 09:29:40 · 4460 阅读 · 1 评论 -
两个字符串是否存在相同部分的比较
需求:用户名同密码不能存在局部相同。例如 username:wang**xiaoming** password:**xiaoming**123 监测到存在相同的字符串,则不允许。 解决方法: http://jsbin.com/qilayareco/edit?js,console String.prototype.compare=function(target,digit,rule)原创 2017-11-03 15:45:30 · 1573 阅读 · 0 评论 -
jquery 表格冻结
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原创 2017-04-21 10:03:54 · 240 阅读 · 0 评论 -
js实现的CSS color 十六进制与RGB值的转换
alert('#978'.HEXtoRGB().RGBtoHEX());原创 2017-05-11 14:22:21 · 948 阅读 · 0 评论 -
js将英文符号转为ASCII码以及对中文的转换
昨天用户反应点击某个part number 的level2查询无数据,经检查此PN中包含有+号,此PN当年很‘单纯’,只包含字母数字,所以被我原封不动的放入url参数中,今天它进化出了 +,这在url中被转成了空格,而且客户不保证今后不会用其他符号。。。 URL 中+号表示空格 %2B 空格 URL中的空格可以用+号或者编码 %20 / 分隔目录和子目录 %2F ? 分隔实际的原创 2017-05-03 13:56:13 · 4727 阅读 · 0 评论 -
js == 与 ===
js == 与 === 的区别[转]1、对于string,number等基础类型,==和===是有区别的1)不同类型间比较,==之比较“转化成同一类型后的值”看“值”是否相等,===如果类型不同,其结果就是不等2)同类型比较,直接进行“值”比较,两者结果一样2、对于Array,Object等高级类型,==和===是没有区别的进行“指针地址”比较3、基础类型与高级类型原创 2017-04-11 08:05:16 · 285 阅读 · 0 评论 -
js 数组去重
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原创 2017-04-11 08:05:18 · 165 阅读 · 0 评论 -
js call
先声明对象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)原创 2017-04-11 08:05:21 · 155 阅读 · 0 评论 -
js new
var obj= new Base();在Javascript引擎中看到的对象模型是:new" />new操作符具体干了什么呢?其实很简单,就干了三件事情。 var obj = {};obj.__proto__ = Base.prototype;Base.call(obj);第一行,我们创建了一个空对象obj原创 2017-04-11 08:05:26 · 183 阅读 · 0 评论 -
js 键盘事件
document.onkeydown = function (event) { var e =event||window.event ; if (e&& e.keyCode == 13) { // enter 键 } };//IE:有window.event对象Firefox:原创 2017-04-11 08:05:29 · 236 阅读 · 0 评论 -
js arguments.callee.caller.…
FF没有window.event对象,需要使用作为参数传递的event对象。所以在兼容FF时这样写:function date(event){e=window.event||event;et=e.srcElement||e.target;}但在一些情况下,比如我们制作了一款日期控件通常这样调用onclick=data(),总不能要求用户这样写吧onclick=data(event),原创 2017-04-11 08:05:31 · 190 阅读 · 0 评论 -
JS数组字符串方法扩展
今天整理了一些JS数组字符串的扩展方法,大部分是自己写的,一小部分来源于网络,也进行了适当优化。Ps:数组的操作大部分都返回了this,因此可进行‘迷人的’链式调用;本例中[].map(func), 若需对数组的每一项进行某种相同操作,func需要有返回值压缩后:!function(){Array.prototype.cut=function(){return this.length>原创 2017-04-12 14:45:06 · 425 阅读 · 0 评论 -
JavaScript RegExp课程整理
tool webhttp://regexper.com/ 正则可视化,并可download到本地离线使用http://regexr.com/ 在线测试,好用。https://jsbin.com/qolosehipi/edit?js,console js代码在线调试 概述简单来讲,reg就是按规则匹配符合条件的字符串。原创 2017-04-27 15:59:56 · 189 阅读 · 0 评论 -
利用原生JS将下载链接转换为二维码
背景:家里的小米路由器连接移动硬盘后,可以直接在小米路由器App中扫一扫下载链接所生成的二维码将文件直接下载到移动硬盘中。之前我一直是将下载链接复制到草料中生成二维码再用手机扫,这样太不方便,经过一番测试便有了以下代码,可直接在原页面生成二维码(支持同时生成多个)。var d = document; var a = d.getElementsByTagName('a'); var y = d.get原创 2017-05-02 10:52:16 · 4181 阅读 · 0 评论 -
关于js注册事件的疑问
最近有个疑问:创建一个名为test的元素并动态添加了在body里, document.body.appendchild(test); 然后监听test的点击事件,处理点击事件后,test元素被移除。那我还有没有必要解绑test的事件?原创 2017-04-17 14:12:41 · 196 阅读 · 0 评论 -
jquery合并表头单元格
Ps:本例使用jquery-1.11.3.js cdhecd_hecd_s12_1cd_s12_2ad_hecdhecd_hecd_s12_1cd_s12_2ad_he dcdedcdedcdedcdedcdedcdedcdedcdedcdedcde $(function () { $.fn.muli原创 2017-04-11 15:25:25 · 1931 阅读 · 0 评论 -
初试jsonp
前端 jQuery(document).ready(function () { $.ajax({ type: "get", async: false, url:"http://localhost:3199/ret_trk_jsonp?v=dewgufyfai原创 2017-04-11 08:05:13 · 182 阅读 · 0 评论