对于前端的人来说，想要入门Web前端技术，首先要了解的当然是Web前端有哪些知识点是必须掌握的。从前端产生到现在，已经从简陋的HTML，CSS，JavaScript三把刷子做出来静态网页的时代，发展到现在视觉效果酷炫，适用终端广泛，开发手段丰富多样的更广阔的发展时代。HTML、CSS，JavaScript是学习前端的基础，特别是JavaScript，我们对前端基础的掌握程度，极大程度上体现在对JavaScript的掌握程度上。所有的浏览器引擎运行的脚本语言都是JavaScript，我们使用的框架也是用JavaScript开发的。此外，我们还需要学习运行的机制和原理。不仅是框架的原理，也还包括JavaScript语言和浏览器引擎的原理。高级前端工程师对于框架和语言的理解绝不会停留于了解API的层面上，需要深入到了解内部原理和运行机制的层面上。

一、易用性

1、便于使用、理解、并能减少用户发生错误选择的可能性

2、当数据字段过多时，使用便于用户迅速吸取信息的方式表现信息，突出重点信息，标红等方式

3、显示与当前操作相关的信息，给出操作提示。

4、界面要支持键盘自动浏览按钮功能，即按Tab键、回车键的自动切换功能

5、对于常用的功能，用户不需要阅读用户手册就能使用

二、一致性

1、是否符合广大用户使用同类软件的习惯

2、表现形式的一致性，字体、按钮、控件风格、颜色、术语、提示信息等。(需要有一个全局的概念，不要每个模块都按照他们自己的风格做，结果每个模块效果做出来都不一致，这也是至关重要的所有要测试人员认真检查)

3、交互习惯的一致性，查询、新增、编辑、删除等操作，并保证同一操作类型按钮名称一致。(顺序一致，页面位置也要尽量相同。)

4、当输入框为不可输入或控件为不可使用状态时，统一为灰色不可输入状态;

三、有序性

1、界面文字、表单、图标等元素根据业务规则、使用频率排列

2、Tab键的顺序与控件排列顺序要一致，目前流行总体从上到下，同时行间从左到右的方式

3、必填项提示信息按照从上到下，从左到右的提示方式依次提示

四、安全性

1、ID/密码验证方式中能否使用简单密码。如密码标准为6位以上，字母和数字混合，不能包含ID，连续的字母或数字不能超过n位

2、ID/密码验证方式中，连续数次输入错误密码后该账户是否被锁定

3、不登录系统，直接输入登录后的页面的url是否可以访问，(添加拦截器)

4、退出登录后按后退按钮能否访问之前的页面(确认在退出后他的session的信息被注销)

5、当用户无意录入无效和不符合相关规范的数据(如电子邮箱就需要验证他的邮箱格式是否正确)时，并且给予提示信息

6、在用户作出危险的选择时有信息进行提示，比如要删除系统的重要数据，或者这种操作可能对系统造成其他的影响。

7、对可能引起致命错误或系统出错的输入字符或动作要加限制或屏蔽

8、给用户提供UNDO功能用以撤销不期望的操作

9、输入的特殊字符是否能正确处理：`~!@#$%^&*()_+-={}[]|\:;”’ <>,./?

五、灵活性

1、用户能*的作出选择，且选择都是可逆的

2、用户方便的使用即互动多重性，不局限于单一的工具(包括鼠标、键盘或软键盘)

3、当页面数据暴涨，出现较长列表时，是否有滚动条保证页面显示完整的信息。

六、人性化

1、用户可依据自己的习惯定制界面，并能保存设置

2、提供常用的快捷方式

3、尽量减少用户输入动作的数量，加快输入的速度:例如,日期等可以提供默认显示当天日期并且可以进行清除和选择日期，下拉默认选中“请选择”，单选框默认选取使用频率最高的选项等

4、是否用合理的最少步骤实现常用的操作，获得高效率

5、是否提供进度条、动画等反映正在进行的比较耗时间的过程，(特别有的操作可能造成长时间等待，没有直观的呈现出现在的操作状态或相关的提示信息，容易让不熟悉系统的人误会系统出现了问题)

6、是否为重要的操作返回必要的结果信息如：成功，失败(失败的原因)，正在执行

7、重要的对象是否用醒目的色彩表示，

8、色彩使用是否符合行业的习惯，界面的色调是否让人感到和谐、满意

七、页面检查

1、界面布局有序，简洁，符合用户使用习惯

2、界面元素是否在水平或者垂直方向对齐

3、界面元素的尺寸是否合理

4、行列间距是否保持一致

5、是否恰当地利用窗体和控件的空白，以及分割线条

6、窗口切换、移动、改变大小时，界面显示是否正常

7、刷新后界面是否正常显示合理布局

8、不同分辨率页面布局显示是否合理，整齐，分辨率一般为1024*768 > 1280*1024 >800*600

9、不同的浏览器下渲染出来的页面是否存在变形的情况。

八、弹出窗口

1、弹出的窗口应垂直居中对齐

2、对于弹出窗口界面内容较多，须提供自动全屏功能

3、弹出窗口时应禁用主界面，保证用户使用的焦点

4、活动窗体是否能够被反显加亮

九、页面正确性

1、界面元素是否有错别字，或者措词含糊、逻辑混乱

2、当用户选中了页面中的一个复选框，之后回退一个页面，再前进一个页面，复选框是否还处于选中状态

3、导航显示正确

4、title显示正确

5、页面显示无乱码

6、需要必填的控件，有必填提醒，如 *

7、适时禁用功能按钮(如权限控制时无权限操作时按钮灰掉或不显示;无法输入的输入框disable掉)

8、页面无js错

9、鼠标无规则点击时是否会产生无法预料的结果

10、鼠标有多个形状时是否能够被窗体识别(如漏斗状时窗体不接受输入

十、控件检查

1、查询时默认显示全部

2、选择时默认显示请选择

3、禁用时样式置灰

十一、复选框

1、多个复选框可以被同时选中

2、多个复选框可以被部分选中

3、多个复选框可以都不被选中

4、逐一执行每个复选框的功能

5、当复选框太多时，提供全选和全不选的功能

十二、单选框

1、一组单选按钮不能同时选中，只能选中一个

2、一组执行同一功能的单选按钮在初始状态时必须有一个被默认选中，不能同时为空。