web前端设计基础知识.docx

《web前端设计基础知识.docx》由会员分享，可在线阅读，更多相关《web前端设计基础知识.docx（3页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、 web前端设计基础知识 JavaScript的根本数据类型 内置对象的常用方法 理解大事机制 理解原型继承 理解作用域问题 理解模块化 性能优化 知道根本的编程语法，比方循环，推断，try/catch 等等 理解包括多种函数定义以及赋值的方式，包括匿名函数 理解根本的命名空间，全局(window)空间以及对象空间(不包括闭包) 理解上下文的角色以及 this 变量的使用 理解各种对象以及函数的初始化和声明方式 理解 javascript 比拟操作符，如, =, =，以及对象和字符串比拟的原理和对象映射 理解对象属性和函数的数组索引，以及这和真实的数组之间的区分。 Web前端设计排版技巧 一、

2、强调字体 字体的设计与强调在网页当中相当重要，适宜的排版和适当的字体强调，不仅可以让用户快速的抓住网站中的重点，同样可以增加网站对用户的吸引力 二、单页面设计 随着互联网的进展，用户的习惯更倾向于鼠标滚轮。在用户的体验和习惯方面来讲，与其在多个页面中来回点击查看，不如直接滚轮来的便利。 三、网页色块设计 随着互联网的进展和H5的消失，网站网页的排版方式越来越倾向于简洁大方，这最根本的缘由在于：用户的视觉和心理。不同的色块放在一起形成剧烈的比照，要么以纯文字形式，要么以方形照片配上文字形式，这两者在肯定程度上刺激了用户的视觉兴趣，进而使用户连续探究。 四、背景 网页以什么样的方式作为背景呢?纯色

3、?渐变?图片?这三种都是可以的，但以商业化为目的展现，用照片作为网站网页的背景，不仅可以到达展现的目的，而且还可以到达剧烈的视觉表达效果。这种设计方式在时尚、品牌和旅游等行业最为常见。 五、图片 简约、设计时尚、颜色比照突出，表达清晰、突出目的的大图，是许多网站开发者所追捧的。同样与枯燥的文字相比，用户也更情愿连续欣赏这样的网站。 六、响应式设计 随着手机和移动端设备广泛的被人们使用，响应式设计成为目前网站开发比不行少的内容。不仅能节约开发者的本钱和时间，更能便利用户在不同尺寸的设备上畅通无阻的扫瞄你的网站。 七、视差滚动 让多层背景以不同的速度移动，形成运动视差的3D效果，这样的效果以后很可能会在H5的网站中更加常见和流行 Web前端设计原则 KISS原则(Keep it Simple and Stupid) 一切尽可能简洁，简洁，简洁! 简洁就是美，能简洁的绝不简单 DRY原则(Dont Repeat Yourself) 顾名思义，任何一段代码假如需要复制第三次，需要进展抽象 最少知道原则 高内聚，低耦合，任何事物应当保持对外界的最少知道原则 分治原则 简单的问题，负责的功能，应当拆分，由更小的局部组成