前端模版的架构布局

在实际项目中通常会写一个模版
然后在模版中会中包含:jsf(表示js的前面),jse(表示js的后面),js(模块)
css是同样的道理,留有cssf,css,csse,
为什么这样做做,主要是因为这样可以在后面的模版文件中集成该模版,然后需要增加js文件就可以
在jse这个模块上写js,为什么是jse呢?因为好多js代码都是依赖于js的库文件,写在后面
但是为什么有些写在前面呢?因为前面的话主要是因为可能这个写库文件反而造成不好的影响
所以就写在前面,这相当于留得一个接口,即使不用,也不要紧

{# 全站主导航 #}
{% include "../../partials/main_nav.php"%}
{# 定义页面主题块,各页面继承该模板后,重写该块 #}
{% block content %}
{% endblock %}
{% include "../../partials/footer.php"%}
{# 定义页面footer块,各页面继承该模板后,需要在jquery后引入的js或各自的js处理,重写该块 #}
{% block footer %}
{% endblock %}

其中的{% include "../../partials/footer.php"%}与{% block footer %}
{% endblock %}要区分开来,一个引入已经写好的底部文件,一个为以后写js留区域的模块

原文地址:https://www.cnblogs.com/sengling/p/4940448.html