能够摄取必要营养的人要比吃得很多的人更健康，同样，真正的学者往往不是读了很多的书的人，而是读了有用的书的人。--亚里斯提卜

随笔分类 -  javascript

Mongoose-modified-at 时间自动记录插件介绍
摘要：Mongoose, MongoDB, NodeJS 阅读全文
posted @ 2019-10-28 11:08 Barrior_花祁 阅读(582) 评论(0) 推荐(0)
JParticles 2.0 发布，打造炫酷的粒子特效
摘要：JParticles 2.0 发布，打造炫酷的粒子特效。不好意思哈，在这么繁花似锦的世界里，标题不得不取得吸引眼球一点哈，不然...还是不啰嗦了，我们进入正题吧 简单介绍一下 JParticles 2.0 版本之前还叫 Particleground.js，相信在用的朋友应该不会陌生，关于 1.x 版 阅读全文
posted @ 2017-06-08 16:40 Barrior_花祁 阅读(1019) 评论(0) 推荐(0)
开源造轮子：一个简洁，高效，轻量级，酷炫的不要不要的canvas粒子运动插件库
摘要：一：开篇 哈哈哈，感谢标题党的莅临~ 虽然标题有点夸张的感觉，但实际上，插件库确实是简洁，高效，轻量级，酷炫酷炫的咯。废话不多说，先来看个标配例子吧： （codepen在线演示编辑：http://codepen.io/barrior/pen/XjEEBz） 是吧，应该是酷炫酷炫的吧，不喜欢的话可以向 阅读全文
posted @ 2016-10-14 16:58 Barrior_花祁 阅读(1674) 评论(7) 推荐(4)
高性能封装检测浏览器支持css3属性函数
摘要：css3出来已经很久了，现在来谈判断浏览器是否支持某个css3的属性虽说有点过时了，但是还是可以谈谈的，然后，此篇主要谈的不是判断是否支持，而是怎么封装更好，为什么这么封装，欢迎吐槽。入题，判断浏览器是否支持css3 transition，方法很简单，只需要下面这句代码就行了：'transition... 阅读全文
posted @ 2016-01-08 18:05 Barrior_花祁 阅读(974) 评论(1) 推荐(0)
JS单例对象与构造函数对象的区别
摘要：JavaScript对象有几种：内置对象如Global，Math对象等等。本地对象如Object、Function、Array、String、Boolean、Number、Date、RegExp、Error、EvalError、RangeError、ReferenceError、SyntaxErro... 阅读全文
posted @ 2015-09-02 17:27 Barrior_花祁 阅读(1343) 评论(0) 推荐(0)
Js极客之路 - 优化操作（性能优化）
摘要：1．因为每次For循环都会计算一次arr.length，所以有必要存储数组长度以减少计算。针对这篇文章（http://www.crimx.com/2015/04/21/should-array-length-be-cached-or-not/），V8引擎好像已经帮我们做了不变数据的缓存，不过个人认为... 阅读全文
posted @ 2015-07-03 17:17 Barrior_花祁 阅读(848) 评论(5) 推荐(2)
Js极客之路 - 简化操作
摘要：1．对字符串使用单引号(避免动态添加元素时html会出现的双引号"引起的冲突，方便操作-单引号一个键，双引号两个键) // bad var name = "Barrior"; // good var name = 'Barrior';2．使用一个var声明多个变量，用逗号隔开... 阅读全文
posted @ 2015-07-03 17:16 Barrior_花祁 阅读(364) 评论(2) 推荐(0)
JavaScript中valueOf、toString的隐式调用
摘要：函数add可以实现连续的加法运算 函数add语法如下 add(num1)(num2)(num3)...;//注意这里是省略号哟，无限 使用举例如下： add(10)(10)=20; add(10)(20)(50)=80; add(10)(20)(50)(100)=180; 请用js代码实现函数add。 阅读全文
posted @ 2015-06-24 18:13 Barrior_花祁 阅读(4729) 评论(0) 推荐(5)
jQuery插件图片懒加载lazyload
摘要：来自XXX的前言：什么是ImageLazyLoad技术 在页面上图片比较多的时候，打开一张页面必然引起与服务器大数据量的交互。尤其是对于高清晰的图片，占的几M的空间。ImageLazyLoad技术就是，当前可见界面的图片是加载进来的，而不可见页面（通过滚动条下拉可见）中的图片是不加载的，这样势必会引... 阅读全文
posted @ 2015-05-01 15:23 Barrior_花祁 阅读(1763) 评论(4) 推荐(0)
arguments .length .callee caller
摘要：如果有一个函数像下面这样：function fn(){}那么fn这个函数下面就有一个arguments属性（你在逗我么，后面又说对象），该属性是个对象（typeof一下就知道了），然后它下面也有属性；说到arguments有属性，那么属性有什么呢，恩~下面就介绍其中一个属性：callee；先看怎么用... 阅读全文
posted @ 2015-04-16 14:53 Barrior_花祁 阅读(515) 评论(0) 推荐(0)
封装document.ready方法
摘要：function $(fn){ if(document.addEventListener){ //W3C document.addEventListener('DOMContentLoaded',function(){ //注销事件，避免反复触... 阅读全文
posted @ 2014-12-14 00:05 Barrior_花祁 阅读(217) 评论(0) 推荐(1)
封装js千分位加逗号和删除逗号
摘要：//封装js千分位加逗号和删除逗号 alert( format(2545678754.020001) ) //2,545,678,754.03 alert( format(-2545678754.020... 阅读全文
posted @ 2014-12-11 08:45 Barrior_花祁 阅读(496) 评论(0) 推荐(0)
js一些稀奇古怪的写法-带你装逼带你飞
摘要：//定时器的第三个参数 setInterval(function(str1,str2,num){ alert(str1+str2+num) },1000,'参数1','还可以有很多参数,不同的类型...... 阅读全文
posted @ 2014-12-10 20:44 Barrior_花祁 阅读(479) 评论(0) 推荐(0)
封装getElementsByClassName
摘要：function getElementsByClassName(oEle,sClass,sEle){ if(oEle.getElementsByClassName){ return oEle.getElementsByClassName(sClass); }else{ ... 阅读全文
posted @ 2014-12-02 10:29 Barrior_花祁 阅读(292) 评论(0) 推荐(0)
js正则学习及一些正则集合
摘要：正则中文版详细说明请看中文版w3cschool-----http://www.w3school.com.cn/jsref/jsref_obj_regexp.asp微软正则表达式语言-快速参考：http://msdn.microsoft.com/zh-cn/library/az24scfc%28v=v... 阅读全文
posted @ 2014-11-20 22:13 Barrior_花祁 阅读(491) 评论(0) 推荐(0)
封装cookie
摘要：function cookie(name,value,expires){ switch(typeof value){ case 'string': //设置 var exp=''; if(expires){ ... 阅读全文
posted @ 2014-11-13 18:14 Barrior_花祁 阅读(376) 评论(0) 推荐(0)
封装鼠标滚轮事件_mousewheel
摘要：function mousewheel(obj,fn){ obj.onmousewheel===null ? obj.onmousewheel=fun : obj.addEventListener('DOMMous... 阅读全文
posted @ 2014-11-12 14:59 Barrior_花祁 阅读(369) 评论(0) 推荐(0)
封装底层Ajax
摘要：创建Ajax简易步骤：创建Ajax对象：var xhr=new XMLHttpRequest();链接服务器：xhr.open('get','a.php',true);发送请求或数据：xhr.send();状态值改变时调用函数：xhr.onreadystatechange=fncallback;封装... 阅读全文
posted @ 2014-11-11 19:17 Barrior_花祁 阅读(398) 评论(0) 推荐(0)