随笔分类 - javascript
摘要：喂喂喂，那个切图的，把页面写好就发给研发工程师套模板吧。 你好，切图仔。 不知道你的团队如何定义前端开发，据我所知，时至今日仍然有很多团队会把前端开发归类为产品或者设计岗位，虽然身份之争多少有些无谓，但我对这种偏见还是心存芥蒂，酝酿了许久，决定写一个系列的文章，试着从工程的角度系统的介绍一下我对前端
阅读全文
摘要：大家知道，将ES6代码编译为ES5时，我们常用到Babel这个编译工具。大家参考一些网上的文章或者官方文档，里面常会建议大家在.babelrc中输入如下代码： 我们现在来说明下这个配置文件是什么意思。首先，这个配置文件是针对babel 6的。Babel 6做了一系列模块化，不像Babel 5一样把所
阅读全文
摘要：本文基于lukehoban/es6features ，同时参考了大量博客资料，具体见文末引用。 ES6（ECMAScript 6）是即将到来的新版本JavaScript语言的标准，代号harmony(和谐之意，显然没有跟上我国的步伐，我们已经进入中国梦版本了)。上一次标准的制订还是2009年出台的E
阅读全文
摘要：What？ Promise是CommonJS的规范之一，拥有resolve、reject、done、fail、then等方法，能够帮助我们控制代码的流程，避免函数的多层嵌套。如今异步在web开发中越来越重要，对于开发人员来说，这种非线性执行的编程会让开发者觉得难以掌控，而Promise可以让我们更好
阅读全文
摘要：Firefox和Opera有一个新特性，名叫“往返缓存”（back-forward cache，或bfcache），可以在用户使用浏览器的“后退”和“前进”按钮时加快页面的转换速度。这个缓存中不仅保存着页面数据，还保存了DOM和JavaScript的状态；实际上是将整个页面都保存在了内存里。如果页面
阅读全文
摘要：With dependency ;(function (root, factory) { if (typeof define === 'function' && define.amd) { define(['jquery'], factory); } else if (typeof exports === 'object') { module.exports = fa...
阅读全文
摘要：Js apply方法详解 我在一开始看到JavaScript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这里我做如下笔记,希望和大家分享.. 如有什么不对的或者说法不明确的地方希望读者多多提一些意见,以便共
阅读全文
摘要：越来越觉得国内没有教书育人的氛围，为了弄懂JS的闭包，我使出了我英语四级吃奶的劲去google上搜寻着有关闭包的解释，当我看到stackoverflow上这一篇解答，我脑中就出现了一句话：就是这货没跑了！ 不才译文见下，见笑了。 Peter Mortensen问： 就像老Albert所说的，“如果你
阅读全文
摘要：Firebug & Chrome Console 控制台的一些其他功能console.log(object[, object, ...])使用频率最高的一条语句：向控制台输出一条消息。支持 C 语言 printf 式的格式化输出。当然，也可以不使用格式化输出来达到同样的目的：var animal='
阅读全文
摘要：https://segmentfault.com/a/1190000003497780 对了，这篇文章可能会涉及到正则表达式相关知识，所以推荐没有正则基础的去看看这篇入门文章：正则表达式30分钟入门教程，很经典的文章，反正我的正则就是从这里学的，^▽^ 。 注：pattern 为RegExp的实例,
阅读全文
摘要：一、前言-索引 ES5中新增的不少东西，了解之对我们写JavaScript会有不少帮助，比如数组这块，我们可能就不需要去有板有眼地for循环了。 ES5中新增了写数组方法，如下： forEach (js v1.6) map (js v1.6) filter (js v1.6) some (js v1
阅读全文
摘要：很多框架或者库里面都会有这句的使用，最多的还是通过Array.prototype.slice.call(arguments,0)把arguments这个伪数组转换为真正的数组。但为什么可以这么做，却一直是半懂不懂的。昨天晚上看了mootools的源码，google了一下，终于彻底明白了。call方法...
阅读全文
摘要：如你所知，JavaScript是世界上第一的编程语言，它是Web的语言，是移动混合应用（mobile hybrid apps）的语言（比如PhoneGap或者Appcelerator），是服务器端的语言（比如NodeJS或者Wakanda），并且拥有很多其他的实现。同时它也是很多新手的启蒙语言，因为...
阅读全文
摘要：如果你玩过Google+，看到过YouTube的新界面，便会体验到这个HTML5的新功能。使用pushState + Ajax（pjax），可以实现网页的ajax加载，同时又能完成URL的改变而没有网页跳转刷新的迹象，就像是改变了网页的hash（＃）一样。指引 / 跳至1旧的解决方案2新的解决方案:...
阅读全文
摘要：相关文档：https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulatingthebrowser_history实现目标页面的跳转（前进后退，点击等）不重新请求页面页面URL与页面展现内容一致（符合人们对传统网页的认识）在不...
阅读全文
摘要：一、本文就是个实例展示三点：我就TM想找个例子，知道如何个使用，使用语法什么的滚粗跟搜索引擎搞基自己备忘精力总是有限的，昨天一冲动，在上海浦东外环之外订了个90米的房子，要借钱筹首付、贷款和领证什么的。HTML5 history相关知识点啪啦啪啦讲起来也是一条又臭又长的裹脚布，精气神实在不够用，这里...
阅读全文
摘要：一、本文就是个实例展示三点：我就TM想找个例子，知道如何个使用，使用语法什么的滚粗跟搜索引擎搞基自己备忘精力总是有限的，昨天一冲动，在上海浦东外环之外订了个90米的房子，要借钱筹首付、贷款和领证什么的。HTML5 history相关知识点啪啦啪啦讲起来也是一条又臭又长的裹脚布，精气神实在不够用，这里...
阅读全文
摘要：var str = "男的\'女的\'老的\'少的";str.replace(/'/g,'')
阅读全文