作者James610024 (JamesChen)
看板Ajax
标题[问题] Vue在大型专案的效率
时间Thu May 23 23:43:28 2019
各位前辈好，小弟是菜鸟工程师，
非本科系刚从资策会毕业约一个多月，
也就业一个月了，
有幸接触到用vue写的专案，
目前在新删修功能上是没遇到什麽大问，
不过今天主管问了我一个问题：
如果今天是一个大型专案，里面的JacaScript语法非常多，他build在同一个js档里。会
不会在一开始载入的时候花费很多的时间？
小弟刚接触语言不久，不太懂生命周期什麽的，有人可以帮我解答，或是告诉我查资料的
方向吗？
目前我的想法是会根据router的路径，才会去渲染这些Html跟JavaScript，
并不会一载入网页就全部执行，不知道这样的想法对不？
恳请各位前辈解惑，感谢！！
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 124.218.32.84
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Ajax/M.1558626210.A.029.html
2F：推 VdustR: 你说的是 lazy loading routes05/24 08:41
4F：→ VdustR: tml05/24 08:42
5F：→ VdustR: 其实要优化的话还有很多地方都可以让你做 code splitting,05/24 08:47
6F：→ VdustR: 而且经过 webpack 还有 tree shaking 和 terser, 可以善05/24 08:47
我文中说的build.js就是用webpack打包成的，这样算是有稍微优化吗？
7F：→ VdustR: 用 bundle analyse 分析 js 容量的布局, 通常会比 CDN 引05/24 08:47
8F：→ VdustR: 用整只 lib 载下来的方式快很多05/24 08:47
结果大家回应的东西都不懂QQ，看来要好好学习了，感谢各位！！
9F：推 chengchieh: 比较好奇为什麽主管会问菜鸟这问题05/24 09:27
主管对於新技术比较不熟悉，而且我接手一个多月了，想说问我知不知道吧
※ 编辑: James610024 (49.217.96.102), 05/24/2019 11:34:40
※ 编辑: James610024 (49.217.96.102), 05/24/2019 11:36:48
12F：→ lachtchlee: staged compilation Eloquent JavaScript 3rd p.39205/24 21:13
13F：→ lachtchlee: 电子书没这些内容 纸本书後来才加上 ans.不会慢多少05/24 21:17
14F：→ lachtchlee: 在一开始载入的时候不会花费很多时间 几乎会瞬间启动05/24 22:00
15F：→ lachtchlee: Functions may not be compiled at all until the05/24 22:02
16F：→ lachtchlee: first time they are called.05/24 22:03
所以可以解释成：vue模板未使用到的函式，不会一开始就载入吗?
※ 编辑: James610024 (180.177.25.34), 05/24/2019 22:38:14
※ 编辑: James610024 (180.177.25.34), 05/24/2019 22:51:51
17F：推 pkro12345: js如果没有某些要async或defer非同步载入的话 当然是包 05/24 23:19
18F：→ pkro12345: 成一支js档比较快阿 因为很多支js档load反而需要时间 05/24 23:20
19F：→ pkro12345: 不过如果有非同步的话 现在vue-cli也会帮你加async在最 05/24 23:22
我记得送资料到後段有些地方用到非同步，比方说验证帐号密码跟一些设定资料会丢给不
同的模组执行
20F：→ pkro12345: 後的js档里 另外模组载很多 如果没渲染执行的话也没差05/24 23:25
21F：推 st1009: 我就是跟主管说一开始载入太久，说服他用laravel,不用vue05/25 07:30
好的，感谢各位！！
※ 编辑: James610024 (180.177.25.34), 05/25/2019 08:22:26
22F：→ pkro12345: 我这里说的非同步是指一开始载入js的非同步 关键字搜寻05/25 14:16
23F：→ pkro12345: script async defer就知道了05/25 14:16
好，谢谢您！
※ 编辑: James610024 (180.177.25.34), 05/25/2019 17:37:33
24F：→ dream1124: 主管只是想了解品质是否符合需求，还是要你强化效能？ 06/16 11:53
25F：→ dream1124: 若是前者的话，那要看客户或产品规划者是否满意啊。 06/16 11:54
26F：→ dream1124: 不一定要急着把它变成工程问题。 06/16 11:54