Javascript平稳退化、渐进增强

【Javascript平稳退化、渐进增强】的更多相关文章

Javascript平稳退化、渐进增强

平稳退化 : javascript平稳退化就是如果一个浏览器完全不支持js或者禁用js的时候,它的基本功能不会受到任何影响.比方说一个网站使用了大量javascript来优化页面,我们现在把浏览器的javascript给禁用掉,这个网站的显示效果会变得比较糟,但是基本功能不会受到影响:登录页面可以正常登录,表单可以正常提交等. 一些网站如果禁用js,它的基本功能就会受到严重影响,比方说某个链接打不开,表单无法提交等,这些都是不能实现平稳退化的. 如,就像表单提交,通常可以用<input type…

JavaScript - 平稳退化

JavaScript使用window对象的open()方法来创建新的浏览器窗口.这个方法有三个参数:window.open(url,name,features)这三个参数都是可选的.1.第一个参数是想在新窗口里打开的网页的URL地址.如果省略这个参数,屏幕上将弹出一个空白的浏览器窗口.2.第二个参数是新窗口的名字.可以在代码里通过这个名字与新窗口进行通信.3.最后一个参数是一个以逗号分隔的字符串,其内容是新窗口的各种属性.这些属性包括新窗口的尺寸(宽度和高度)以及新窗口被启用或禁用的各种浏览功能…

Web设计思想——渐进增强

最近在拜读一本Web体验相关的书<渐进增强--跨平台用户体验设计 >,阅读后做些总结,消化一下书中的精髓. 在阅读本文前,可以先思考下面几个问题. 1. 浏览网页的目的是什么? 2. 浏览网页的时候会碰到哪些问题? 3. 用什么方法来解决这些问题? 4. 这些方法具体的实施步骤有哪些? 一.契机 1)内容内容是Web页面的核心,也是用户浏览页面的目的.内容可以是某些信息或某个功能,用户浏览网页就是为了获得它们.接下来所做的一切都是为了让内容脱颖而出,向用户传达更清晰明确的意义,传递更准确.更…

javascript DOM 编程艺术札记2 平稳退化

定义指的是即便浏览器不支持javascript,页面的基础展示功能也不会受到影响的做法. 不能平稳退化的实例 javascript:这种伪协议,它可以通过链接调用javascript函数.比如<a href="javascript:popUp('http://www.example.com');">example</a> 内嵌的事件处理函数 <a href="#" onclick="popUp('http://www.exa…

平稳退化，JS和HTML标记分离，极致性能的JavaScript图片库

index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JavaScript图片库</title> <script type="text/javascript" src="placeholder.js"></script> &l…

JavaScript DOM编程艺术读后感（1）—— 平稳退化

最近,在读<JavaScript DOM编程艺术(第二版)>这本书,想着将自己的读后感记录下来,作为记忆吧. 其实我并不是最近才刚开始读这本书的,我读了有一段时间了.我是一名web前端开发人员,喜欢前端,但是我不喜欢只知其然而不知其所以然的这个感觉,它让我感觉到恐惧.所以我决定充实一下自己的大脑.现在的人一说学习,都跑去网上看视频,跟着视频敲代码,说实话,这是一种快速入门的方法,能让我们快速的掌握这些开发技巧.但是也只有这点作用了,这就像工厂里面的工作一样,假如你是让别人告诉你第一步做什么,第…

HTML和JavaScript代码分离、平稳退化（1）

使用的编辑器是Hbuilder,浏览器是Chrome. HTML和JavaScript代码分离,会使得修改网页功能和代码的阅读与维护会轻松的许多,不用在DOM中阅读大量的JavaScript代码. 文中主要是一个图片库的实现,是在学习JavaScript DOM编程艺术一书时的随笔,如有理解不对,或是有明显错误的地方还请指出. HTML的代码部分: <!DOCTYPE html><html><head><meta charset="utf-8"…

web前端的渐进增强式开发模型

渐进增强是前端开发的根本基础.从根本的层面上讲,它可以将HTML,CSS,JavaScript这三者的功能分离开来,这能让当前的项目开一个好头.我们在创建项目的开始要将这三者分开,它们对应的称呼是结构层.表现层.行为层.这种方式可以原封不动地套用在网页设计之外的其他领域中,无论怎么说,他都是一种自底向上或由内而外的模型,我们应该以此来构建网站. 渐进增强是一种分层设计的网页开发方式,其重点是强调内容,用户和易访问性.模型的目的是让这三层自上而下依赖:javascript依赖CSS,CSS依赖HT…

css优雅降级和渐进增强

今天看前端公众号发布的文章,学到了几个新词 1.modernizr 2.@support 3.优雅降级其中第三个“优雅降级”,如此文艺的名字居然还是第一次听到.度娘了一下,发现[优雅降级],[渐进增强]两个是相对的概念,总之上面三个词汇都与对css样式的支持息息相关. 所谓[优雅降级]与[渐进增强]并不难以理解,是不同的设计模式 [优雅降级]:通俗来讲,是我们首先满足的是“新“,比如当前的CSS3一些新的特性<canvas><video>……当前所流行的浏览器版本并不完全支持.也…

HTML5跨浏览器表单及HTML5表单的渐进增强

HTML5跨浏览器表单 http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-cross-browser-html5-forms/ HTML5表单的渐进增强 http://css-tricks.com/progressively-enhancing-html5-forms/…