问开发和部署的问题, 请做前端的同学点

公司的事情,, 还是避免去说了, 就是前端方面遇到好多问题想问吧
从前在学校乱搞, 什么最新技术 Github 看到就直接去折腾了
真实环境要考虑技术是否稳定, 还有代码迁移的成本, 甚至小的重构问题
另外还有低版本 IE 的兼容, 还有国外网络环境的复杂性等等
集中在几个方面, 希望能帮忙解惑

## 新技术的引入

用新技术的时候基本上自己都还不会, 需要花很多工作和业余时间去折腾
也因为有些功能现有技术没能满足, 这件事才被需要
但尝试毕竟太容易失败, 工作中遇到这样的场景如何权衡?

另外方案的选择问题, 国内社区有 SeaJS, 国外也更多
旧代码并不是很好地按照新的方案进行模块化和单元测试, 问题不少
并不明白这一步如何推进.. 不推进的后果是应对新需求显得窘迫

## 服务器部署

之前我想的是, 前端工具越来越复杂, 有必要前端代码和后端完全分离
通过跨域 API 来和服务器交互, 那么我有前端代码完整的控制力
目的是很多前端的先进工具可以用上, 而不用卡在服务器的一关

实际中明显遇到了问题, 首先 IE 8~9 跨域问题存在, 支持不支持
除了应用代码, 还有其他页面, 可能重用代码, 并从服务器生成
还有已有代码的迁移问题, 导致前后端分离难以很快下决定

再有是部署, 还有 CDN 及浏览器端的缓存, 以及缓存版本一致性
静态 JS/CSS 可在 CDN, HTML 比较尴尬, 而且必须要更新版本的入口
如果 HTML 在服务器, 那么前端调试和后期部署就类似要重启服务器
如果 HTML 在前端, 那么版本更新后的缓存如何对应实现更新?
前端开发效率和服务器部署之间如何找到平衡点