不唐突的JavaScript的七条准则整理收集第1/2页

1.不要做任何假设 （JavaScript是一个不可靠的助手） 可能不唐突的JavaScript 的最重要的一个特性就是——你要停止任何假设： * 不要假设JavaScript是可用的，你最好认为它很有可能是不可用的，而不是直接依赖于它。 * 在你经过测试确认一些方法和属性可以使用之前，不要假设浏览器支持它们。 * 不要假设HTML代码如你想象的那样正确，每次都要进行检查，并且当其不可用的时候就什么也不要做。 * 让JavaScript的功能独立于输入设备 * 要记住其他的脚本可能会影响你的JavaScript的功能，所以要保证你的脚本的作用域尽可能地安全。 在开始设计你的脚本之前，要考虑的第 JavaScript编程时，遵循不唐突的原则至关重要，这是为了确保代码的稳定性和兼容性。以下是根据标题和描述中提到的七条准则的详细解释： 1. **不要做任何假设**： - **JavaScript 可用性**：不要假设JavaScript在所有环境中都能正常运行，要为没有JavaScript的场景提供备选方案，例如使用服务器端逻辑或纯HTML/CSS。 - **浏览器兼容性**：在使用新的API、方法或属性之前，确保它们在目标浏览器中得到支持。可以使用特性检测而非版本检测来实现这一目标。 - **HTML验证**：不要假设HTML结构始终正确，通过DOM操作前，要验证元素的存在和状态。 2. **找出钩子和节点关系**： - **HTML钩子**：合理利用ID、类和标签作为JavaScript的入口点。ID是最高效的，但需确保唯一性。类和标签可以用于那些无法通过ID访问的元素，但可能需要更复杂的查询。 - **HTML节点关系**：了解元素之间的关系有助于优化DOM遍历，减少性能开销。理解父元素、子元素和相邻元素的关系，可以帮助编写更高效的脚本。 3. **把遍历交给专家来做**： - **利用CSS选择器**：CSS选择器可以高效地定位DOM元素，避免使用JavaScript进行遍历。通过CSS样式来改变元素属性，可以提高性能，并且让代码更简洁。 4. **理解浏览器和用户**： - **浏览器行为**：了解不同浏览器的渲染机制和JavaScript实现，避免引发兼容性问题。尤其要注意处理浏览器的异常情况，比如内存限制或错误处理。 - **用户体验**：理解用户对网页交互的期望，比如页面加载速度、响应时间等。避免阻塞页面加载，提供良好的无脚本体验。 5. **保持JavaScript功能独立**： - **设备独立**：确保脚本能适应各种输入设备，如键盘、鼠标或触摸屏。 - **脚本安全**：考虑到其他脚本可能存在的影响，确保你的脚本有良好的封装和作用域控制，减少冲突。 6. **利用DOM API**： - **有效使用DOM方法**：比如`getElementById`、`getElementsByClassName`等，正确使用DOM API可以提高效率，减少资源消耗。 7. **测试和优化**： - **跨浏览器测试**：在多种环境下测试脚本，确保其表现一致。 - **性能优化**：利用DOM缓存、事件委托等技巧提高脚本性能。 遵循这些准则，开发者可以创建出更加健壮、兼容且用户体验良好的JavaScript应用程序。同时，不断学习新的JavaScript最佳实践和技术更新，以保持代码的现代性和可维护性。