01 2015 档案

正则表达式
摘要：两个特殊的符号'^'和'$'。他们的作用是分别指出一个字符串的开始和结束。例子如下："^The"：表示所有以"The"开始的字符串（"There"，"The cat"等）；"of despair$"：表示所以以"of despair"结尾的字符串；"^abc$"：表示开始和结尾都是"abc"的字符串... 阅读全文
posted @ 2015-01-30 10:48 simonbaker 阅读(175) 评论(0) 推荐(0)
float浮动改变display类型
摘要：position:absolute和float都会隐式的改变display类型。也就是说，不论之前是什么类型的元素（display:none除外），只要设置了position:absolute或float，都会让元素以display:inline-block的方式显示。可以设置长宽，默认宽度并不占满... 阅读全文
posted @ 2015-01-29 11:36 simonbaker 阅读(683) 评论(0) 推荐(0)
HTTP协议详解
摘要：其他文章参考：http://www.cnblogs.com/gpcuster/archive/2009/05/25/1488749.htmlhttp://www.cnblogs.com/CareySon/archive/2012/04/27/HTTP-Protocol.htmlAuthor :Jef... 阅读全文
posted @ 2015-01-29 10:19 simonbaker 阅读(213) 评论(0) 推荐(0)
toString方法
摘要：定义和用法toString() 方法可把一个 Number 对象转换为一个字符串，并返回结果。语法NumberObject.toString(radix)radix参数：可选。规定表示数字的基数，使 2 ~ 36 之间的整数。若省略该参数，则使用基数 10。但是要注意，如果该参数是 10 以外的其他... 阅读全文
posted @ 2015-01-29 10:17 simonbaker 阅读(389) 评论(0) 推荐(0)
link与@import
摘要：看到淘宝网页中这样写使用的是import,而很多网站都是使用link，当然还有一些页面比较简单，流量很大的网站，是直接将CSS写在html代码中的？他们有什么区别？css用import还是link好?从经典论坛和另外一个网站大概了解了一下看到淘宝网页中大部分是这样写的而很多网站，比如我的 http:... 阅读全文
posted @ 2015-01-28 21:39 simonbaker 阅读(185) 评论(0) 推荐(0)
[转]Cookie/Session机制详解
摘要：会话（Session）跟踪是Web程序中常用的技术，用来跟踪用户的整个会话。常用的会话跟踪技术是Cookie与Session。Cookie通过在客户端记录信息确定用户身份，Session通过在服务器端记录信息确定用户身份。本章将系统地讲述Cookie与Session机制，并比较说明什么时候不能用Co... 阅读全文
posted @ 2015-01-28 20:56 simonbaker 阅读(238) 评论(0) 推荐(0)
[转]script之defer&async
摘要：html5中script的async属性我兴奋于html5的原因之一是一些久久未能实现的特性现在可以真正运用于实际项目中了. 如我们使用placeholder效果蛮久了但是那需要javascript来实现. 目前firefox和chrome都是实现了script标签的async属性.这个新的属性能让... 阅读全文
posted @ 2015-01-28 16:15 simonbaker 阅读(232) 评论(0) 推荐(0)
css3渐变gradient
摘要：参考：http://www.w3cplus.com/content/css3-gradient 阅读全文
posted @ 2015-01-28 16:00 simonbaker 阅读(132) 评论(0) 推荐(0)
[转]提高 web 应用性能之 CSS 性能调优
摘要：简介Web 开发中经常会遇到性能的问题，尤其是 Web 2.0 的应用。CSS 代码是控制页面显示样式与效果的最直接“工具”，但是在性能调优时他们通常被 Web 开发工程师所忽略，而事实上不规范的 CSS 会对页面渲染的效率有严重影响，尤其是对于结构复杂的 Web 2.0 页面，这种影响更是不可磨灭... 阅读全文
posted @ 2015-01-28 11:47 simonbaker 阅读(169) 评论(0) 推荐(0)
[转]深入了解 CSS3 新特性
摘要：简介CSS 即层叠样式表（Cascading Stylesheet）。Web 开发中采用 CSS 技术，可以有效地控制页面的布局、字体、颜色、背景和其它效果。只需要一些简单的修改，就可以改变网页的外观和格式。CSS3 是 CSS 的升级版本，这套新标准提供了更加丰富且实用的规范，如：盒子模型、列表模... 阅读全文
posted @ 2015-01-28 11:28 simonbaker 阅读(296) 评论(0) 推荐(0)
[转]CSS3盒模型display:box详解
摘要：时间：2014-02-25来源：网络作者：未知编辑：RGBdisplay:box;box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Op... 阅读全文
posted @ 2015-01-28 10:53 simonbaker 阅读(204) 评论(0) 推荐(0)
[转]前端工程师都有用哪些比较靠谱的小工具？
摘要：知乎：http://www.zhihu.com/question/20241338 阅读全文
posted @ 2015-01-27 20:19 simonbaker 阅读(116) 评论(0) 推荐(0)
[转]前端收集（前端学习资源）
摘要：前端收集在前端路上摸索前行，在这里分享自己长期关注的前端开发相关的优秀网站、博客、以及活跃开发者。欢迎更新。自己 RSS 长期订阅了一些IT 和技术相关博客，这里是我Feedly 输出的opml，可直接导入一些RSS 阅读器:https://github.com/foru17/luolei-dotf... 阅读全文
posted @ 2015-01-27 20:18 simonbaker 阅读(222) 评论(0) 推荐(0)
在浏览器中输入一个URL后都发生了什么
摘要：这道题目没有所谓的完全的正确答案，这个题目可以让你在任意的一个点深入下去， 只要你对这个点是熟悉的。以下是一个大概流程：浏览器向DNS服务器查找输入URL对应的IP地址。DNS服务器返回网站的IP地址。浏览器根据IP地址与目标web服务器在80端口上建立TCP连接浏览器获取请求页面的html代码。浏... 阅读全文
posted @ 2015-01-27 20:00 simonbaker 阅读(2472) 评论(0) 推荐(0)
delete操作符
摘要：delete操作符通常用来删除对象的属性：Js代码 varo={x:1};deleteo.x;//trueo.x;//undefined而不是一般的变量：Js代码 varx=1;deletex;//falsex;//1或者是函数：Js代码 functionx(){}deletex;//falsety... 阅读全文
posted @ 2015-01-27 11:19 simonbaker 阅读(163) 评论(0) 推荐(0)
backbonejs学习
摘要：文章：http://www.cnblogs.com/yexiaochai/archive/2013/07/27/3219402.htmlhttp://blog.csdn.net/cony100/article/details/7642553http://www.ibm.com/developerwo... 阅读全文
posted @ 2015-01-26 23:48 simonbaker 阅读(135) 评论(0) 推荐(0)
node好用的东东
摘要：supervisor可参考：http://www.cnblogs.com/pigtail/archive/2013/01/08/2851056.htmlhttp://www.cnblogs.com/aaronjs/p/3745218.htmlforever可参考：http://blog.fens.m... 阅读全文
posted @ 2015-01-26 19:59 simonbaker 阅读(139) 评论(0) 推荐(0)
encodeURI,encodeURIComponent编码
摘要：encodeURI()、encodeURIComponent()、decodeURI()、decodeURIComponent() URL编码Global对象的encodeURI()和encodeURIComponent()方法对URI进行编码，以便发送给浏览器。有效的URI中不能包含某些字符，例如... 阅读全文
posted @ 2015-01-26 15:50 simonbaker 阅读(2926) 评论(0) 推荐(0)
nodejs 静态文件服务器
摘要：https://cnodejs.org/topic/4f16442ccae1f4aa27001071http://blog.csdn.net/zhangxin09/article/details/8133184 阅读全文
posted @ 2015-01-25 17:23 simonbaker 阅读(179) 评论(0) 推荐(0)
npm in macbook
摘要：打开终端，试了很多次npm install anywhere -g，结果还是报错，大概就说没权限。所以，才想起之前看过的博客中，提到用sudo去执行。终于，没问题了！如果npm install anywhere -g不行，那就加上sudo，变成sudo npm install anywhere -g... 阅读全文
posted @ 2015-01-25 16:55 simonbaker 阅读(225) 评论(0) 推荐(0)
nodejs调试:node-inspector
摘要：基于Chrome浏览器的调试器既然我们可以通过V8的调试插件来调试，那是否也可以借用Chrome浏览器的JavaScript调试器来调试呢？node-inspector模块提供了这样一种可能。我们需要先通过npm来安装node-inspectornpm install -g node-inspect... 阅读全文
posted @ 2015-01-25 16:29 simonbaker 阅读(277) 评论(0) 推荐(0)
[转]各种开源协议介绍 BSD、Apache Licence、GPL V2 、GPL V3 、LGPL、MIT
摘要：现今存在的开源协议很多，而经过Open Source Initiative组织通过批准的开源协议目前有58种（http://www.opensource.org/licenses /alphabetical）。我们在常见的开源协议如BSD, GPL, LGPL,MIT等都是OSI批准的协议。如果要开... 阅读全文
posted @ 2015-01-23 09:23 simonbaker 阅读(212) 评论(0) 推荐(0)
[IBM]掌握Ajax，Ajax中的高级请求和响应
摘要：掌握 Ajax，Ajax 中的高级请求和响应http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro1.htmlhttp://www.ibm.com/developerworks/cn/xml/wa-ajaxintro2/http://www.ibm... 阅读全文
posted @ 2015-01-22 23:09 simonbaker 阅读(158) 评论(0) 推荐(0)
Exchange邮箱设置，android手机和mac book
摘要：假设用户名：abc密码：123公司名是：qq一 android手机：1 输入地址：abc@qq.com2 密码：1233 协议：EXCHANGE点击下一步用户名：abc域名：qqcorp密码：123服务器：mail.qq.com ==>>是以mail开头的安全类型：SST/TLS(接受所有证书) =... 阅读全文
posted @ 2015-01-22 21:37 simonbaker 阅读(979) 评论(0) 推荐(0)
Boilerplate
摘要：HTML5 Boilerplate 是一个由 Paul Irish（Google Chrome 开发人员、jQuery 项目成员、Modernizr 作者、yayQuery 播客主持人）主导的“前端开发模版”。HTML5 Boilerplate 是一套具有非常多先进特性的框架，其特性简单介绍如下：由... 阅读全文
posted @ 2015-01-22 10:13 simonbaker 阅读(347) 评论(0) 推荐(0)
Sublime Text2 安装Package Control
摘要：我的安装完之后，是没有package control的，所以，按照网上的方法，是安装不了的。也就是，想按照插件，必须先安装package control。步骤如下：1 到https://packagecontrol.io/installation 把Python的代码复制粘贴到sublime的命令行... 阅读全文
posted @ 2015-01-21 17:24 simonbaker 阅读(205) 评论(0) 推荐(0)
[转]JS内存泄漏排查方法(Chrome Profiles)
摘要：Google Chrome浏览器提供了非常强大的JS调试工具，Heap Profiling便是其中一个。Heap Profiling可以记录当前的堆内存（heap）快照，并生成对象的描述文件，该描述文件给出了当时JS运行所用到的所有对象，以及这些对 ...一、概述Google Chrome浏览器提供... 阅读全文
posted @ 2015-01-21 10:36 simonbaker 阅读(707) 评论(0) 推荐(0)
[转]JS的内存泄露处理
摘要：问题：1、给DOM对象添加的属性是一个对象的引用。范例：var MyObject = {};document.getElementByIdx_x('myDiv').myProp = MyObject;解决方法：在window.onunload事件中写上: document.getElementByI... 阅读全文
posted @ 2015-01-21 10:26 simonbaker 阅读(923) 评论(0) 推荐(0)
[转]Google开源Leak Finder—用于检测内存泄漏的JavaScript工具-----可惜，暂时打不开google的网站，下载不了
摘要：近日，Google开源了Leak Finder，这款工具可以查看JavaScript应用的堆，进而发现内存泄漏。作为一门垃圾收集语言，JavaScript并不会出现常见的内存泄露情况，特别是像C++等语言中所见到的那种。但如果依旧将内存分配给那些不再使用的对象，那么应用就会出现内存泄漏；如果泄漏情况... 阅读全文
posted @ 2015-01-21 10:22 simonbaker 阅读(482) 评论(0) 推荐(0)
[转]基于phantomJS实现web性能监控
摘要：1、web性能监控背景描述上期分享的《Web性能监控自动化探索之路–初识WebPageTest》从依赖webpagetest的角度给出了做性能日常检查的方案，但由于依赖结构相对复杂我们需要给出更简单的解决方案。，测试同学没有快速投入的主要原因也是语言和维护成本相对比较大。但解决方案是多种多样的：）。... 阅读全文
posted @ 2015-01-21 10:08 simonbaker 阅读(868) 评论(0) 推荐(0)
[转]7天打造前端性能监控系统
摘要：引言前阵子在w3ctech的走进名企 - 百度前端 FEX 专场上曾“夸下海口”说听完讲座后七天就可以打造自己的前端性能监控系统，既然说出去了也不能食言。从前一篇文章前端数据之美相信大家对前端数据有了一定的了解，下面就针对其中的性能数据及其监控进行详细阐述。开始行动本文中的性能主要指web页面加载性... 阅读全文
posted @ 2015-01-21 10:04 simonbaker 阅读(321) 评论(0) 推荐(0)
[转]前端网络（性能）监测工具berserkJS
摘要：berserkJS 是基于 Qt （C++跨平台库）开发的前端网络（性能）监测工具。 它的核心功能是通过内置 webkit 收集由页面实际网络请求相关数据。 偏重于页面上线前检测与评估。 页面性能分析工具，可用 JS 编写自己的检测、分析规则。 基于 Qt 开发，可跨平台编译，部署。内置基于 Qt... 阅读全文
posted @ 2015-01-21 09:59 simonbaker 阅读(498) 评论(0) 推荐(0)
Marionettejs
摘要：Marionette是牵线木偶的意思，这个库是对Backbone的一次更高层次封装。这样的封装有两个目标：减少重复的工作，提高使用Backbonejs时的生产效率给复杂应用页面提供更多的结构，以支撑后续的扩展操作他主要在几个方面增强Backbone：增强的各类视图，主要是 ItemView, Col... 阅读全文
posted @ 2015-01-21 09:53 simonbaker 阅读(364) 评论(0) 推荐(0)
js变量和函数提升的小结
摘要：对于变量和函数一起的提升说法，我比较认同"LittleBear"的说法。比如：他觉得，是先预编译变量,先给a赋值undefined，后来预编译函数，函数a覆盖了之前的变量a的默认值； 然后代码顺序执行到a=1;，这个时候赋值表达式给a赋值为1，所以后面输出都是1。 我觉得，在同一作用域中，变量和函... 阅读全文
posted @ 2015-01-21 09:25 simonbaker 阅读(184) 评论(0) 推荐(0)
[转]谈谈我遇到的前端的一些神奇面试题--变量提升，函数提升
摘要：感谢大家批注指正，我不想误导大家，我只是说我遇到过类似的题目，然后这里分析分析这些题目，并没有说我们平时要这样去写代码。js这门语言很灵活，有很多奇葩（坑），如果你不知道，哪天你无意间调到坑里去了你还不知道，有经验的人应该都踩过无数js的坑。去面试的时候有一些公司会给出面试题叫你做，前端的话一般有输... 阅读全文
posted @ 2015-01-21 09:08 simonbaker 阅读(2735) 评论(3) 推荐(1)
yeoman,grunt,bower
摘要：Yeoman主要有三部分组成：yo（脚手架工具）、grunt（构建工具）、bower（包管理器）。这三个工具是分别独立开发的，但是需要配合使用，来实现我们高效的工作流模式。http://www.cnblogs.com/cocowool/archive/2013/03/09/2952003.html 阅读全文
posted @ 2015-01-20 22:57 simonbaker 阅读(151) 评论(0) 推荐(0)
[转]JS中apply和call的联系和区别
摘要：JS中有时常用到 apply 和 call 两个方法，搜索网上很多，整理如下，简单看看这两个联系和区别，联系:网上查到关于apply和call的定义：这两个方法都能劫持另外一个对象的方法，继承另外一个对象的属性.xxxFunction.apply(obj,args) 方法接收两个参数obj:这个对象... 阅读全文
posted @ 2015-01-20 09:23 simonbaker 阅读(191) 评论(0) 推荐(0)
[转]jQuery.extend 函数详解
摘要：JQuery的extend扩展方法： Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3... 阅读全文
posted @ 2015-01-20 09:18 simonbaker 阅读(187) 评论(0) 推荐(0)
Chrome Developer Tools之内存分析
摘要：可参考：Chrome Developer Tools之内存分析http://www.kazaff.me/2014/01/26/chrome-developer-tools%E4%B9%8B%E5%86%85%E5%AD%98%E5%88%86%E6%9E%90/Chrome Developer To... 阅读全文
posted @ 2015-01-15 18:58 simonbaker 阅读(305) 评论(0) 推荐(0)
jqgrid--api,官网demo,编辑
摘要：api参考：http://blog.csdn.net/hurryjiang/article/details/7551477官网demo：http://www.trirand.com/blog/jqgrid/jqgrid.html对单元格进入编辑状态：1 在colModel中加入三个参数：editab... 阅读全文
posted @ 2015-01-15 18:24 simonbaker 阅读(6445) 评论(0) 推荐(0)
JS数组的sort排序
摘要：数组sort方法排序var aa=[6,2,1,5]//默认是从小到大排序aa.sort()[1, 2, 5, 6]//下面也是从小到大排序aa.sort(function(a,b){return a-b>0?1:-1;})[1, 2, 5, 6]//下面是从大到小排序aa.sort(functio... 阅读全文
posted @ 2015-01-13 14:12 simonbaker 阅读(316) 评论(0) 推荐(0)
[转] jquery操作select(取值，设置选中）
摘要：每一次操作select的时候，总是要出来翻一下资料，不如自己总结一下，以后就翻这里了。比如1、设置value为pxx的项选中 $(".selector").val("pxx");2、设置text为pxx的项选中 $(".selector").find("option[text='pxx']").at... 阅读全文
posted @ 2015-01-07 12:54 simonbaker 阅读(2060) 评论(0) 推荐(0)