Question

我真的认为如果我可以只包含一个带有单个php函数调用的全功能组件，那对我的工作流程会有好处。类似

＆＃xA;＆＃xA;

ddl（）;

＆＃xA;＆＃xA;

这将产生HTML下拉列表，完全样式和功能。使用外部资源，我需要担心包含JavaScript和CSS才能使其正常工作，但如果我只是在ddl（）函数本身中包含所有内容，那么它将使事情变得更容易。

＆＃xA ;＆＃xA;

类似于：

＆＃xA;＆＃xA;

＆＃xD;＆＃xA;

 ＆lt;？php＆＃xD;＆＃xA; function ddl（）{＆＃xD;＆＃xA; ＆LT;风格＆GT;＆＃的xD;＆＃XA; .ddl {＆＃的xD;＆＃XA; //风格＆＃的xD;＆＃XA; }＆＃的xD;＆＃XA; ＆LT; /风格＆GT;＆＃的xD;＆＃XA;？＆GT;＆＃的xD;＆＃XA; ＆lt; div class =“ddl”＆gt;＆＃xD;＆＃xA; ＆lt;！ - 我的下拉列表 - ＆gt;＆＃xD;＆＃xA; ＆LT; / DIV＆GT;＆＃的xD;＆＃XA; ＆＃的xD;＆＃XA; ＆LT;脚本＆GT;＆＃的xD;＆＃XA; //做ddl功能＆＃xD;＆＃xA; ＆LT; /脚本＆GT;＆＃的xD;＆＃XA;＆LT; PHP＆＃的xD;＆＃XA;}

＆＃的xD;＆＃XA;

＆＃的xD;＆ #xA;

＆＃xD;＆＃xA; 
＆＃xA;＆＃xA; 以这种方式做事的真正缺点是什么？表现会更差吗？＆＃xA;

Answer 1

对于小型项目 - 一到三页 - 您可能不会注意到任何问题。特别是如果你从不复制功能。但是，如果您需要可伸缩的应用程序，则确实需要将表单与功能分开。通过查看它们之间的样式关系，样式表实际上更容易维护。与嵌入式脚本相比，JavaScript在更大的块中得到更好的管理。

如果您稍后决定扩展具有嵌入式样式和JavaScript的应用程序，那么您很难解决这些问题 - 特别是当您想要重用功能时。如果您忘记从HTML中删除样式标记，或者更糟糕的是 - 样式属性 - 它可能会覆盖您的CSS文件更改，因此清理非常重要。

将JavaScript和CSS放在单独的文件中也有一个缓存优势。当您拥有在整个Web应用程序中重复的功能或样式时，浏览器只需为每个文件加载一次代码。但是，如果您已将其嵌入到每个页面中，则浏览器必须每次重新加载所有内容。

为了便于维护，清晰的代码和缓存速度，我投票你应该始终将它们与HTML / PHP分开。

Answer 2

更容易管理缓存，这将减少带宽使用
无代码重复
更好地实现可伸缩性的目的 - 也许你有一个交互设计师，图形设计师和软件开发人员。你不希望每个人都在同一个文件上工作

在html中使用<style>和<script> ......真的很糟糕吗？

2 个答案: