我学习js grunt seajs html5 css3 等等各种前端工程师需要掌握的.and ....
我看别人页面的html源码是怎么做的,看到没有见过的东西就百度然后记在这里自己掌握:
我现在在看js高级程序设计第三版 快看完了. 我每天都会看极客学院的,慕课网的我喜欢看的视频.挑自己特别感兴趣的看.
我看QQ邮箱会在页面的最顶部加下面一段代码来判断是不是移动端以前我根本看不懂.现在感觉很容易
(function() { | |
if(isMobile()) { | |
location.replace("https://w.mail.qq.com"); | |
} | |
function isMobile() { | |
return navigator.userAgent.match(/Mobile|iPhone|iPad|Android/i) || Math.min(screen.height,screen.width) <= 480; | |
} | |
})(); |
我看有的视频称其是一个闭包,或者一个命名空间,js中没有命名空间(借鉴c#等面向对象语言的思想),但我明白应该尽量的少向全局作用域中添加属性或函数,上面这段代码应该是模仿级块级作用域(私有作用域).以上代码定义并立即调用了一个匿名函数.
以前我不知道为什么称他是一个闭包.我又看了一次闭包的定义:闭包是指有权访问另一个函数作用域中的变量的函数.这个匿名函数应该可以访问全局作用域中的属性所以可以称其为闭包对吧.(学习阶段有些东西确实不是那么确定,但是我相信随着知识的增长见识的增长各种知识的整合最终会彻底的明白).
我在有的网站见到一个这样的标签
html, body {
_overflow-x: hidden;
} 百度后:
//不显示横向的滚动条,左右区域的剪裁,前面加下划线是IE6的特性(css hack瞬间感觉高大上了啊 哈哈)
我看到别人总结的东西:我想搬过来:下面是关于css的东西
IE都能识别*;标准浏览器(如FF)不能识别*;
IE6能识别*,但不能识别 !important,
IE7能识别*,也能识别!important;
FF不能识别*,但能识别!important;
另外再补充一个,下划线"_",
IE6支持下划线,IE7和firefox均不支持下划线。
区别不同浏览器的CSS hack写法:
区别IE6与FF:
background:orange;*background:blue;
区别IE6与IE7:
background:green !important;background:blue;
区别IE7与FF:
background:orange; *background:green;
区别FF,IE7,IE6:
background:orange;*background:green !important;*background:blue;
我看到 发邮件的链接是这样的<a href="mailto:[email protected]" class="f-contact">联系我们</a>涨姿势了