84669 Lernen von Personen
152542 Lernen von Personen
20005 Lernen von Personen
5487 Lernen von Personen
7821 Lernen von Personen
359900 Lernen von Personen
3350 Lernen von Personen
180660 Lernen von Personen
48569 Lernen von Personen
18603 Lernen von Personen
40936 Lernen von Personen
1549 Lernen von Personen
1183 Lernen von Personen
32909 Lernen von Personen
前端小菜,最近写公司的网页,发现页面上的很多内容都是可以重复使用的,例如页面导航栏,也听说过一点web component,想尝试着把这些可以复用的东西分离出来,这时候,我考虑到一个问题
分离出来的组件怎么导入的页面中呢?之前弄过博客系统(jekyll和hexo),所以我知道后端有这种类似的功能,但是作为一个前端的话,我该怎么处理这个问题呢?是交给后端来完成呢,还是我自己使用某些开发工具来合并组件?
大家给个意见~!
认证高级PHP讲师
使用document.write方法把组件输出到页面；
document.write
jQuery的load方法 http://jquery.cuishifeng.cn/load.html
一般是通过模板引擎技术，对于java的后台，可选的模板引擎有：jsp、freemarker、velocity。如果你用的是JSP技术来写HTML网页的话，可以这样做：1、先将导航栏单独写在一个 jsp 文件中，当然此 JSP 文件中包含了导航栏需要用到了 css 文件和 js 文件。比如导航栏所在的jsp文件为：navigation.jsp2、然后在你需要使用导航栏的页面（此页面名称为 index.jsp）中，通过<%@include file="<相对于 index.jsp 的路径>/navigation.jsp"%>，就可以把导航栏组件引进页面中了。
更多模板引擎的相关知识，可参考：http://www.bkjia.com/webzh/901507.html
jq.load方法
看这个就对了 http://fex.baidu.com/blog/2014/05/web-components-future-oriented/
JQ load就可以了~实在不行 彻底革命 React全组件
使用
document.write方法把组件输出到页面；jQuery的load方法 http://jquery.cuishifeng.cn/load.html
一般是通过模板引擎技术，对于java的后台，可选的模板引擎有：jsp、freemarker、velocity。
如果你用的是JSP技术来写HTML网页的话，可以这样做：
1、先将导航栏单独写在一个 jsp 文件中，当然此 JSP 文件中包含了导航栏需要用到了 css 文件和 js 文件。比如导航栏所在的jsp文件为：navigation.jsp
2、然后在你需要使用导航栏的页面（此页面名称为 index.jsp）中，通过<%@include file="<相对于 index.jsp 的路径>/navigation.jsp"%>，就可以把导航栏组件引进页面中了。
更多模板引擎的相关知识，可参考：http://www.bkjia.com/webzh/901507.html
jq.load方法
看这个就对了 http://fex.baidu.com/blog/2014/05/web-components-future-oriented/
JQ load就可以了~
实在不行 彻底革命 React全组件