关于前端,js和css加载的问题,求指引。
举个例子,我现在网页的布局是这样了,除了“right”部分,其他部分都一样。 假设每个页面都有独立的css和js
如果我用jade模板的extend的话,就存在下面的问题。 1)那么就需要在模板页公用head里添加,所有每个文件可能用到的资源。A页面明明不需要B资源,但是还是要加载,这是不是种浪费呢?。(无论是否把资源合并)
如果我用jade模板的include的话,把header啊,left啊,footer啊,都通过这种方式组合在一起,就存在这样的问题 1)针对不同的页面写不同的head,引入各自需要的页面,这样就解决了,需要啥就加载啥。 2)把资源分解按需加载,那岂不是和代码的合并压缩相悖了。
总结起来大概的意思是:一下把所有的都加载了,按需加载。 到底哪种方式更好呢,或是大家平时都是用哪种方式呢?
4 回复
我用的是swig。模版里放公用的css js文件。网页继承模版里的资源,再加自己需要的css js 等文件。
doctype html
html
head
block style-head
block script-head
body
block body
block header
block content
block left-content
block right-content
block footer
block script-foot
我用 片段 section
@nealnote 哦,多谢了,那再问您一下,是吧多个文件的js或css合并到一个里面好呢,还是每个页面加载各自的好呢