├── README.md ├── code └── demo.js ├── entry.css ├── entry.html ├── entry.js └── entry.less /README.md: -------------------------------------------------------------------------------- 1 | # 使用方法介绍 2 | 3 | * Js文件放在code文件夹内 4 | * 修改页面的entry.js文件的第4行，选择要调试的js代码 5 | * 第一个的框写测试数据 6 | * “执行”按钮：执行数据 7 | * “重新测试”按钮：（不刷新页面的情况下）重新测试数据，点完后需再点一下“执行” 8 | * “刷新”按钮：刷新页面 9 | * 结果会在第二个的输出框打印出来 10 | * 调试的功能当然还是由chrome的开发者工具来实现 11 | 12 | ![mark](http://qiniu.xiaozi1931.com/blog/170911/BlIEHhBFfi.gif) 13 | 14 | ## 注意 15 | **程序超级简陋，只为实现基础功能。** 16 | 17 | * 填测试数据的时候，**一开始不要打回车或者空格什么的，顶格写数据** 。因为没写过滤的函数，实在抱歉，后面有时间再完善吧。 18 | * 如果想用es6的语法，建议将代码调试的时候讲代码用大括号括起来“{}”，不然“重新测试”的按钮用不了，因为其变量不能重复定义的关系。 19 | * readline()和print()的使用和牛客提供的一样： 20 | 21 | ![mark](http://qiniu.xiaozi1931.com/blog/170911/li2eDHfaAk.png) 22 | 23 | * entry.js文件是整个项目的核心，代码很简单，可以自己进行更改 24 | -------------------------------------------------------------------------------- /code/demo.js: -------------------------------------------------------------------------------- 1 | 2 | /* 3 | *跟牛客的一样，读取数据用的是readline(),读进来的是字符串 4 | *输出用的是print() 5 | */ 6 | 7 | 8 | var num1 = readline(); //读第一行 9 | var num2 = readline(); //读第二行 10 | 11 | 12 | 13 | print(parseInt(num1)+parseInt(num2)); //输出 -------------------------------------------------------------------------------- /entry.css: -------------------------------------------------------------------------------- 1 | #data { 2 | display: block ; 3 | font-size: 14px; 4 | } 5 | .btn { 6 | margin-top: 5px; 7 | width: 100px; 8 | text-align: center; 9 | } 10 | #result-con h1 { 11 | font-size: 14px; 12 | } 13 | #result-con #result { 14 | outline: none; 15 | } 16 | -------------------------------------------------------------------------------- /entry.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 |

12 | 13 | 14 | 15 | 16 |

17 | 18 |
19 | 20 |

21 |

执行结果：

22 | 23 |

24 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /entry.js: -------------------------------------------------------------------------------- 1 | /*加载js文件*/ 2 | var excute = function(){ 3 | var script = document.createElement("script"); 4 | script.src = "./code/demo.js"; 5 | document.body.appendChild(script); 6 | } 7 | 8 | 9 | /*读取一行数据*/ 10 | var readline = function () { 11 | var data = '\n' + document.getElementById('data').value + '\n'; 12 | 13 | readline.count = ++readline.count || 1; 14 | 15 | var line = [], 16 | nNum =0; 17 | 18 | for(var i = 1,vlen = data.length; i < vlen; i++){ 19 | if(data[i] === '\n'){ 20 | nNum +=1; 21 | } 22 | 23 | if(nNum === readline.count){ 24 | for(var ii = i-1; data[ii] != '\n'; ii--){ 25 | line.push(data[ii]); 26 | } 27 | 28 | line = line.reverse(); 29 | 30 | for(var ii = 0;ii