javascript闭包入门理解(二)

前言

之所以再写一篇闭包的文章,原因有二:一个是之前的文章写的不是很清楚,比较含糊。之前文章请看js闭包文章一 。原因二是闭包确实是js的难点和重点,不少网友也问过我,所以,决定再写一篇关于闭包的文章。

案例

首先看下闭包的一个简单案例

function A(){
    function B(){
       console.log("Hello haorooms!");
    }
    return B;
}
var c = A();
c();//Hello haorooms!

分享几个前端干货,面试经常提

前言

我前面的文章,也有几篇讲过面试的,不过都没有很细致的讲,例如:总结前端面试过程中最容易出现的问题,等等。还有一些文章,也是面试中可能提问的。今天,分享几个小知识,算是干货吧!前端面试中也经常会问及,不过问及的几率相对较少。我个人认为,面试中你把基础的知识打好,就可以无敌!哪些基础知识呢?例如:js的继承、js函数等等,万变不离其宗,都是这些的扩展及应用。这些知识理解透彻了,再加一些面试技巧就可以了!

一、怎么让Chrome支持小于12px 的文字?

这个我们在做移动端的时候,设计师图片上的文字假如是10px,我们实现在网页上之后。往往设计师回来找我们,这个字体能小一些吗?我设计的是10px?为啥是12px?其实我们都知道,谷歌Chrome最小字体是12px,不管你设置成8px还是10px,在浏览器中只会显示12px,那么如何解决这个坑爹的问题呢?

我们的做法是:

前端性能优化补充篇

前言

看了一下之前发布的文章,关于前端性能优化的,有网站前端性能优化之javascript和css及jquery的 jquery编程的标准写法和最佳实践 。前端性能优化是一个不断追求的过程,前面的文章虽然讲解了一些性能优化,但是关于性能优化的路还有很长,很多东西都没有提及。今天,我在前面的基础之上,再来简单总结一些常用的性能优化方式。

运算符

1、使用运算符时,尽量使用+=,-=、*=、\=等运算符号,而不是直接进行赋值运算。

2、位运算。

当进行数学运算时位运算较快,位运算操作要比任何布尔运算或算数运算快,如取模,逻辑与和逻辑或也可以考虑用位运算来替换。

有同学问,常见的js位运算符有哪些?常见的位运算符有“~,&,|,^,.<<,>>,>>>”等等。

关于位运算的应用,我前面也有文章提及,js运算符单竖杠“|”的用法和作用是什么?以及javascript实用技巧,js小知识大家可以去看看。

js/jquery各种宽高的理解和应用

前言

前面我有一篇文章,介绍js和jquery的高度,http://www.haorooms.com/post/js_jquery_height 但是,这篇文章不是很细致,讲的不是很全。近期接受慕课网邀请,录制了“js/jquery各种宽高的理解和应用”这套课程。详细介绍了js和jquery的各种宽高及延伸。课程已经录制完毕,估计近期上线~ 还望大家多多支持!

下面来抛砖引玉,简单的把“js/jquery各种宽高的理解和应用”再来说一下!

window相关的宽高

window是可以省略的,直接与window挂钩的宽高有如下几个!

window.innerWidth
window.innerHeight
window.outerWidth
window.outerHeight

展示如下:

enter image description here