程序员:最绝望的面试代码写了4个小时,就是不运行!最终收到15K的offer

今天小编我去逛了程序员论坛 ,看到了一位大佬程序员写的博文:绝望的一次面试,敲了四个小时代码,好在最后收到了15K的offer,博主是位211毕业 的应届生,大学编程学的C++,后来自学前端,现在JavaScript和HTML5移动端都学的挺好,今年六月刚毕业,但是大学就已经做了一些项目了,所以去面试时,别人程序员早早写完作品走人了,就博主一个人一直在敲,最后写完后,技术面试官给他开了15K的月薪,本身就是一个哔哩哔哩动画的手机端项目,小编我自己也把他的项目文件整个下了下来,运行了一下,暂时没有发现BUG,分享给头条上的小伙伴学习,想要自己练手的小伙伴可以下载一份自己做下,对能力有很大的提升。

分享之前我还是要推荐下我自己的前端学习群:595549645,不管你是小白还是大牛,小编我都挺欢迎,不定期分享干货,今天的哔哩哔哩动画手机端源码已上传,包括我自己整理的一份2017最新的前端资料和零基础入门教程,欢迎初学和进阶中的小伙伴。

效果图如下:

程序员:最绝望的面试代码写了4个小时,就是不运行!最终收到15K的offer

程序员:最绝望的面试代码写了4个小时,就是不运行!最终收到15K的offer

程序员:最绝望的面试代码写了4个小时,就是不运行!最终收到15K的offer

部分源码分享(完整源码文末有领取地址)

程序员:最绝望的面试代码写了4个小时,就是不运行!最终收到15K的offer

程序员:最绝望的面试代码写了4个小时,就是不运行!最终收到15K的offer

感受下文件:

程序员:最绝望的面试代码写了4个小时,就是不运行!最终收到15K的offer

程序员:最绝望的面试代码写了4个小时,就是不运行!最终收到15K的offer

最后在对各位刚刚入门前端的程序员提点建议:

(程序员/程序员/程序员/程序员/程序员/程序员/程序员/程序员/程序员/程序员/程序员/程序员/程序员)

  1. “君子生非异也,善假于物也”,在学习的过程中还要多浏览一些优秀的网站,善于分析借鉴其设计思路和布局方法,见多方能识广,进而才可以融会贯通,取他人之长为我所用。

  2. 同时还要善于使用Firebug这个利器。Firebug一方面可以在我们学习过程中帮助我们调试自己的页面,另一方面我们可以使用Firebug方便地查看、分析别人网站的源代码,“偷”也是一种技能!

  3. 这个程序员仿哔哩哔哩动画手机端页面的案例到这里就做结束了,想要完整代码自己学习练手的小伙伴进我的群自助领取,已经上传到群文件里了:595549645,欢迎初学和进阶中的小伙伴。

如果想看到更加系统的文章和学习方法经验可以关注我的微信公众号:‘web前端课程’关注后回复‘给我资料’可以领取一套完整的学习视频

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个大小不超过15k字节的 HTML 设备控制范例: ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>设备控制界面</title> <style> body { font-family: Arial, sans-serif; text-align: center; background-color: #f2f2f2; } h1 { margin-top: 40px; margin-bottom: 20px; } button { font-size: 18px; padding: 10px 20px; margin: 10px; border: none; border-radius: 5px; background-color: #4CAF50; color: #fff; cursor: pointer; } button:hover { background-color: #2E8B57; } .status { font-size: 24px; margin-top: 40px; margin-bottom: 20px; } </style> </head> <body> <h1>设备控制界面</h1> <button id="on">开</button> <button id="off">关</button> <p class="status">设备状态:未知</p> <script> // 获取按钮元素和状态元素 var onBtn = document.getElementById('on'); var offBtn = document.getElementById('off'); var statusEl = document.querySelector('.status'); // 给按钮绑定点击事件 onBtn.addEventListener('click', function() { // 发送请求控制设备开启 controlDevice('on'); }); offBtn.addEventListener('click', function() { // 发送请求控制设备关闭 controlDevice('off'); }); // 发送请求控制设备 function controlDevice(action) { // 发送 AJAX 请求 var xhr = new XMLHttpRequest(); xhr.open('POST', '/api/control', true); xhr.setRequestHeader('Content-Type', 'application/json'); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { // 请求成功,更新状态元素 var res = JSON.parse(xhr.responseText); statusEl.textContent = '设备状态:' + res.status; } }; xhr.send(JSON.stringify({ action: action })); } </script> </body> </html> ``` 这个范例中,页面包含一个标题、两个按钮和一个状态元素,使用了简单的样式和布局。通过给按钮绑定点击事件,可以发送 AJAX 请求控制设备的开启和关闭,并且在请求成功后更新状态元素。你可以根据具体需求进行修改和扩展。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值