前端(杂乱)

我学习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>涨姿势了

时间: 2024-10-12 17:23:54

前端(杂乱)的相关文章

一些前端基础知识的杂乱记录(待整理)

修改p标签的值 js: 获取id为ppp的p里面的数据是:document.getElementById('ppp').firstChild.nodeValue; 修改id为p1的内容 document.getElementById('p1').innerHTML="我P君又回来了"; jQuery: $("#p1").html("我P君又回来了"); 隐藏/展示jQuery <!DOCTYPE html> <html>

关于前端结构调整的一次实践

先状: 刚毕业,到一家中小型互联网企业做前端开发,所在部门的前端之前做.net的,我来了之后前端交给我了,前辈就没管前端了:前端结构很简单:html/css/js/imgs,四个文件夹,页面上直接引用对应文件夹的文件,因为涉及到几个项目,我暂且只能在此基础上继续开发. 问题: 1.没啥大问题:2.单个文件会出现臃肿.杂乱的情况,随着项目往后走,本地开发很不便于维护:3.文件多了后,相互之间的依赖.命名空间.作用域的问题,总会意想不到的出现:4.需求或BUG交叉出现时,会非常头疼;5.js文件被后

简述WEB项目前端脚本的一次重构历程,labJs,requireJs实践[转载]

重构前的状态:    大量的js代码混在繁多的Jsp文件中,对第三方的js库依赖也很杂乱.虽然在部分交互性较强的页面中,将js代码分离到了独立的js文件中,但是代码结构及依赖管理依然很乱.不说新人来了无所适从,就是我自己看了,也会一头雾水.不是代码有多深奥,是看着实在太累.于是,一次重构工作开始了. 重构中的事情:    1.首先,整个项目的页脚页头都有用到一些js和js库,这些具有共性的js先抽离到一个独立的head.js与foot.js中,放到include文件夹下.    2.对于公用的j

【blade的UI设计】理解前端MVC与分层思想(bat面试深度回顾)

前言 这里扯到面试,完全是因为最近校招要来了,很多大三的同学一定按捺不住心中的焦躁,其中有期待也有彷徨,或许更多的是些许担忧,最近在开始疯狂的复习了吧 这里小钗有几点建议给各位: ① 不要看得太重,关心则乱,太紧张反而表现不好 ② 好的选择比坚持更重要 这点小钗便深有体会了,因为当年我是搞.net的,凭着这项技能想进bat简直就是妄想,于是当时我就非常机智的转了前端,另一个同学也非常机智的转了安卓 所以各位想进大公司,还需要提前关注各个公司最大的缺口是什么,找不准缺口基本无望进大公司的 ③ 积累

前端UI框架技术选型

需求 为了重构应用开发平台的前端,对目前的UI框架技术进行调研,有以下的标准: 1 要有丰富的控件以便支持大多数的mis系统的需求,如tree/table等 2 轻量不复杂,学习成本少 3 有统一的界面风格与调用接口 4 方便扩展 5 文档丰富 6 社区活跃 UI框架调研 复杂度 开发模式 开源 收费 组件 稳定性 扩展性 性能 兼容性问题 调试 学习成本 可读性 文档 社区 extjs 高/重量 桌面应用/js Y Y 很丰富 高 好/复杂 慢 一点 难 高 差 丰富 活跃 easyui 轻量

前端Js框架汇总【转】

概述: 有些日子没有正襟危坐写博客了,互联网飞速发展的时代,技术更新迭代的速度也在加快.看着Java.Js.Swift在各领域心花路放,也是煞是羡慕.寻了寻.net的消息,也是振奋人心,.net core 1,mono,xamarin等等,但大多都还在狂吼的阶段.其实一直以来对技术的理解是技术服务于业务和产品,产品又在不同程度的推进着技术的演进. Web.无线.物联网.VR.PC从不同方向推进着技术的融合与微创新.程序员在不同业务场景下的角色互换.而随着node.js的出现语言的角色也在发生着转

前端笔试总结

一.HTML和CSS 1.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? IE: trident内核 Firefox:gecko内核 Safari:webkit内核 Opera:以前是presto内核,Opera现已改用Google Chrome的Blink内核 Chrome:Blink(基于webkit,Google与Opera Software共同开发) 2.每个HTML文件里开头都有个很重要的东西,Doctype,知道这是干什么的吗? <!DOCTYPE> 声明位于文档中的最

前端开发构建:13 种热门工具的选型参考

前言 在前端项目的规模和复杂性不断提升的情况下,各类构建思想和相应工具层出不穷.本文竭己所能对比了当下13个构建工具,包括 Browserify. Webpack. Rollup. Grunt. Gulp和 Yeoman6个广为流行的工具, FIS. Athena. WeFlow和 Cooking等4个国产工具,以及三大框架: React, Vue和 Angular的官方脚手架.希望能在项目初期的构建工具选型上为大家提供些参考. 全览 构建工具可以分为三类:模块化打包类.任务流构建类和集合型工具

前端js,如何在结构化与性能中做取舍。

js发展中的问题 随着前端web技术的发展,js要解决的问题也变得越来越多,越来越复杂. 解决更复杂的问题,需要更好的结构. 解决更复杂的问题,也需要更好的性能. 结构的优化在一定程度上会牺牲性能,同样的,性能的优化也有可能会破坏原有的结构. 一般化的例子 我们先来看看以前这些问题是如何(被)解决(妥协)的. jquery vs 原生api 回到10年前,精通jquery是前端程序员的一个里程碑,没有人执着于原生api.原生api有更好的性能,jquery有更好的结构.但问题在于开发效率的提升,