
课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
通过互联网来获取信息是目前大多数用户都在使用的一种信息渠道,而本文我们就通过案例分析来了解一下,网页开发都有哪些注意事项。
1)无JavaScript
不要把所有的用户体验都寄托在JavaScript上,会有很多情况导致浏览器不能使用JavaScript,当出现这种情况的时候,至少要让网页可访问,把风险降到低。
2)特性检测
JavaScript是零容错,要想代码足够健壮,特性检测是必需的。特性检测就是把代码封装在一些代码块中,针对不同兼容要求的浏览器运行不同的代码,避免报错风险。
3)建立低限度的代码支持
写一部分通用的,低限度也要支持的JavaScript(如cookie),然后通过附加特性检测的方法去引入那些增强体验的高级JavaScript代码(如localStorag)。
4)区分对待
微软提供了一种叫做“条件注释”的私有技术。所有的IE可识别
5)创建页面所需的结构
用JavaScript去生成有着强依赖关系的HTML结构,这样做既可以让页面轻量,也会降低页面维护的难度,因为HTML和JavaScript代码都在同一个地方进行管理了。换句话说,将通用或复杂的功能,封装成组件或插件。
6)自定义属性
data属性是一种自定义属性,明晰的data属性可以通过降低开发维护成本的方式使页面的渐进增强设计变得更加容易。在表单验证插件中,将验证规则和提示直接定义在data属性内,让内容和逻辑解耦,减少JavaScript代码的文件尺寸,让界面开发更轻松。
7)鼠标事件之外
设计者们常常会忽略那些不使用鼠标,而是用其它输入终端用户的需求,渐进增强的设计思想要求在任何可提升体验的地方要留心。
1.发挥键盘的作用,键盘依然是一个很有用的输入媒介,作为一个标准程度较高的输入工具,对于视觉障碍用户和一些计算机较为熟练的用户来说,重要性是不可取代的。
2.提升触屏体验,鼠标的移动是连续的,而触屏上面的手指移动是跳跃的,不要把基于鼠标的设计思维迁移到触摸屏幕上。
8)不要依赖网络状况
人们的上网环境在一天之内可能会在蜂窝网络、WIFI连接、4G、3G之间随时切换,有时还会进入完全没有信号的地方,当没有网络的时候,可以做些缓存或离线处理。
1.将数据存储在客户端,将表单数据捕获为一个JSON对象,并缓存起来,然后提醒用户,当网络恢复,将数据提交给服务器。
2.丰富离线体验,如果你的网站功能性大于内容性,离线技术会让网站变得易于安装。
【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。