手把手带你入门前端工程化——超详细教程(四)
性能优化性能优化主要分为两类:加载时优化运行时优化例如压缩文件、使用 CDN 就属于加载时优化;减少 DOM 操作,使用事件委托属于运行时优化。在解决问题之前,必须先找出问题,否则无从下手。所以在做性能优化之前,最好先调查一下网站的加载性能和运行性能。手动检查检查加载性能一个网站加载性能如何主要看白屏时间和首屏时间。白屏时间:指从输入网址,到页面开始显示内容的时间。首屏时间:指从输入网址,到页面....

手把手带你入门前端工程化——超详细教程(三)
错误监控现在能捕捉的错误有三种。资源加载错误,通过 addEventListener('error', callback, true) 在捕获阶段捕捉资源加载失败错误。js 执行错误,通过 window.onerror 捕捉 js 错误。promise 错误,通过 addEventListener('unhandledrejection', callback)捕捉 promise 错误,但是没有....

手把手带你入门前端工程化——超详细教程(二)
单元测试单元测试就是对一个函数、一个组件、一个类做的测试,它针对的粒度比较小。它应该怎么写呢?根据正确性写测试,即正确的输入应该有正常的结果。根据异常写测试,即错误的输入应该是错误的结果。对一个函数做测试例如一个取绝对值的函数 abs(),输入 1,2,结果应该与输入相同;输入 -1,-2,结果应该与输入相反。如果输入非数字,例如 "abc",应该抛出一个类型错误。对一个类做测试假设有这样一个类....

手把手带你入门前端工程化——超详细教程(一)
本文将分成以下 7 个小节:技术选型统一规范测试部署监控性能优化重构部分小节提供了非常详细的实战教程,让大家动手实践。另外我还写了一个前端工程化 demo 放在 github 上。这个 demo 包含了 js、css、git 验证,其中 js、css 验证需要安装 VSCode,具体教程在下文中会有提及。技术选型对于前端来说,技术选型挺简单的。就是做选择题,三大框架中选一个。个人认为可以依据以下....

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。
阿里巴巴终端技术
阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。
+关注