html中的引用标签,后端Java怎么和前端HTML交互

1、html中的引用标签,后端Java怎么和前端HTML交互?

本人计算机专业毕业,从事Java Web研发三年半,我就以个人的经历来谈谈后端Java怎么和前端HTML交互,由于主要从事Java服务端的研发,对前端HTML的认识有限,个人浅见,一起交流。

刚毕业参加工作时,首先接触到的是Java前端技术是JSP,当时做基础架构方面的工作,有一些管理界面需要研发,而团队的技术线就是JSP+Spring+Duboo+Zookeeper+mysql,我当然也延续了这一技术线,前后使用了一年左右的JSP,前后端研发都一起搞,包括数据库部署、上线维护等都有所涉及。JSP技术使用Java编程语言编写类XML的tags和scriptlets,来封装产生动态网页的处理逻辑。JSP页面由HTML代码和嵌入其中的Java代码所组成。服务器在页面被客户端请求以后对这些Java代码进行处理,然后将生成的HTML页面返回给客户端的浏览器。随着技术的发展,JSP逐渐被团队淘汰。

积极拥抱变化,是互联网公司或者互联网团队需要做的事情,spring boot + spring cloud的技术线进入了我们的视野。基础架构全面引入spring boot,积极推动微服务的发展成为团队的新课题。在推动spring boot的使用中,发现其支持的thymeleaf模板引擎有诸多的优点,在leader拍板之后,团队的前端技术就由JSP替换为thymeleaf。thymeleaf的优点是静态html嵌入标签属性,浏览器可以直接打开模板文件,便于前后端联调,同时也是springboot官方推荐方案。

技术总是不断发展的,前后端分离,面向接口编程的理念又进入我们的团队。hymeleaf这种前后端一起部署的技术体系已经不能满足我们的要求,为了推动前后端分离和专业的人做专业的事,将功能需求做页面划分,后端和前端定义接口标准,然后依此为契约,同步进行研发。发展到这里,前端的React技术栈又进入了我们团队的视野,由于其前端的技术太过专业,我当时只是简单的了解了一下,没有深入去学习,就专注于做服务端的接口研发。

引入该理念不久,我就跳槽后,进入新的公司新的团队,开始使用velocity。对于这个选择,没有更多的理由,融入新的环境新的团队,必须要让自己了解和使用团队的技术线,其性能良好,据说比jsp性能还要好些,但是自己没有做过相关的测试。到目前为止也在使用velocity,但会积极推动团队拥抱新变化,采用新的技术线来做相关的需求,比如freemarker等又成了团队的新的选择。

作者:夕阳雨晴,欢迎关注我的头条号。偶尔美文,主流Java,为你讲述不一样的码农生活。

2、为什么程序员都喜欢用Chrome浏览器?

在IE统领浏览器天下的时候,能有几个人会想到有朝一日IE会被Chrome打败,而且IE败得很惨。

Chrome诞生于2008年9月,在2008年年末仅占0.3%的市场份额,而IE(IE于1995年诞生)占据了60%的市场份额。十年之后,Chrome占据了70%的市场份额,鱼跃龙门成为了当之无愧的王者。

IE从无数噪点到走向落幕

IE给绝大多数人的感觉是不安全、反应慢、易崩溃,开发者要花费大量的时间去做IE6、IE7、IE8兼容性问题,同样的CSS在不同版本的IE浏览器中产生了不同的显示效果,这样就产生了网页的错位,影响用户的体验。

那是因为IE自从坐上浏览器的头把交椅后,就一直不思进取。微软从IE6开始到IE8几乎没有对Trident内核进行像样的更新,微软有自己的一套Web标准,也不怎么支持html、Javascript、CSS等的新版本特性。这与积极的Safari、Mozilla、Firefox、Chrome形成了鲜明的对比。

其实IE到了11后速度已经不慢了,不过已经很难召回用户。它的很多问题依然存在,比如插件不够多。很多人也是从春运抢票开始真正的了解到Chrome的优势所在。

随着Chrome的逐渐壮大,IE势微,很多人已经不需要IE,留着它只是因为很多银行的网银只能在IE上运行。如今的IE在微软也不受待见,微软建议留着IE作为“兼容性解决方案”,而不建议将它作为默认的浏览器为用户做所有事情。

微软宣布,自今年11月底起陆续停止支援IE 11,而由基于Chromium内核的Edge取代成为微软的主打浏览器。预告着25年的IE落幕走下历史舞台。

Chrome碾碎了IE,重塑网络入口

Chrome的问世给大家带来的是清爽、干净、极简的操作界面,没有菜单栏、状态区、标题栏,甚至连“Chrome”几个字都找不到,只留下了前进、后退、刷新/停止和地址栏。Chrome给用户浏览网页时最大的可视空间。

Chrome会将每个标签也“沙盒化”到自己的进程里。这样可以使单个进程变得更快,又可以同时跑多个进程,并且阻止了一个标签页的崩溃影响到另一个标签页,也可以阻止恶意程序入侵干扰电脑上的其他活动或数据。这与Web的发展方向是一致的(Web将是应用,而不是网页)。

