>本文探讨了Bootstrap Native,该项目旨在用Bootstrap的JavaScript组件中的JQuery用普通JavaScript替换JQuery。 让我们深入研究它的利益,用法和限制。
Bootstrap本机的
键优点:
>
- 增强性能:普通的JavaScript通常优于jQuery,导致更快的执行和更响应的用户体验。
- 减少文件大小: bootstrap天然大大降低了整体JavaScript足迹。 一个比较表明,带有jQuery的自举范围从36.5kb到50kb(缩小和GZPIESP),而Bootstrap天然(包括Polyfills)范围从8.9kb到19.9kb。这个较小的尺寸有助于更快的页面加载时间。
简化的开发:- 通过消除jQuery,开发变得更加干净并且可能更易于管理。>
>浏览器的兼容性和多填充:
>
Bootstrap Native拥有广泛的浏览器支持,包括通过多填充实现的旧版本,包括IE8等旧版本。 有两个选项:polyfill.io(提供浏览器特异性多填充的服务)和minifill(轻巧的自定义polyfill)。
实现:
>集成引导本机很简单。 用Bootstrap Native的替换标准的Bootstrap JavaScript文件(可通过cdn或local Download获得),并在> e节中包含所选的polyfill(如果需要)。>
限制:bootstrap-native-v4.min.js
Bootstrap本机不是一个完整的特征端口端口。 省略了一些较少使用的功能以进行性能优化。 关键差异包括:
>自定义事件:
当Bootstrap广泛使用自定义事件时,Bootstrap Native仅为旋转木马和按钮组件提供它们。 但是,您可以使用api。
> programmatic api:>
- >其他较小的差异:在其他组件中存在微妙的变化;例如,下拉菜单的行为略有不同。>
CustomEvent
结论: - Bootstrap Native为开发人员提供了优先级的性能并更喜欢简单的JavaScript的开发人员提供了令人信服的替代方案。虽然它并不完美地镜像Bootstrap的jQuery版本,但其优点通常超过了较小的功能差异。 该项目的积极发展和反应迅速的社区支持进一步增强其吸引力。 在将其整合到下一个项目中之前,请仔细考虑其优势和局限性。
常见问题(常见问题解答):
>
>使用bootstrap而无需jQuery的好处:- 提高性能,较小的文件大小,简化的项目结构以及使用现代JavaScript功能的能力。
>如何使用jQuery的情况下使用bootstrap:
使用bootstrap本机。
- >>使用bootstrap没有jQuery的限制:>并非所有的引导组件都支持,并且某些功能的功能可能会略有不同。
与现有项目的兼容性:
> - 可能需要修改代码。
>浏览器的兼容性:- 支持大多数现代浏览器,但不支持Internet Explorer(没有polyfills)。
与其他JavaScript库一起使用> 可能需要调整的兼容性调整。
>
为项目做出贡献:- > 项目是开源的;通过github贡献。
- 学习资源:请咨询Bootstrap本地文档和在线教程。
>- >最佳实践:>维护干净的代码,跨浏览器进行彻底测试,并使用最新版本进行更新。
- 此修订后的输出在使用同义词和重组段落的同时保持原始含义,以提高流量和可读性。 该图像保持其原始格式和位置。>
以上是Bootstrap本机:使用无jQuery的bootstrap组件的详细内容。更多信息请关注PHP中文网其他相关文章!