代码文件小议Javascript

最新推荐文章于 2018-07-28 11:53:00 发布

原创最新推荐文章于 2018-07-28 11:53:00 发布 · 279 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#代码文件

本文探讨了大型互联网公司JS代码的组织方式，分析了代码压缩与代码风格的权衡，讨论了如何通过合理布局代码文件、利用缓存策略等方法优化JS代码的加载与执行效率，并指出了在代码开发过程中常见的问题，如变量污染和代码重复，旨在提供一种更加高效、易于维护的代码组织策略。

最近应用发开的过程中出现了一个小问题，顺便记录一下原因和方法--代码文件

平水

乱混

没事我欢喜去览浏各个头巨互联网公司的JS代码，乖乖，大部分都停止了压缩。这怎么看，那就看能看的方地，打开览浏器的查看源码，面里真是心旷神怡啊，各种形式的JS嵌入方法，有以script标签镶金去的,有外链的，也有直接写在div标签的。——乖乖真够乱的。

难道这些公司程序员都很劲差吗？应当不是，既然是头巨公司，应当是不吝钱金，招兵买马。我猜应当很多是史历遗留问题，重要是早期没有想好全部代码的期后转运（估计事先的coder没想这么远），所以在现演变成大部分程序员按照自己欢喜的方法去写代码。

每日一道理
爱，有的时候不需要山盟海誓的承诺，但她一定需要细致入微的关怀与问候；爱，有的时候不需要梁祝化蝶的悲壮，但她一定需要心有灵犀的默契与投合；爱，有的时候不需要雄飞雌从的追随，但她一定需要相濡以沫的支持与理解。

览浏器

在现的览浏器不是个心省的玩意，大家都欢喜玩自己的一套，所以兼容问题很多时候让人头疼。

但我们应当白明览浏器执行js代码是按照单进程方法停止的，一旦有一个方地消费较比长的间时，那么就有可能拖死后面的代码了。——所以很多时候，求要把js代码放在页面底部，有些特别的业务非要放在后面，那我们也没有法办了。很多时候，较比费时力费的业务都放置在后加载上，也就是页面加载完了(或发触事件，比如点击、滚动）去处置。

术语

要想学好一门西东，要想跟人相同更轻易一些，你就必须懂得有关的经常应用名词。如以下的一些名词：

变量污染：变量在页面中用乱，有的时候多人发开，A用了个变量叫a，B在纷杂的页面中也起了个变量a，结果把A的变量a给冲掉了。这个重要是因为代码定名上没有一个确明的范规。

代码重用：这个应当是见常的病毛，就是一个能功写了多次。常常是因为程序员不太存眷全部js代码，还有就是代码缺乏范规，缺乏文档致导。

衡平

js文件数量和文件大小之间的衡平：文件小了那么天然的文件就多了，天然请求数就多了，加增服务器的压力。文件大了，加大了服务器的IO流，极可能生产塞阻景象。

存缓衡平：在现很多人都欢喜应用存缓，尽量把存缓往前放置。这也要实事求是，经常改修的文件我们尽量把存缓间时设置的短一些，一些经常应用的具工类文件，我们就加大对它的存缓时长。——经常应用的方法是，header存缓，服务端js文件设置存缓时长。

总结

我没有聊到体具的细节问题，只是范范的说了说，如有错误请教正。我也希望有人能有所弥补，这样共同进步，但是不要说的太深。