陶山是山

原创 一款轻量级的散点图工具

一款轻量级的散点图工具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

原创 基于Three.js的3D简历制作

一款使用Three.js制作的3D简历

原创 两个字符串是否存在相同部分的比较

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

原创 node.js连接oracle数据库

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

原创 分享一款JS工具：st.js - 从 Object 中快速提取数据或转化成另一个 Object

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

原创 表格分页

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

原创 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'},{

原创 html5 drag+FormData拖拽上传附件

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

原创 FormData 上传附件

通过FormData对象可以组装一组用 XMLHttpRequest发送请求的键/值对。它可以更灵活方便的发送表单数据，因为可以独立于表单使用。如果你把表单的编码类型设置为multipart/form-data ，则通过FormData传输的数据格式和表单通过submit() 方法传输的数据格式相同 来源<form enctype="multipart/form-data" method="pos

原创 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());

原创 canvas模拟圆盘划痕

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

原创 笔记本加装SSD

15年买的华硕现在卡的不行了，实在忍无可忍了，于是从老婆那讨了点散碎银子，购得一块某星的SSD，现在折腾了半宿，终于升级成功，现在电脑即点即开，无需等待！ 安装根本不需要大白菜，老毛桃之类的工具。我走了点弯路，记录如下： <准备工具： 小的十字螺丝刀，SATA转usb线，16G空白U盘，SSD> 1.先将SSD用SATA线连到电脑上，计算机>管理>磁盘管理 为SSD创建分区，系统盘一定要留大

原创 js实现的CSS color 十六进制与RGB值的转换

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

转载 js原型与闭包 读书笔记

个人备忘而已。。。。值类型的类型判断用typeof，引用类型的类型判断用instanceof。一切（引用类型）都是对象，对象是属性的集合。对象都是通过函数创建的。instanceof 运算符用来检测 constructor.prototype 是否存在于参数 object 的原型链上。Instanceof运算符的第一个变量是一个对象，暂时称为A；第二个变量一般是一个

转载 HTML5动画与动效之一

原文链接 我的测试地址 https://jsbin.com/gakanuc/edit?html,css,output

转载 Jquery监测input内容变化

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

原创 吐槽伪‘大神’

今天维护一个离职同事三四年的代码（WebFrom模式），我勒个去，NB！ sql语句写在js代码中，get时将这段拼好的sql直接传到后台，什么？有报错咋办？直接将try到的错误信息alert到前台。。。。。。 还有一点有意思的东西：<tr onmouseover="yy_sgv_changeMouseOverCssClass(this, 'OverRow')" onmouseout="yy_s

原创 js将英文符号转为ASCII码以及对中文的转换

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

原创 利用原生JS将下载链接转换为二维码

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

原创 JavaScript RegExp课程整理

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

转载 1.jquery源码分析-无 new 构造

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

原创 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

原创 css3 animation备忘

css3 的动画功能，可以取代许多用js实现的动画效果。@keyframes规则是创建动画。 @keyframes规则内指定一个CSS样式和动画将逐步从目前的样式更改为新的样式。制定规则后需把它绑定到一个选择器上。hack:@keyframes myfirst{ 25% {background:yellow;} 50% {background:blue;} }

原创 关于js注册事件的疑问

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

原创 css box-sizing

写在前面编程的道路上，尤其指自己赖以生存的编程语言，基础真的真的很重要，没有捷径。在前端若不去看原型，函数引用，类型转换，盒模型，css hack......或许可以摘抄部分代码片段拼出一个看起来不错的页面，但这并不是自己的东西,花拳绣腿，照猫画虎不是真功夫。正文某一年的某一天，用户要一个搜索页面，我用烦了之前的这种样式：想要这样一种扁平，清晰，高大的样式，

原创 JS数组字符串方法扩展

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

原创 jquery合并表头单元格

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

原创 js&nbsp;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),

原创 js&nbsp;键盘事件

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

原创 js&nbsp;new

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

原创 黄浦江&bull;畔

原创 js&nbsp;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)

原创 js&nbsp;数组去重

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

原创 js&nbsp;==&nbsp;与&nbsp;===

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

原创 初试jsonp

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

原创 捕鱼的老者

原创 树莓派&nbsp;温湿度&nbsp;DH11

最近在学习python,最近也买了块树莓派（raspberry 3B）,讲不清是为了学习python而买的PI，还是为了鼓捣PI而去学习python。昨天晚上按照教程自己搭建了一个温湿度测试平台，代码主要也是在网上找的，我没有仔细去看DH11的原理，大概和DS18B20是一个套路吧。先能把代码跑起来，再返回头看代码吧。这能操作GPIO的基础，将来做个跑马灯，控制数码管，继电器，步进电机都离不

原创 诗词教育不过是老虎嘴上的胡子

http://dajia.qq.com/original/category/yz20170226.html?pgv_ref=aio2015&ptlang=2052///////////初学先诵白居易诗，取其明白易晓，味淡而永。再诵陆游诗，志高词壮，且多越事。再诵苏诗，笔力雄健，词足达意。再诵李白诗，思致肖逸。如杜之艰深，韩之奇崛，不能学亦不必学也。示樟寿诸孙////////////////

原创 跺子石

我家世代住在肥城北部的一个小村庄里，这里北面环山，南面靠水，也算是个风水好地吧。凡有大山处总会有一些古迹，这里也不例外：范蠡墓，唐家林，栖幽寺，小泰山，穆柯寨。。。在这里主要介绍一处自然形成的景观：垛子石。【上图为小泰山，相传唐末为黄巢屯兵处，左面是陶山，右面是穆柯寨】 大年三十的下午，我骑了辆摩托车去爷爷奶奶的墓前站一下。天高云淡，我立在麦田里，耳边是猎猎的北风呼啸而过，不远处山上的树木

原创 月份选择控件

onclick=jmonth()