前端测试代码怎么写( 二 ) _代码

6）提交给测试人员
当联调完成之后就可以将代码提交给测试人员。测试人员通过模拟真实数据来进行功能测试。之所以在测试阶段会有这么多问题，是因为：前后端联调的时候，对联调数据没太在意，以为数据跑得通就OK 。导致一上到真实环境出现一堆问题。另外一个原因是，测试人员往往不能够详细描述问题出现的情形，比如说：在什么情况下，做了什么操作之后，出现了什么样的结果。出现的频率。和预期的差别。实际得到的结果往往是：出现了某个问题，然后把错误一截图发给开发人员就没了。其实对于前端来说，需要知道做了哪些操作导致的bug往往是特别重要的。
4. 写前端代码,电脑是win10系统的,那应该怎么测试ie浏览器的兼容性浏览器兼容性有以下几个测试点：
1、页面加载时间；
2、含有Fream、DIV、ActivX等对象插件的页面，做兼容性测试。
3、采用第三方工具做专业性能测试，比如：IETester、BrowserShots 、Multiple IEs、IE netrenderer等。
测试细节：
1、测试页面有无异常，加载时卡滞或无响应，左下角状态栏有无报错警示。
2、国内、外网站都需要针对性对比测试。
3、对各个页面框架及php\cgi\asp各个语言版本均做一遍兼容性测试，以示综合兼容性准确。
5. 如何写高质量的JS,Html5前端代码首先，本人在前端开发方面有点心得，有什么不对的地方希望给出建议让我更好的进步1.命名在开发前必须有个命名规范来对代码统一规范团队代码结构，使代码可读性提高7a686964616fe4b893e5b19e313333633834382.注释我相信每个人看别人代码时看到密密麻麻的代码结构，相信每个人都会很头疼，即使想看也会看不下去，而且很耗时间，所以注释就变得尤其得重要，注释越清楚越详细我相信代码可维护性越高，而且更容易修改维护3.变量在js中变量无处不在，所以这么声明变量就变得尤其得重要，首先少使用全局变量，这样会增加加载速度，从而导致项目用户体验不好4.声明变量如果不用 var 会导致变量成为全局变量。
5.函数函数的参数数量函数的参数不应该超过 3 个。如果函数的参数超过 3 个，应该将一些参数进行封装。
6.函数参数传递只传函数需要的参数。如// 不推荐function greet(data){console.log('Hello, I am ' + data.name)；}// 推荐function greet(name){console.log('Hello, I am ' + name);}7.函数的功能一个函数只做一件事。
这有助于测试和代码复用。函数尽可能无副作用。
无副作用指不修改传入的参数和全局变量。8.减少重复代码. 记得在某个文章中看到说，如果重复的代码出现 3 次，就应该重构重复的代码。
. 松耦合. 一个函数只做一件事. 缓存一些计算结果9.避免全局变量. 从分配置和离逻辑代码. 不要修改不属于你的对象. 不属于你的对象包括. 浏览器原生对象，如 Object,Array等DOM，如 documentBOM，如 window类库对象如果想拓展浏览器原生对象的功能，可以创建函数，函数中把浏览器原生对象传入。如 Underscore.js 做的那样。
10.代码风格的统一11.尽可能的避免代码重复 . 如何减少重复的代码呢？. 在JS中，可以将重复的代码写成一个方法，如果是可通用的，可以写在独立的JS文件中。. 在CSS中，则需要借助Sass,Less之类的预处理语言的Mixins的功能。
将重复的部分写成一个Mixins 。12.配置和逻辑分开 . JS中，对于整个站的通用配置，写在config.js里。
如果是某个js的配置，在文件的开头，用defaultParam 对象来存放可变的配置，用const来定义不可变的配置. CSS中，依旧要借助预处理语言。对于整站的配置，定义在_variables.scss里。