DEV Community
·
前端工程新手：应停止的八件事
💡
原文英文，约400词，阅读约需2分钟。
📝
内容提要
前端工程新手应避免的八件事：1. 使用语义标签而非<div>和<span>；2. 不要硬编码敏感信息，使用环境变量；3. 兼容多浏览器测试；4. 从一开始学习使用Git；5. 构建可重用组件，避免重复代码；6. 关注代码风格，使用ESLint和Prettier；7. 保持清晰的文件结构；8. 采用移动优先设计。
🎯
关键要点
- 使用语义标签而非<div>和<span>，以提高可访问性和搜索引擎理解。
- 不要硬编码敏感信息，使用环境变量来保护数据。
- 兼容多浏览器测试，确保应用在不同浏览器和设备上正常运行。
- 从一开始学习使用Git，进行版本控制和协作。
- 构建可重用组件，避免重复代码，提高开发效率。
- 关注代码风格，使用ESLint和Prettier保持代码整洁一致。
- 保持清晰的文件结构，便于项目维护和导航。
- 采用移动优先设计，确保应用在各种屏幕尺寸上良好显示。
❓
延伸问答
为什么前端工程新手应该使用语义标签而不是<div>和<span>？
使用语义标签可以提高可访问性，并帮助搜索引擎更好地理解内容。
如何保护代码中的敏感信息？
应使用环境变量来存储敏感信息，而不是直接硬编码在代码中。
为什么要进行多浏览器测试？
多浏览器测试确保应用在不同浏览器和设备上正常运行，扩大受众范围。
新手应该什么时候开始学习使用Git？
新手应从第一天开始学习使用Git，以便进行版本控制和协作。
构建可重用组件有什么好处？
构建可重用组件可以减少代码重复，提高开发效率。
如何保持代码风格的一致性？
可以使用ESLint和Prettier等工具来保持代码整洁一致。
➡️
