Mac OS下前端开发工具快捷键总结

使用快捷键将大大提高我们的开发效率,本文主要整理了我在日常开发中常用的几款工具(软件)的一些快捷键。前端开发中用的最多的开发工具有:Mac下的终端工具iTermChrome浏览器WebStorm编辑器

1、iTerm编辑器

iTerm是Mac下的终端工具,其快捷键非常丰富。

  • ⌘ + Enter: 切换全屏
  • ⌘ + D: 垂直分屏,⌘ + shift + d: 水平分屏
  • ⌘ + T: 打开一个新标签页
  • ⌘ + W: 关闭当前标签页
  • ctrl + U: 清空当前行
  • ⌘ + R: 清屏,其实是滚到新的一屏,并没有清空。等价于ctrl + l
  • ⌘ + F: 在当前屏幕查找
  • ⌘ + shift + H: 剪贴板历史,如图:

    more >>

iframe跨域的一些知识点

页面嵌套iframe是比较常见的,实现跨域的前提条件是父页面与子页面都是自己可以控制的。
iframe跨域的主要方法有以下几点:

  • 设置一致的document.domain
  • 设置window.name
  • 设置location.hash
  • 设置window.navigator
  • 设置postMessage

more >>

[转]javascript正则表达式教程

正则表达式很可怕很可怕,但是,一旦你记住并且明白了这些符号的意义,那么这些恐惧就会马上消失。如果你现在心中还有那份恐惧感,那就赶紧往下看吧。

基础知识

学好正则表达式子的关键一步就是花一点时间记住这些符号。这是最好的建议了。坐下来,好好记一记,很快的:

  • .:会匹配任何字符,在dotall模式为false的时候不会匹配换行符。
  • *:匹配0个或者多个上面的那个字符可以匹配的
  • +:匹配一个或者多个上面那个字符可以匹配的
  • ?:上述可匹配字符可选,0个或1个
  • \d:匹配一个数字
  • \w:匹配任何字符(字母数字和下划线)
  • [xyz]:匹配xyz中的一个
  • [xyz]+:匹配xyz中的一个或者多个
  • $:匹配行尾
  • ^:匹配行首
  • [^a-z]:当^在字符集里面的时候,表示不匹配,这个就表示匹配除了小写字母以外的字符

more >>

理解js中call,apply,caller,callee的区别

javascript中的call(),apply(),caller(),callee()方法作用都是调用某个函数或方法,概念和作用容易混淆,我自己也经常分不清楚什么时候该用哪种函数,这里总结一下,以免忘记。

为什么要用call()和apply()方法?

理清楚这几种方法的区别之前,我们先想想为什么要用call()和apply().
比如有段这样的函数:

function cat(){}
cat.prototype={
food:”fish”,
say: function(){
alert(“I love “+this.food);
}
}
var blackCat = new cat;
blackCat.say();

我们有一个对象whiteDog = {food:”bone”},我们不想对它重新定义say方法,那么我们可以通过call或apply用blackCat的say方法:blackCat.say.call(whiteDog);

more >>