博客园 - 龙则
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=7049
2014-07-13T04:33:48Z
龙则
https://www.cnblogs.com/longze/
feed.cnblogs.com
https://www.cnblogs.com/longze/p/3839625.html
读取指定文件夹下的全部文件,可通过正则进行过滤,返回文件路径数组 -- 基于node的一个函数 - 龙则
var fs = require('fs');// 模板文件夹路径var templateDirectory = '../src'; //相对于当前文件的相对路径//var templateDirectory = 'D:/code/eclipse/dataInsight/maker-ui/src';...
2014-07-12T01:15:00Z
2014-07-12T01:15:00Z
龙则
https://www.cnblogs.com/longze/
【摘要】var fs = require('fs');// 模板文件夹路径var templateDirectory = '../src'; //相对于当前文件的相对路径//var templateDirectory = 'D:/code/eclipse/dataInsight/maker-ui/src';... <a href="https://www.cnblogs.com/longze/p/3839625.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/longze/p/3765580.html
Backbone简单示例 - 龙则
要的资源:HTML:js:效果:
2014-06-03T05:25:00Z
2014-06-03T05:25:00Z
龙则
https://www.cnblogs.com/longze/
【摘要】要的资源:HTML:js:效果: <a href="https://www.cnblogs.com/longze/p/3765580.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/longze/p/3747795.html
backbone与require的共存问题解决 - 龙则
如果向下面那样直接列出script标签可能会出现错误, 原因有两点:1、backbone中有define等关键字2、js的加载与执行顺序是无序的,所以有可能require先加载执行使backbone解决方案:第一步:配置require.config r...
2014-05-23T07:12:00Z
2014-05-23T07:12:00Z
龙则
https://www.cnblogs.com/longze/
【摘要】如果向下面那样直接列出script标签可能会出现错误, 原因有两点:1、backbone中有define等关键字2、js的加载与执行顺序是无序的,所以有可能require先加载执行使backbone解决方案:第一步:配置require.config r... <a href="https://www.cnblogs.com/longze/p/3747795.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/longze/p/3729700.html
探索版 webstorm快捷方式 - 龙则
ctrl + alt + s 打开配置面板 Settings国内的资料比较少,大概很多人已经放弃了原生快捷方式,不过我打算通关原生快捷方式。在配置面板中 IDE Settings 有 Keymap项,此项中就是所有快捷键了。开始探索之旅吧!!前面搜索框搜索描述,后面搜索框搜索快捷方式ctr...
2014-05-15T03:44:00Z
2014-05-15T03:44:00Z
龙则
https://www.cnblogs.com/longze/
【摘要】ctrl + alt + s 打开配置面板 Settings国内的资料比较少,大概很多人已经放弃了原生快捷方式,不过我打算通关原生快捷方式。在配置面板中 IDE Settings 有 Keymap项,此项中就是所有快捷键了。开始探索之旅吧!!前面搜索框搜索描述,后面搜索框搜索快捷方式ctr... <a href="https://www.cnblogs.com/longze/p/3729700.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/longze/p/3699735.html
arguments.callee的临时指向特性 - 龙则
function r(){ alert('BBB');}var a = { f: function(){ alert('AAA'); arguments.callee = r; }};弹出的都是“AAA”。
2014-04-29T09:27:00Z
2014-04-29T09:27:00Z
龙则
https://www.cnblogs.com/longze/
【摘要】function r(){ alert('BBB');}var a = { f: function(){ alert('AAA'); arguments.callee = r; }};弹出的都是“AAA”。 <a href="https://www.cnblogs.com/longze/p/3699735.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/longze/p/3673594.html
是否是有效的dom节点--轮子代码 - 龙则
是否是有效的dom节点 列表节点 单测结果输出:
2014-04-18T08:46:00Z
2014-04-18T08:46:00Z
龙则
https://www.cnblogs.com/longze/
【摘要】是否是有效的dom节点 列表节点 单测结果输出: <a href="https://www.cnblogs.com/longze/p/3673594.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/longze/p/3665922.html
So, you think you know JavaScript? - 龙则
Baranovskiy参考:http://dmitry.baranovskiy.com/post/91403200题目一:if (!("a" in window)) { var a = 1;}alert(a);答案:undefined关键点:js的所有变量自动提前声明 全局变量挂载在w...
2014-04-15T04:25:00Z
2014-04-15T04:25:00Z
龙则
https://www.cnblogs.com/longze/
【摘要】Baranovskiy参考:http://dmitry.baranovskiy.com/post/91403200题目一:if (!("a" in window)) { var a = 1;}alert(a);答案:undefined关键点:js的所有变量自动提前声明 全局变量挂载在w... <a href="https://www.cnblogs.com/longze/p/3665922.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/longze/p/3645694.html
数据类型验证 - 龙则
/** * @method 产生类型判断函数的工厂 * @param {String} type 类型(String,Array,Number,NaN) * @return {Function} 类型判断函数 */var isType = function(type) { // var toString = Object.prototype.toString; //obj 需要被验证的对象 return window[is + type]||function(obj) { return toString.call(obj) == '[object ' + ...
2014-04-04T10:26:00Z
2014-04-04T10:26:00Z
龙则
https://www.cnblogs.com/longze/
【摘要】/** * @method 产生类型判断函数的工厂 * @param {String} type 类型(String,Array,Number,NaN) * @return {Function} 类型判断函数 */var isType = function(type) { // var toString = Object.prototype.toString; //obj 需要被验证的对象 return window[is + type]||function(obj) { return toString.call(obj) == '[object ' + ... <a href="https://www.cnblogs.com/longze/p/3645694.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/longze/p/3629956.html
html标签对应的英文原文 - 司徒正美 - 龙则
标签对应英文说明/注释document type文档类型anchor超链接abbreviation缩写词acronym缩写词address联系信息applet/area定义图像映射中的区域article文章aside旁注audio音频bold加粗base指定链接的默认(基准)地址或默认(基准)目标base font指定默认(基准)字体BiDi-Isolate双向隔离文本的方向BiDirectional Override双向覆盖文本的方向big大号文本block quote块引用body文档主体break换行button按钮canvas画布caption表格标题center居中文本cite引用c
2014-03-28T01:28:00Z
2014-03-28T01:28:00Z
龙则
https://www.cnblogs.com/longze/
【摘要】标签对应英文说明/注释document type文档类型anchor超链接abbreviation缩写词acronym缩写词address联系信息applet/area定义图像映射中的区域article文章aside旁注audio音频bold加粗base指定链接的默认(基准)地址或默认(基准)目标base font指定默认(基准)字体BiDi-Isolate双向隔离文本的方向BiDirectional Override双向覆盖文本的方向big大号文本block quote块引用body文档主体break换行button按钮canvas画布caption表格标题center居中文本cite引用c <a href="https://www.cnblogs.com/longze/p/3629956.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/longze/p/3552774.html
CSS3学习笔记--media query 响应式布局 - 龙则
语法:@media screen and (min-width: 320px) and (max-width : 479px)media属性后面跟着的是一个 screen 的媒体类型(上面说过的十种媒体类型之一)。然后用 and 关键字来连接条件(其他关键字还有 not, only,看字面大家能理解,就不多说。),然后括号里就是一个媒体查询语句,稍微懂点css的同学都能看懂,这个条件语句意思是在大于320小于479 的分辨率下所激活的样式表。一般大于960的显示器都可以用默认样式而不必在媒体查询里判断了。有一种情况除外,就是高像素比的终端,比如 iphone4以上的retina屏,一个ipho
2014-02-17T08:21:00Z
2014-02-17T08:21:00Z
龙则
https://www.cnblogs.com/longze/
【摘要】语法:@media screen and (min-width: 320px) and (max-width : 479px)media属性后面跟着的是一个 screen 的媒体类型(上面说过的十种媒体类型之一)。然后用 and 关键字来连接条件(其他关键字还有 not, only,看字面大家能理解,就不多说。),然后括号里就是一个媒体查询语句,稍微懂点css的同学都能看懂,这个条件语句意思是在大于320小于479 的分辨率下所激活的样式表。一般大于960的显示器都可以用默认样式而不必在媒体查询里判断了。有一种情况除外,就是高像素比的终端,比如 iphone4以上的retina屏,一个ipho <a href="https://www.cnblogs.com/longze/p/3552774.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/longze/p/3552276.html
RESTful API 设计最佳实践(转) - 龙则
背景目前互联网上充斥着大量的关于RESTful API(为了方便,以后API和RESTful API 一个意思)如何设计的文章,然而却没有一个”万能“的设计标准:如何鉴权?API格式如何?你的API是否应该加入版本信息?当你开始写一个app的时候,特别是后端模型部分已经写完的时候,你不得不殚精竭虑的设计和实现自己app的public API部分。因为一旦发布,对外发布的API将会很难改变。在给SupportedFu设计API的时候,我试图以实用的角度来解决上面提到的问题。我希望可以设计出容易使用,容易部署,并且足够灵活的API,本文因此而生。API设计的基本要求网上的很多关于API设计的观点都
2014-02-17T02:56:00Z
2014-02-17T02:56:00Z
龙则
https://www.cnblogs.com/longze/
【摘要】背景目前互联网上充斥着大量的关于RESTful API(为了方便,以后API和RESTful API 一个意思)如何设计的文章,然而却没有一个”万能“的设计标准:如何鉴权?API格式如何?你的API是否应该加入版本信息?当你开始写一个app的时候,特别是后端模型部分已经写完的时候,你不得不殚精竭虑的设计和实现自己app的public API部分。因为一旦发布,对外发布的API将会很难改变。在给SupportedFu设计API的时候,我试图以实用的角度来解决上面提到的问题。我希望可以设计出容易使用,容易部署,并且足够灵活的API,本文因此而生。API设计的基本要求网上的很多关于API设计的观点都 <a href="https://www.cnblogs.com/longze/p/3552276.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/longze/p/3544782.html
js二级事件模型的处理细节 - 龙则
一、纠正网络上的一个误传--“IE不支持事件捕获”可以在浏览器中运行上面demo,在各主流浏览器中,鼠标移上都可以分别触发捕获与冒泡事件的监听函数,所以IE也是支持事件捕获的,连IE6都支持,只是在命中元素上事件的触发的顺序会稍有区别,参见下条。二、在命中元素上冒泡和捕获的执行顺序命中元素上事件冒泡和捕获的触发顺序在不同浏览器中的顺序稍有区别,在IE6-8中是先触发捕获再触发冒泡,在IE9及以上、chrome、firefox等浏览器是先触发冒泡再触发捕获三、事件的浏览器兼容方面的东西浏览器\区别添加监听事件名移除监听仅阻止事件冒泡IE6-8attachEvent标准事件名+on,如onclic
2014-02-11T09:20:00Z
2014-02-11T09:20:00Z
龙则
https://www.cnblogs.com/longze/
【摘要】一、纠正网络上的一个误传--“IE不支持事件捕获”可以在浏览器中运行上面demo,在各主流浏览器中,鼠标移上都可以分别触发捕获与冒泡事件的监听函数,所以IE也是支持事件捕获的,连IE6都支持,只是在命中元素上事件的触发的顺序会稍有区别,参见下条。二、在命中元素上冒泡和捕获的执行顺序命中元素上事件冒泡和捕获的触发顺序在不同浏览器中的顺序稍有区别,在IE6-8中是先触发捕获再触发冒泡,在IE9及以上、chrome、firefox等浏览器是先触发冒泡再触发捕获三、事件的浏览器兼容方面的东西浏览器\区别添加监听事件名移除监听仅阻止事件冒泡IE6-8attachEvent标准事件名+on,如onclic <a href="https://www.cnblogs.com/longze/p/3544782.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/longze/p/3543242.html
函数的作用域与this指向 --- 性能篇 - 龙则
紧接上一篇博文:js函数的作用域与this指向先来说说this的作用于链,this后的属性或者方法在使用时是先从本实例中查找,如果找到就先返回,如果没找到就接着向上从原型链中查找,如果有多重继承关系,那就一级一级的找上去,如果最终没找到就返回undifined.看下面示例:代码中实例obj的doFunction方法就是先在本实例查找,因为在本实例中定义了name属性所以返回“MyObj下的name”,如果把“this.name = 'MyObj下的name';”注释掉,那就顺着原型找上去,返回“prototype下的name”。这就是js的链作用域查找机制,利用这个机制就能做一
2014-02-10T09:15:00Z
2014-02-10T09:15:00Z
龙则
https://www.cnblogs.com/longze/
【摘要】紧接上一篇博文:js函数的作用域与this指向先来说说this的作用于链,this后的属性或者方法在使用时是先从本实例中查找,如果找到就先返回,如果没找到就接着向上从原型链中查找,如果有多重继承关系,那就一级一级的找上去,如果最终没找到就返回undifined.看下面示例:代码中实例obj的doFunction方法就是先在本实例查找,因为在本实例中定义了name属性所以返回“MyObj下的name”,如果把“this.name = 'MyObj下的name';”注释掉,那就顺着原型找上去,返回“prototype下的name”。这就是js的链作用域查找机制,利用这个机制就能做一 <a href="https://www.cnblogs.com/longze/p/3543242.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/longze/p/3542582.html
js函数的作用域与this指向 - 龙则
函数的作用域与this指向是js中很重要的一部分,理清这点东西需要个逻辑,看看我的逻辑怎么样...下面是个提纲,可以直接挑你感兴趣的条目阅读。函数的定义方式:直接定义(window下,内部定义),对象的方法,对象原型的方法;函数的调用方式:直接调用,call/apply,with对于直接定义的函数和对象的方法,作用域默认状态下是它的定义处的作用域链。对于直接定义的函数,this指向window。对于对象的方法,this指向实例化对象(对应于实例化对象默认返回this的情况)。用call/apply改变方法的this指向在函数或方法的定义时可以通过with改变其作用域链。下面分开来具体说说:函数
2014-02-10T06:57:00Z
2014-02-10T06:57:00Z
龙则
https://www.cnblogs.com/longze/
【摘要】函数的作用域与this指向是js中很重要的一部分,理清这点东西需要个逻辑,看看我的逻辑怎么样...下面是个提纲,可以直接挑你感兴趣的条目阅读。函数的定义方式:直接定义(window下,内部定义),对象的方法,对象原型的方法;函数的调用方式:直接调用,call/apply,with对于直接定义的函数和对象的方法,作用域默认状态下是它的定义处的作用域链。对于直接定义的函数,this指向window。对于对象的方法,this指向实例化对象(对应于实例化对象默认返回this的情况)。用call/apply改变方法的this指向在函数或方法的定义时可以通过with改变其作用域链。下面分开来具体说说:函数 <a href="https://www.cnblogs.com/longze/p/3542582.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/longze/p/3472994.html
IE CSS Bugs 列表和解决方法 - 龙则
我们在开发中我们常会在IE中遇到很多莫名的bug,尤其是老态龙钟的IE6浏览器。为了提高我们的开发效率,需要经常总结,整理工作中遇到的问题。我们在网络上找到的IE Bugs 资料是零散的。不过,在老外的http://haslayout.net/css/网站上,他就系统的总结了IE的一些Bugs,分享一下。目前,这个网站上包含了 46 个“普通的Bug” , 5个“布局方面的Bug” ,6 个“可以绕开的Bug” 以及 1 个“IE崩溃的Bug”,所有的这些Bug有58个指南和70个解决方法。这个列表目前更新到:2009年8月19日,周三 ,15时38分47秒。最新发表的教程:该网站包含44 I
2013-12-13T06:20:00Z
2013-12-13T06:20:00Z
龙则
https://www.cnblogs.com/longze/
【摘要】我们在开发中我们常会在IE中遇到很多莫名的bug,尤其是老态龙钟的IE6浏览器。为了提高我们的开发效率,需要经常总结,整理工作中遇到的问题。我们在网络上找到的IE Bugs 资料是零散的。不过,在老外的http://haslayout.net/css/网站上,他就系统的总结了IE的一些Bugs,分享一下。目前,这个网站上包含了 46 个“普通的Bug” , 5个“布局方面的Bug” ,6 个“可以绕开的Bug” 以及 1 个“IE崩溃的Bug”,所有的这些Bug有58个指南和70个解决方法。这个列表目前更新到:2009年8月19日,周三 ,15时38分47秒。最新发表的教程:该网站包含44 I <a href="https://www.cnblogs.com/longze/p/3472994.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/longze/p/3421747.html
LABjs、RequireJS、SeaJS 哪个最好用?为什么? - 龙则
感谢玉伯在知乎的奉献,下面全文转载:http://www.zhihu.com/question/20342350/answer/14828786LABjs 的核心是 LAB(Loading and Blocking):Loading 指异步并行加载,Blocking 是指同步等待执行。LABjs 通过优雅的语法(script 和 wait)实现了这两大特性,核心价值是性能优化。LABjs 是一个文件加载器。RequireJS 和 SeaJS 则是模块加载器,倡导的是一种模块化开发理念,核心价值是让 JavaScript 的模块化开发变得更简单自然。模块加载器一般可降级为文件加载器用,因此使用
2013-11-13T09:01:00Z
2013-11-13T09:01:00Z
龙则
https://www.cnblogs.com/longze/
【摘要】感谢玉伯在知乎的奉献,下面全文转载:http://www.zhihu.com/question/20342350/answer/14828786LABjs 的核心是 LAB(Loading and Blocking):Loading 指异步并行加载,Blocking 是指同步等待执行。LABjs 通过优雅的语法(script 和 wait)实现了这两大特性,核心价值是性能优化。LABjs 是一个文件加载器。RequireJS 和 SeaJS 则是模块加载器,倡导的是一种模块化开发理念,核心价值是让 JavaScript 的模块化开发变得更简单自然。模块加载器一般可降级为文件加载器用,因此使用 <a href="https://www.cnblogs.com/longze/p/3421747.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/longze/p/3420011.html
二级事件模型 - 龙则
全部代码: 二级事件模型 先通过demo展示: 为ul分别绑定mouseover的捕获与冒泡事件,为第一个li绑定mouseover的冒泡事件,并终止向上冒泡(stopPropagation) Demo: 第一条(不再向上冒泡) ...
2013-11-12T10:09:00Z
2013-11-12T10:09:00Z
龙则
https://www.cnblogs.com/longze/
【摘要】全部代码: 二级事件模型 先通过demo展示: 为ul分别绑定mouseover的捕获与冒泡事件,为第一个li绑定mouseover的冒泡事件,并终止向上冒泡(stopPropagation) Demo: 第一条(不再向上冒泡) ... <a href="https://www.cnblogs.com/longze/p/3420011.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/longze/p/3365820.html
表单的自动到json与urlstr - 龙则
将表单序列化成json,将json转换成字符串//将表单序列化成json 字符串$.fn.serializeObject = function(){ var obj = {}; var count = 0; $.each( this.serializeArray(), function(i,o){ var n = o.name, v = o.value; count++; obj[n] = obj[n] === undefined ? v : $.isArray( obj[n] ) ? obj[n].concat( v ...
2013-10-12T11:25:00Z
2013-10-12T11:25:00Z
龙则
https://www.cnblogs.com/longze/
【摘要】将表单序列化成json,将json转换成字符串//将表单序列化成json 字符串$.fn.serializeObject = function(){ var obj = {}; var count = 0; $.each( this.serializeArray(), function(i,o){ var n = o.name, v = o.value; count++; obj[n] = obj[n] === undefined ? v : $.isArray( obj[n] ) ? obj[n].concat( v ... <a href="https://www.cnblogs.com/longze/p/3365820.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/longze/p/3365092.html
职业成长小计 - 龙则
公司环境:从九月到十月上旬是费力且煎熬的一段时间。研究ext并推动项目,边研究边推动项目,导致项目进展缓慢,而且进度不可控。历时一个多月被boss叫停。从十月开始用同事自己写的一个后台框架,在项目中遇到问题依然出现无法推动项目的情况。今天被boss叫到小黑屋单聊。将几点感受记录在此:1、工期的改动要上报2、上报的时候有一些问题可能是你无法估计时间的,将这一点一定要上报3、多余超出能力的要明确承认,并且申请援助或指导,尤其是有明确工期的时候4、在完成需求的时候注意培养态度与积累经验5、明确自己的层次在适合的时候积累适合的东西要来的快一点,什么都看相当于什么都没看前端的技术层次参看此文http:/
2013-10-12T05:36:00Z
2013-10-12T05:36:00Z
龙则
https://www.cnblogs.com/longze/
【摘要】公司环境:从九月到十月上旬是费力且煎熬的一段时间。研究ext并推动项目,边研究边推动项目,导致项目进展缓慢,而且进度不可控。历时一个多月被boss叫停。从十月开始用同事自己写的一个后台框架,在项目中遇到问题依然出现无法推动项目的情况。今天被boss叫到小黑屋单聊。将几点感受记录在此:1、工期的改动要上报2、上报的时候有一些问题可能是你无法估计时间的,将这一点一定要上报3、多余超出能力的要明确承认,并且申请援助或指导,尤其是有明确工期的时候4、在完成需求的时候注意培养态度与积累经验5、明确自己的层次在适合的时候积累适合的东西要来的快一点,什么都看相当于什么都没看前端的技术层次参看此文http:/ <a href="https://www.cnblogs.com/longze/p/3365092.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/longze/p/3363918.html
事件的循环绑定 - 龙则
全部代码: 事件的循环绑定 利用new来形成闭包做循环绑定 baby honey 利用匿名函数形成闭包 baby honey ...
2013-10-11T09:42:00Z
2013-10-11T09:42:00Z
龙则
https://www.cnblogs.com/longze/
【摘要】全部代码: 事件的循环绑定 利用new来形成闭包做循环绑定 baby honey 利用匿名函数形成闭包 baby honey ... <a href="https://www.cnblogs.com/longze/p/3363918.html" target="_blank">阅读全文</a>