by 圆心

1. 前端 JavaScript 相关Tips 怿飞 / 圆心

3. Front-End Engineer

4. Twitter: @blankzheng

5. Email: blankzheng@gmail.com

7. JavaScript

8. JSON

11. JS 数据约定

12. 外联 JS

13. 内联 JS

17. 将 JS 文件移至页面的底部<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>

19. 阻塞其后面组件的（并行）下载

20. 阻塞其后面内容的呈现

21. 影响的主要原因：

22. 保持执行顺序

24. 如果的确要使用，移至页面的尾部<script type="text/javascript"> _uacct = "UA-300049-1"; urchinTracker(); </script>

25. 内联JS：案例

26. 内联JS ：案例 观察到的现象： 脚本执行结束，第二张图才开始下载。 页面加载后，至少5秒页面无任何内容显示。

28. 阻塞其后面组件的（并行）下载

29. 阻塞整个页面的逐步渲染

30. 影响的主要原因：

31. 保持执行顺序

33. 二、JavaScript

35. 模式约定

36. 性能优化（简单）

40. 三、JSON

43. JSON 字符串必须使用双引号包围

46. 四、Ajax

48. Question？