酒店服务员和程序员哪个更好_软件运维

程序员更好。

程序员需要拥有一定的计算机 *** 作技术，且工资待遇相对更高。

但配谈是做服务员，虽然开始是比较低的冲隐，无论地位还是工资，但是提升空间较大，而且处处锻炼了你的沟通能力，你能力强了，可以向比较广泛的散卖厅方向发展。可以依你个人情况而定。

作为迅袭一名程序员，我们会遇到和很多的开发问题，本章内容小编就为大家分享一篇如何用JS实现网页抢购功能，以下我们是通过chrome浏览器的开发者功能，咐昌厅实现如何用JS代码完成抢购功能以及如何通过chrome浏览器调试并加载自己写的JS。

涉及到的内容：

1.chrome浏览器

2.js代码

3.函数节流

第一步

打开chrome浏览器，使用组合键Ctrl+shift+i打开开发者工具，接下来如图所示。

点击snippets

第二步

如图所示

点击new snippet -->输入脚本‘名称'-->Ctrl+s保存。

第三步

如图所示

选择新创建的脚本‘名称'，在如图所示的第二步进行编辑js代码。最后如第三步所示：run 运行代码。

js脚本代码

1.以下是网站上的代码：

抢购

/**

* 抢购按钮

* */

btn.οnclick=function(){

console.log('抢购成功！')

}

每次点击抢购控制台输出抢购成功！

2.脚本代码/**

* 最简单的脚本代码

* 版本1.0.1

btn.click()//触发按钮执行click事件

/**

* 使用for循环执行抢购的脚本代码

* 版本1.0.2

* */

for(var i=0i<100i++){

btn.click()

}

通过上边的脚本js代码可以知道，我们可以在chrome浏览器内置脚本，并控制执行。

当开发人员模拟真实环境的高并发情况，咱们就可以使用这种脚本的方式模拟测试。通过刚刚的脚本我们发现我们开发的页面中的js是有很多问题的。假设【抢购按钮】触发的是请求数据接口。则会出现在一个时间内发出n个请求。处理这个问题可以参考防止重复提交

防止ajax重复提交

提交

/**

* 模拟ajax提交

* @fn 回调函数

* */

function Ajax(fn){

setTimeout(function(){

var data= {result:true,msg:'提交成功！'}

fn(data)

},2000)

}

/**

* btn click 提交事件

* */

btn.οnclick=function(){

//检查按钮是否被锁住，锁住直接rerun

if(btn.getAttribute('lock')){

return

}

//上锁

btn.setAttribute('lock',1)

//更改状态

btn.innerText='提交中...'

//模拟ajax提交

Ajax(function(data){

//请求成功

if(data.result){

console.log('请求成功')

//请求成功解锁

btn.setAttribute('lock',"")

//还原状态

btn.innerText='提交'

}else{

console.log('请求失败')

//请求失败解锁

btn.setAttribute('lock'衡隐,"")

//还原状态

btn.innerText='提交'

}

})

}

也可以使用函数节流方式处理。如下代码：//网站上写的代码

/**

* 抢购按钮

* */

btn.οnclick=function(){

throttle(function(){

console.log('抢购成功！')

},500)

}

/**

* 函数节流

* @fn {function} 回调函数

* @time {number} 时间，毫秒

* */

function throttle(fn,time){

if(throttle.id){

clearTimeout(throttle.id)

}

throttle.id=setTimeout(function(){

fn()

},time||200)

}

通过以上方式我们可以过滤掉恶意循环触发事件。这种函数节流方式也得到大家的一致认可与推广。

以上内容是JavaScript实现网页抢购功能的教程，不仅如此，我们还学会了制做简单的js脚本，也学到一种简单的阻止js脚本的方，大家赶紧动手 *** 作一下吧。

酒店服务员和程序员哪个更好

发表评论

评论列表（0条）