当前位置: 首页 > Web前端 > CSS

前端新手必踩的5大坑,避开了你就是下一个高薪大牛!

时间:2023-03-30 14:05:01 CSS

作为职场新人,我们在学习和工作中总会遇到不同的挫折。虽然有些错误与特定行为有关,但其他错误是所有Web开发人员都面临的挑战。因此,通过研究、经验和观察,我总结了Web开发人员常犯的5个错误以及如何避免这些错误。错误变成所谓的“应该工作”的代码错误:无论是JavaScript还是服务器上运行的代码,开发人员都需要测试并确认它是否正常工作,而不是认为它应该在部署后工作。将从头到尾运行。影响:未经过适当错误检查的网站在欺骗最终用户。不仅会极大地影响用户体验,而且错误信息内容的类型可能会给黑客提供渗透网站的线索。如何避免:人都会犯错,这一理念也适用于编码。对于JavaScript,一定要实施良好的技术来防止和捕获错误。尽管本文描述了使用JavaScript编写Windows应用程序的代码,但大部分内容也适用于Web开发,而且很多技巧都很好!使您的代码可靠并在未来的更改中生存的另一种方法是单元测试。如果我们小心,我们可以在用户不注意的情况下在服务器端捕获代码故障。只显示必要的信息,并且一定要设置友好的错误页面,比如HTTP404s。前端学习交流企鹅群:784783012,学习方法,学习建议,系统规划,有错随时可以问我。两写分叉代码错误:本着支持所有浏览器和版本的崇高理念,开发者决心创建任何可能的代码来应对这种情况。代码中成堆的if语句,四面八方的叉子。影响:每个新版本的浏览器都会使代码文件变得笨重且难以管理。如何避免:对您的代码实施功能检测和浏览器/版本检测。特征检测技术不仅大大减少了代码量,而且更易于阅读和管理。考虑使用像Modernizr这样的库,它不仅可以帮助进行特征检测,还可以自动帮助为跟不上HTML5和CSS3的旧浏览器提供反馈支持。错误#3非响应式设计错误:假设开发人员/设计人员在相同尺寸的显示器上开发网站。影响:在移动设备或超大屏幕上查看网站时,用户体验可能会导致难以看到页面的重要部分,甚至可能会注意不要导航到其他页面。如何避免:被动思考。在您的网站中使用响应式设计。有一些关于此的很棒的教程,包括响应式图像和一个非常流行的名为Bootstrap的库。错误4网站刷新太多错误:创建一个网站,每次交互都需要刷新整个页面。影响:类似于页面膨胀(参见#4),页面加载时间性能受??到影响。用户体验缺乏流动性,每次交互都可能导致页面短暂(或长时间)重置。如何避免:快速避免这种情况的一种方法是确定回发到服务器的内容是否确实需要。例如,客户端脚本可用于在不依赖服务器端资源的情况下提供即时结果。您还可以应用AJAX技术或使用单页应用程序“SPA”方法更进一步。流行的JavaScript库/框架(例如JQuery、KnockoutJS和AngularJS)使采用这些方法变得更加容易。错误5:浪费太多错误:开发人员创建Web内容的时间太长。很多时间花在了重复性的工作上,或者自己写了很多代码。影响:初始网站启动和后续更新耗时过长。如果其他开发人员正在做同样的工作,花费的时间和精力更少,那么你的开发价值显然更低。体力劳动容易出错,排除错误需要更多时间。如何避免它:探索您的选择。在每个开发阶段考虑新工具和新工艺技术。例如,您当前的代码编辑器与SublimeText和VisualStudio相比如何?无论您使用哪种代码编辑器,您最近是否深入研究过它的功能?也许只需花一点时间仔细阅读文档,您就可以发现新的做事方式并在以后节省数小时。例如,在本文中,扩展VisualStudio可以提高Web开发人员的工作效率。前端学习交流企鹅群:784783012,学习方法、学习建议、系统规划随时可以来问我不要错过网上的帮助工具!例如,检查dev.modern.ie上的工具以简化测试(跨多个平台和设备)和故障排除。您还可以通过自动化流程来减少时间和错误。这方面的一个例子是使用Grunt工具,例如它可以自动减小文件大小(请参阅第4点)。另一个例子是Bower,它可以协助管理库/框架。至于网络服务器本身?在例如的帮助下MicrosoftAzureWebApps,您可以快速创建网站,几乎任何开发场景都可以轻松扩展到您的业务!最后的结论是,通过识别这些常见错误,Web开发人员可以避免许多让其他人遭受的挫折。我们不仅要承认错误,更要意识到错误的影响并采取措施避免错误,这样我们才能有更好的开发业绩——才有信心完成任务!