- 博客(310)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 6月读书活动之《Node.js项目实践：构建可扩展的Web应用
作为一个 nodejs 新手，非常感谢社区能有这么好的读书活动，而且还给我们带来了这本 《Node.js项目实践：构建可扩展的Web应用》，对于我们新手来说，非常适合学习。 大致看了一下书的目录结构，从安装 到基础&语法，还介绍了目前非常火的 Express.js 这个框架，而且版本也是选的比较新的4，现在市面上好多书籍以及在线的教程资料还停留在 3.*x 的...
2015-06-30 13:44:18
219
原创 iphone6和6+ media query
[code="java"]/*iPhone 6 Portrait*/@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) { }/*iPhone 6 landscape*/@media only screen an...
2015-05-27 17:57:48
237
原创 normalize.css
github上源码：[url]https://github.com/necolas/normalize.css[/url][size=large][b]是什么？[/b][/size] 是一种CSS reset的替代方案[size=large][b]用处[/b][/size] 保护有用的浏览器默认样式而不是完全去掉它们 一般化的样式：为大部分HTML...
2015-05-08 20:06:11
182
原创 jquery插件之--autocomplete
jQuery.Autocomplete 能够很好的实现输入框的自动完成(autocomplete)、建议提示(input suggest)功能，支持ajax数据加载。[options]里的参数：minChars表示在自动完成激活之前填入的最小字符，这里我们设置为0，在我们双击文本框，不输入字符的时候，就会把数据显示autoFill表示自动填充，就是在文本框中自动填充符合...
2015-05-07 18:40:31
231
原创 sublime安装插件
1）.安装package control组件通过Sublime Text 2控制台。这是通过按 [color=blue]Ctrl + ` [/color]快捷访问。打开粘贴以下命令到控制台。import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os....
2015-05-06 19:19:18
90
原创 mac利用终端命令显示隐藏文件
1.打开终端，输入如下命令（注意大小写）： [code="java"]defaults write com.app.Finder AppleShowFiles Yes[/code]2.重启Finder即可3.想取消这个效果，只需要执行如下就可以[code="java"]defaults write com.app.Finder AppleShowFiles NO[/code]...
2015-05-05 11:46:08
170
原创 神兵利器——Alfred
推荐一款超极好用的mac系统查找文件工具：[url]http://www.alfredapp.com/#download[/url][url]http://www.cnblogs.com/chijianqiang/p/alfred.html[/url]基础快捷键：option+space用快捷键呼出Alfred，输入任何一款应用程序的中文或英文名称，即可快速定位程序，回...
2015-05-05 11:29:23
103
原创 grunt配置-htmlmin任务
grunt-contrib-htmlmin插件-tasks目录下htmlmin.js文件中配置了一个htmlmin任务: [code="java"]grunt.registerMultiTask('htmlmin', 'Minify HTML', function () { var options = this.options(); grunt.verbose.writefla...
2015-04-27 22:17:57
323
原创 grunt配置-imagemin任务
[code="java"]imagemin : { dist : { files : [{ expand : true, cwd : 'app', src : '**/*.{png,jpg,jpeg}', ...
2015-04-27 21:58:04
223
原创 grunt配置-copy任务
copy任务配置项使用示例：[code="java"]copy: { main: { files: [ // includes files within path {expand: true, src: ['path/*'], dest: 'dest/', filter: 'isFile'}, // includes files...
2015-04-27 20:51:33
870
原创 grunt配置-open任务
grunt-open插件-tasks目录下open.js文件中配置了一个open任务: [code="java"]grunt.registerMultiTask('open', 'Open urls and files from a grunt task', function() { var dest = this.data.url || this.data.file || this.d...
2015-04-27 10:53:09
132
原创 grunt配置-clean任务
grunt-contrib-clean插件-tasks目录下clean.js文件中配置了一个clean任务:[code="java"]grunt.registerMultiTask('clean', 'Clean files and folders.', function() { // Merge task-specific and/or target-specific opti...
2015-04-27 10:43:10
747
原创 package.json配置文件
package.json配置文件 项目根目录下，文件内部就是一个json对象 定义了项目所需要的各种模块，以及项目的配置信息（如名称、版本、许可证等元数据） npm install 命令根据它自动下载所需的模块 [code="java"]{//name中任何non-url-safe的字符都不能用 "name": "...
2015-04-21 16:05:51
329
原创 npm--Node.js默认模块管理器
npm[b]不需要单独安装[/b]：安装node的时候：[url]https://nodejs.org/[/url]，会连带一起安装npm。 [img]http://dl2.iteye.com/upload/attachment/0107/7536/183d1c83-a55f-34f9-a4f2-0e4ad336f238.jpg[/img][b]常见的一些命令[/b...
2015-04-20 17:44:20
147
原创 js继承---原型链
原型链方式 默认继承机制，将需要重用的属性和方法迁移至原型对象中，而将不可重用的部分设置为对象的自身属性，但这种继承方式需要新建一个实例作为原型对象，效率上会低一些。[code="js"]function Shape() { this.name = '形状';}Shape.prototype.perimeter = function() { };func...
2015-04-20 14:45:44
77
原创 GIT基础整理
[size=medium][b] 一些概念：[/b][/size]本地仓库由 git 维护的三棵“树”组成: 第一个是[color=blue][u]工作目录[/u][/color]，它持有实际文件； 第二个是[color=blue][u] 暂存区（Index）[/u][/color]，它像个缓存区域，临时保存改动； 最后是 [color=blue][u]HEAD[/u]...
2015-04-20 14:44:43
75
原创 Grunt：自动任务运行器
[b]干什么用？[/b]基于Node.js的一款能够按照预先设定的顺序自动运行一系列任务的工具。简化工作流程，减轻重复性工作带来的负担。[b]如何使用？[/b]1.安装[code="安装命令"]sudo npm install grunt-cli -g[/code]2.命令脚本文件Gruntfile.js--用于配置或定义任务、加载 Grunt 插件1）grun...
2015-04-15 17:23:39
182
原创 js脚本阻塞
本文翻译整理自：[url]http://yuiblog.com/blog/2008/07/22/non-blocking-scripts/[/url] 所有浏览器在下载JS的时候，会阻止一切其他活动，比如其他资源的下载，内容的呈现等等。直到JS下载、解析、执行完毕后才开始继续并行下载其他资源并呈现内容。为了提高用户体验，新一代浏览器都支持并行下载JS，但是JS下载仍然会阻塞其它资源的下...
2015-04-14 15:05:53
347
原创 手机 -webkit-min-device-pixel-ratio常用值
[b]Devices with -webkit-min-device-pixel-ratio: 1.0[/b] All non-Retina Macs Apple iPhone (1st generation) Apple iPhone 3G Apple iPhone 3GS Apple iPad (1st generation) Apple iPa...
2015-04-14 14:35:09
376
原创 正则匹配
[b]RegExp.prototype.exec() 方法：[/b]用于检索字符串中的正则表达式的匹配。 语法:RegExpObject.exec(string) 找到了匹配的文本，返回一个结果数组，并且更新正则表达式对象的属性。 否则，返回 null。[code="js"]var myRe = /ab*/g;var str = 'abb...
2015-04-09 17:08:31
93
原创 GIT和SVN之间的五个基本区别
1.GIT是[color=blue][b]分布式[/b][/color]的，SVN不是： GIT:每个开发人员从中心版本库/服务器上chect out代码后会在自己的机器上克隆一个自己的版本库，不能连接网络的时候，仍然能够提交文件，查看历史版本记录，创建项目分支等。只需要创建一个分支，向项目团队发送一个推请求。 SVN:非分布式的版本控制系统，集中式版本库或服务器。...
2015-04-09 16:01:55
69
原创 NaN
NaN 是一个全局对象的属性。表示数据类型不是数字，是一个特殊的number[code="js"]NaN === NaN; // false，与任何值都不相等，包括自己Number.NaN === NaN; // falseisNaN(NaN); // trueisNaN(Number.NaN); // truetypeof(Na...
2015-04-09 14:56:55
55
原创 XSS跨站脚本攻击
XSS是什么？（Cross Site Scripting）跨站脚本攻击：恶意攻击者往web页面插入恶意html代码，脚本执行来达到目的。解决方法：使用[size=medium][b]encodeURIComponent（）[/b][/size] ---用于处理一个片段，对所有特殊字符进行编码 ---不编码字符有71个：!， '，(，)，*，-，.，_，~，0...
2015-04-08 22:03:24
107
原创 css+div页面布局之3
页面结构如下：[code="html"] 1) Content here. 2) nav part here. 3) extra part here. [/code] 左边区域是定宽的，右边和下边不定宽：[code="css"]#wrapper{float:left;width:100%;} #cont...
2015-04-08 12:32:04
72
原创 使用user-select禁止网页选择文字
[url]http://www.wufangbo.com/css-jin-zhi-xuan-ze/[/url]user-select有两个值： none：用户不能选择文本 text：用户可以选择文本注意：user-select不是一个W3C的CSS标准属性，浏览器支持的不完整，需要对每种浏览器进行调整。[code="css"]body{ -moz-u...
2015-04-08 09:50:46
230
原创 jquery选择器匹配方式
一直了解jQuery的优势之一是支持强大的选择器，只知道支持css1-3的几乎所有选择器。没有深入探究过具体选择器内部匹配是怎么实现的，查阅资料才了解这点，整理去下: 1.3版使用了全新的选择符引擎Sizzle，库的性能也因此有了极大提升，支持了事件委托。那么Sizzle是什么呢？ 我们知道一般选择器的匹配模式，都是一个顺序的思维方式...
2015-04-07 19:49:50
255
原创 HTTP状态码
面试遇到这个问题了，平时最常见就是404了，记录下吧:http状态码第一位规定了状态码的类型， 1** 信息类，收到web浏览器请求，正在处理 2** 成功，yoghurt请求正被正确接收理解和处理 3** 重定向，表示请求没成功，需要采取进一步措施 4** 客户端提交请求错误 5** 服务器错误，不能完成对请求的处理具体如下...
2015-04-07 12:32:35
66
原创 js-event绑定事件
IE target.addEventListener(type,listener,useCapture) type：字符串，事件名称：click、mouseover.. useCapture：一般默认false高级浏览器 target.attachEvent（type,listener） type：字符串，事件名称：onclick、onm...
2015-04-06 22:21:33
119
原创 Bower: 客户端库管理工具
[b]Bower是什么？[/b] 基于node.js的解决同一网页加载多个js库的问题并且针对浏览器端的一个库管理工具。[b]如何使用？[/b]1.安装[code="安装命令"]npm install -g bower//出现报错：Please try running this command again as root/Administrator记得使用sud...
2015-04-05 15:43:06
115
原创 AMD规范和RequireJS模块化
什么是AMD模式？define和require两个定义模块调用模块的方法合称为[b]AMD模式[/b]。 **用于浏览器环境，允许异步加载模块，也可以根据需要动态加载模块。1.引入require.js到网页，网页中就能进行模块化编程了[code="js"]default hidden[/code]data-main加载主文件，指定主代码所在的脚本文件，不可省...
2015-04-05 15:26:11
186
原创 清空dom源码解析
jquery中empty()是采用逐个移除子元素实现的zepto中empty()是采用直接innerHtml=''实现的一起来看一下:[code="jquery"]empty:function(){ var elem,i=0; for(;(elem = this[i]) != null; i++) { i...
2015-04-04 17:06:12
213
原创 Jquery方法-is()检测匹配元素集合
.is( selector ) 判断当前匹配的元素集合中的元素，是否为一个选择器，DOM元素，或者jQuery对象，如果这些元素至少一个匹配给定的参数，那么返回true。 检测jQuery对象的内容，而无需修改该对象。通常在回调函数内使用该方法。[code="js"] list item 1 list item 2 list item 3...
2015-04-01 16:08:35
316
原创 Javascript中作用域和上下文
函数可以被多个上下文所使用，作用域可以被封装或保护。每一个函数调用都联系着一个作用域和一个上下文。根本上说，[b]作用域是基于函数的而上下文是基于对象的[/b]。先看几个术语的解释：[size=medium][b]变量作用域[/b][/size]变量能够被定义在局部或者全局作用域，这导致运行时变量的访问来自不同的作用域。 全局变量：声明在函数体外，在整个运行过...
2015-04-01 15:28:46
96
原创 类数组转换为数组makeArray()
面试的时候遇到这个问题，在jquery中如何实现的将argements或者getElementsByTagName这种[b]类数组转换为真正的数组[/b]？ 查了API，jQuery.makeArray( obj ) 转换后，任何有特殊功能的对象将不再存在，而变成是一个普通的数组对象。[code="js"]var domNodes = Array.prototyp...
2015-04-01 11:01:18
446
原创 ES6新标准-let命令
[b]作用[/b]：用来声明变量。[code="js"]{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 1[/code][b]与var声明变量的区别[/b]：let声明的变量，只在let命令所在的代码块内有效。for循环的计数器，就很合适使用let命令：[code...
2015-03-31 17:06:47
115
原创 json
JSON：JavaScript 对象表示法（JavaScript Object Notation）◆轻量级的文本数据交换格式◆存储和交换文本信息的语法◆ 使用 JavaScript 语法来描述数据对象，独立于语言和平台◆具有自我描述性，更易理解◆数据可使用 AJAX 进行传输在 JavaScript 中创建 JSON 对象：[code="js"]var JS...
2015-03-31 17:00:36
72
原创 ES6新标准-数据结构Map
map数据结构类似于对象，也是[b]键值对的集合[/b]，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。[code="js"]var m = new Map(); m.set("edition", 6) // 键是字符串m.set(262, "standard") // 键是数值m.set(undefined, "nah"...
2015-03-31 14:23:12
112
原创 js闭包
匿名函数闭包：[code="js"](function (){ alert(123);})();//然后通过()直接调用前面的表达式即可，因此函数可以不必写名字；[/code]闭包三个特性：1.函数[b]嵌套[/b]函数2.函数内部可以[b]引用外部的参数和变量[/b]3.参数和变量不会被垃圾回收机制回收好处：1.希望一个变量长...
2015-03-31 09:52:31
67
原创 获取指定元素的父节点getParent
获取元素的父节点[code="js"]function getParent(element){ element = document.getElementById(id); //浏览器兼容性：parentElement ---ie parentNode --ff return element.parentElement || ...
2015-03-31 09:51:01
2083
原创 CSS3 图片投影
[b]box-reflect[/b] none:默认值，表示无倒影效果； :此值表示box-reflect生成倒影的方向，主要包括以下几个值： above:表示生成的倒影在对象（原图）的上方； below:表示生成的倒影在对象（原图）的下方； left:表示生成的倒影在对象(原图)的左侧； right:表示生成的倒影在对象(原图)...
2015-03-30 17:59:41
1038
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人