js
Rysinal
呀呀学语!
展开
-
10款面向HTML5 画布(Canvas)的JavaScript库
10款面向HTML5 画布(Canvas)的JavaScript库1. Processing.jsProcessing.js是一个开放的编程语言,在不使用Flash或Java小程序的前提下,可以实现程序图像、动画和互动的应用。Processing.js是轻量,易于了解掌握的理想工具,可用于可视化的数据,创建用户界面和开发基于Web的游戏。2. FABRIC.JSFABRIC.JS是一款简单而强大的J转载 2016-04-01 17:43:21 · 10414 阅读 · 0 评论 -
jQuery.extend 函数
JQuery的extend扩展方法: Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3...);它的含义是将src1,src2,src3…合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后,是修改了dest的转载 2016-06-06 14:29:02 · 378 阅读 · 0 评论 -
JavaScript中function的多义性
JavaScript 中的 function 有多重意义。它可能是一个构造器(constructor),承担起对象模板的作用; 可能是对象的方法(method),负责向对象发送消息。还可能是函数,没错是函数,和对象没有任何关系独立存在的可以被调用的函数。 由于语言设计者的妥协,在 JavaScript 加入了一些 class 相关的特性,以使 JavaScript 看起来确实象 Ja转载 2016-06-15 17:00:54 · 386 阅读 · 0 评论 -
JS 中如何判断字符串类型的数字
JS 中如何判断字符串类型的数字 “23” 这样的字符串是可以转换成数字类型的,但如何判断它可以转换呢?以下是不正确的用法:var str = "37";if (typeof(str) == "number") { alert("是数字");}37 虽然可以转化成数字,但这里它毕竟是字符串类型,所以此法不正确。var str = "37";var n = parseInt(str转载 2016-07-13 12:57:46 · 3173 阅读 · 1 评论 -
js对象排序&&倒序
按照对象的值大小排序对象function sortObj(obj) { var arr = []; for (var i in obj) { arr.push([obj[i],i]); }; arr.sort(function (a,b) { return a[0] - b[0]; }); var len = arr.l原创 2016-07-13 14:49:35 · 11277 阅读 · 0 评论 -
HTML5 学习指导
HTML语义HTML5为我们提供了很多旨在精确描述内容的语义元素。确保你可以从它丰富的词汇中获益。<!-- bad --><div id="main"> <div class="article"> <div class="header"> <h1>Blog post</h1> <p>Published: <span>21st Feb, 2015</span></翻译 2016-07-19 10:25:39 · 1124 阅读 · 0 评论 -
jQuery小技巧
回到顶部的按钮通过使用jQuery中的animate 与 scrollTop 方法可以创建一个非常简易的带有平滑滚动的回到顶部的按钮:// Back to top$('a.top').click(function (e) { e.preventDefault(); $(document.body).animate({scrollTop: 0}, 800);});<!-- Create转载 2016-07-19 10:39:57 · 359 阅读 · 0 评论 -
Select2下拉选项库 部分积累
用了这么久的Select2插件,也该写篇文章总结总结。在我的印象里Select2有2个版本,最新版本有一些新的特性,并且更新了一下方法参数,比最初版本要好看一些,本文针对新版本。官网:http://select2.github.io/ 一.文件需要引入select2.full.js、select2.min.css(4.0.1版本)和jquery.1.8.3及以上最新版本的select2如果引用的jq转载 2016-07-20 09:23:16 · 1035 阅读 · 0 评论 -
JavaScript 的异步和单线程
问题Q:下面的代码是否能满足sleep效果?var t = true;setTimeout(function(){ t = false; }, 1000);while(t){ }alert('end');一开始我认为setTimeout是异步操作,一定会放在一个单线程里工作,并不会受主线程影响;事实是settimeout函数并无法执行,浏览器因为while死循环假死,也就是说setTimeo转载 2016-08-02 11:48:02 · 730 阅读 · 0 评论 -
js利用数组实现队列与堆栈效果
之前在写Android的时候,会用到很多的队列与堆栈方式,其实js利用数组可以简单的实现类似的效果。队列实现var queue = new Array();// unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。queue.unshift(1);queue.unshift(2);queue.unshift(3);queue.unshift(4);// pop()原创 2016-07-22 12:38:59 · 880 阅读 · 0 评论 -
异步编程:When.js快速上手
when.js很小,压缩后只有数kb,gzip后的大小几乎可以忽略。在Node和浏览器环境里都可以使用when.js首先,我们看一小段代码:var getData = function(callback) { $.getJSON(api, function(data){ callback(data[0]); });}var getImg = function(sr转载 2016-06-06 11:29:53 · 2941 阅读 · 0 评论 -
ztree 树的模糊搜索
(转载),有个坑记录下:(原文)实现类似下面这种:/** * 展开树 * @param treeId */function expand_ztree(treeId) { var treeObj = $.fn.zTree.getZTreeObj(treeId); treeObj.expandAll(true);}/** * 收起树:只展开根节点下的一级节点 * @para转载 2016-04-12 17:41:45 · 2350 阅读 · 1 评论 -
jQuery获取多种值的方法
**jQuery 1.3.2版本下的 jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关设置**1.判断是否已经打勾 if($("input[name=item][value='val']").attr('checked')==true)name即控件name属性,value即控件value属性, 可以不指定属性值转载 2016-04-11 10:27:45 · 691 阅读 · 0 评论 -
js对象数组(JSON) 根据某个共同字段 分组
希望的是将下面的对象数组:[ {"id":"1001","name":"值1","value":"111"}, {"id":"1001","name":"值1","value":"11111"}, {"id":"1002","name":"值2","value":"25462"}, {"id":"1002","name":"值2","value":"23131"},转载 2016-04-11 17:00:45 · 13053 阅读 · 1 评论 -
jquery datatable设置垂直滚动后,表头(th)错位问题
jquery datatable设置垂直滚动后,表头(th)错位问题问题描述: 我在datatable里设置:”scrollY”: ‘300px’,垂直滚动属性后,表头的宽度就会错位,代码如下:<!-- HTML代码 --><table id="demo" class="table" style="table-layout:fixed" cellspacing="0" width="100%原创 2016-04-18 14:20:52 · 19070 阅读 · 7 评论 -
jquery datatable 多行(单行)选择(select),行获取/行删除
jquery datatable 多行(单行)选择(select),行获取/行删除代码展示// 示例数据源var dataSet = [ ['Tasman','Internet Explorer 5.2','Mac OS 8-X','1','C'], ['Misc','NetFront 3.1','Embedded devices','-','C'], ['Misc','N原创 2016-04-18 17:21:24 · 36304 阅读 · 1 评论 -
css样式文件命名规范
样式文件命名规范主要 master.css, style.css, main.css 布局 layout.css 专栏 columns.css 文字 font.css 打印 print.css 主题 themes.css 附加 attach.css 模块 module.css 基本共用 base.css 布局,版面 layout.css 主题 themes.css 专栏 col转载 2016-04-19 09:19:00 · 3448 阅读 · 0 评论 -
JS 继承
实现继承function Animal(name){ this.name = name; this.showName = function(){ alert(this.name); } } function Cat(name){ Animal.call(this, name)原创 2016-06-08 11:33:35 · 378 阅读 · 0 评论 -
jQuery选择器大全整理
一、选择网页元素$(document) //选择整个文档对象$('#myId') //选择ID为myId的网页元素$('div.myClass') // 选择class为myClass的div元素$('input[name=first]') // 选择name属性等于first的input元素$('a:first') //选择网页中第一个a元素$('tr:odd') //选择表格的奇数行$('#my转载 2016-06-03 16:44:21 · 439 阅读 · 0 评论 -
js cookie的使用
这里定义一个方便操作cookie的方法:var Cookie_ = { set:function(key,val,time){ //设置cookie方法,键值对和过期天数 var date=new Date; //获取当前时间 var expiresDays=time; //将date设置为n天以后的时间 date.setTime(dat原创 2016-12-07 12:55:07 · 532 阅读 · 0 评论