渐进增强 progressive enhancement:针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果.交互等改进和追加功能达到更好的用户体验. 优雅降级 graceful degradation:一开始就构建完整的功能,然后再针对低版本浏览器进行兼容. 区别:优雅降级是从复杂的现状开始,并试图减少用户体验的供给,而渐进增强则是从一个非常基础的,能够起作用的版本开始,并不断扩充,以适应未来环境的需要.降级(功能衰减)意味着往回看:而渐进增强则意味着朝前看,同时保证

前端开发全面知识库,包括HTML5,CSS3和js的基本框架知识,以及DOM和BOM操作的基础知识和一些基本工具和IDE.学习本篇,你将了解到以下知识. 核心 Core HTML5 W3C http://www.w3school.com.cn/html5/ W3C https://www.w3.org/html/ig/zh/wiki/HTML5 菜鸟教程 http://www.runoob.com/html/html5-intro.html HTML5中文门户 http://www.html5c

什么是 CSS 特性检测?我们知道,前端技术日新月异的今天,各种新技术新属性层出不穷.在 CSS 层面亦不例外. 一些新属性能极大提升用户体验以及减少工程师的工作量,并且在当下的前端氛围下: 很多实验性功能未成为标准却被大量使用: 需要兼容多终端,多浏览器,而各浏览器对某一新功能的实现表现的天差地别: 所以有了优雅降级和渐进增强的说法,在这种背景下,又想使用新的技术给用户提供更好的体验,又想做好回退机制保证低版本终端用户的基本体验,CSS 特性检测就应运而生了. CSS 特性检测就是针对不同浏览

  Modernizr是一个开源的JS库,它使得那些基于访客浏览器的不同(指对新标准支持性的差异)而开发不同级别体验的设计师的工作变得更为简单 传统浏览器目前不会被完全取代,令你难以将最新的 CSS3 或 HTML5 功能嵌入你的网站. Modernizr 正是为解决这一难题应运而生,作为一个开源的 JavaScript 库,Modernizr 检测浏览器对 CSS3 或 HTML5 功能支持情况. Modernizr 并非试图添加老版本浏览器不支持的功能,而是令你通过创建可选风格配置修改页面设

摘要:面试题是招聘公司和开发者都非常关心的话题,公司希望通过它了解开发者的真实水平和细节处理能力,而开发者希望能够最大程度地展示自己的水平(甚至超常发挥).本文提供了众多前端开发面试题,无论是招聘方还是应聘方都值得一看! reference:http://www.csdn.net/article/2012-10-18/2810902-Front-end-Developer-Interview-Questions 一般问题 你用Twitter吗? (在天朝最好问你用微博吗?) 如果用,你都关注那些

前端面试题目搜集 一.理论知识 1.1.讲讲输入完网址按下回车,到看到网页这个过程中发生了什么 a. 域名解析 b. 发起TCP的3次握手 c. 建立TCP连接后发起http请求 d. 服务器端响应http请求,浏览器得到html代码 e. 浏览器解析html代码,并请求html代码中的资源 f. 浏览器对页面进行渲染呈现给用户 参考<一次完整的HTTP事务是怎样一个过程>   1.2.谈谈你对前端性能优化的理解 a. 请求数量:合并脚本和样式表,CSS Sprites,拆分初始化负载,划分主

笔者的经历在知乎就可以看到,大学专业是数字媒体艺术,大一实习过动效设计师,大二拿到了人生第一个大公司的 offer 是交互设计师,后来转岗到淘宝旅行的前端团队,现在在微信电影票做前端研发.也是走过了不少野路子,不过还好有小右哥 @尤雨溪 这样艺术/设计转前端的大神在前面做典范,也证明这条路是玩的通的 接下来就说说自己的学习建议吧,一个小教程,也是自己走过的流程,仅供参考哈 ---- 背景篇 在这个时代学习新东西,一定要善于使用 Bing/Google 等搜索引擎-网络上的资源非常丰富,自学能力也

万不可投机取巧,只求面试过关是错误的! 原文和答案在我Github上: https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions 不定期会更新. 面试有几点需注意:(来源程劭非老师 github:@wintercn) 面试题目: 根据你的等级和职位变化,入门级到专家级:广度↑.深度↑. 题目类型: 技术视野.项目细节.理论知识,算法,开放性题,工作案例. 细节追问: 可以确保问到你开始不懂或面试官开始

一些开放性题目 1.自我介绍:除了基本个人信息以外,面试官更想听的是你与众不同的地方和你的优势.  2.项目介绍  3.如何看待前端开发?  4.平时是如何学习前端开发的?  5.未来三到五年的规划是怎样的? position的值, relative和absolute分别是相对于谁进行定位的? absolute :生成绝对定位的元素, 相对于最近一级的 定位不是 static 的父元素来进行定位. fixed (老IE不支持)生成绝对定位的元素,通常相对于浏览器窗口或 frame 进行定位. r