Chrome网页加载的速度要明显快于IE,这源自它的内核Chromium。Chromium是开源渲染引擎Webkit的一个分支,WebKit是苹果基于HHTML开发、开源的现代浏览器内核,拥有现代化的排版引擎和强大功能。Google把Webkit代码(WebCore)重新进行了梳理,只需要两个小时就能进行代码编译,而以前可能要一天。

谷歌也对Chromium的JavaSript引擎进行了重新开发,也就是“V8”。V8的JavaScript处理速度比Firefox、Safari快10,比IE7快56倍。

但由于苹果推出的WebKit2与Chromium沙箱设计存在冲突,迫使Chromium停留在WebKit。Chrome通过移植的方式与WebKit2对接,会影响Chromium的架构移植,也会增加了Chromium的复杂性。所以Google在WebKit代码的基础上研发更加快速和简约的渲染引擎,并逐步脱离WebKit的影响,创造出完全独立的Blink引擎(2013年)。相较于WebKit,Blink的开发速度更快,包含了更多的改进和新功能。

Chrome就是从这个时候起和WebKit主线分离,断开了和苹果的关系。

Chrome拥有强大的第三方插件“网上应用店”.通过安装插件,浏览器可以实现更多的新功能,这是很多用户无法割舍的强大功能。开发者也可以因此获得收益。插件完全由用户自行选择安装,不会让浏览器因为集成太多功能而显得臃肿。

Chrome的成就在于打破了旧的规则,重塑了极简、快速、稳定、安全的浏览器

相对于其他老牌的浏览器,Chrome显得有些年轻,但正是因为它年轻打破了了原有要遵循的规则,创造出了新的东西。Chrome也有缺点,但它的开源特性使得越来越多的开发者对它产生了兴趣。他们惊叹与Chrome的速度,促使他们开发出更多令人惊叹的网络应用,并在开发过程中发挥更多的创意。

通过Chrome的开发者工具,开发者们可以更加方便的检查当前加载的HTML、CSS、JavaScript,显示每个资源页面的请求以及载入所花费的时间。

程序员喜欢Chrome的重点在于现在绝大多数的网站开发都是基于Chrome,不太可能在另一个浏览器做开发调试,又在Chrome下浏览。另外这些程序员本身也是用户,他们也很难找到与Chrome匹敌的浏览器。

以上个人浅见,欢迎批评指正。

认同我的看法,请点个赞再走,感谢!

喜欢我的,请关注我,再次感谢!

3、有什么好的HTML入门书籍推荐?

学HTML要看什么书?相信刚刚入门前端的小伙伴都会有这样的困惑。本文将向大家推荐HTML从入门到进阶学习全阶段的书籍,看完这些书对大家在前端学习会有很大的帮助。

1.《HTML5 揭秘》

作者:Mark Pilgrim

推荐理由:是知名的《HTML5:up and running》的中文译本,很详细的介绍了HTML5的最新技术,如果你经常看Dive into HTML 5这个网站,肯定很了解这本书了。算是入门款书籍,不枯燥,技术层面一般,适合菜鸟看,好在对格局有一定见解。当然如果一丁点编程知识都没有,也需要在阅读的时候多补充一下,非常推荐。

2.《响应式Web设计:HTML5和CSS3实战》

作者:Ben Frain

推荐理由:全书主要是带领读者做一个小网页来写的,其实响应式的东西讲得比较少,大半内容是介绍H5和css3的基础知识。如果同时想了解H5和css3和响应式设计入门,这本书不错。

3.《疯狂HTML 5/CSS3/JavaScript讲义》

作者:李刚

推荐理由:这是一本全面介绍HTML 5、CSS 3和JavaScript前端开发技术的图书,系统地介绍了HTML 5常用的元素和属性、HTML5的表单元素和属性、HTML 5的绘图支持、HTML5的多媒体支持、CSS 3的功能和用法、最前沿的变形与动画功能等。除此之外,《疯狂HTML 5/CSS 3/JavaScript讲义》还系统地介绍了JavaScript编程知识,包括JavaScript基本语法、DOM编程,以及HTML 5新增的本地存储、离线应用、JavaScript多线程、客户端通信支持、WebSocket编程等。

4.《HTML5触摸界面设计与开发》

作者:StephenWoods

推荐理由:《HTML5触摸界面设计与开发》专注于触摸界面的开发,内容的结构和优化网站的思路大概一致。上半部分涵盖了能使各类网站,特别是移动网站变快的基本概念。书的后半部分是专门讲触摸界面的,特别是尽可能地让它们更平稳和快速。本书适合具有一定经验的Web开发者阅读参考。

5.《HTML5高级程序设计》

作者:柳伯斯/阿伯斯/萨姆

推荐理由:《HTML5 高级程序设计》是《Pro HTML5 Programming》的中文译本,写的相对比较深入,如果你对HTML5有较多了解,可以选择这本书。这本书适合有丰富编程经验的Web应用开发者。书中没有互联网发展基础知识的介绍。但是书中有许多现成的资源可以加快学习Web编程原理。当然,对于程序的的书跟平常的名著还不一样,因为自身经验不同,看法不同,需求不同,对于书的评价也不同。

学HTML从入门到进阶的一系列书籍就推荐到这里了。书都是好书,大家在看的时候,可以根据自身情况,选择适合自己的书来钻研。