前端工程师

这些天对前后端做了一个全面的研究，给大家分享下前后端分离应用的俩种模式，以及如何应用到实际场景，以及他落地的注意点； 现状 　　前后端分离开发已经成为行业标准。 　　他主要是通过web服务器(Nginx || Nodejs ...) + 应用服务器（Tomact ...）前后两个服务端进行有效解耦而达到前后端分离的效果。 　　技术核心思想：前端通过js创建HTTP请求调用后端服务的Restful API接口并返回JSON数据进行交互 　　web服务器：一般指像Nginx，Node这类的服务器，他们一般只适合解析静态资源和处理一些简单的控制以及业务逻辑； 　　应用服务器：一般指像Tomcat，Jetty这类的服务器可以解析动态资源也可以解析静态资源，但解析静态资源的能力没有web服务器好； 　　他存在的主要目的就是把项目的开发工作做到更细化，更专业化。 　　前后端分离模式也是让前端这个职位快速崛起的原因之一。 发展史 　　以前的程序员没有前后端之分，所有项目基本都是一个程序员既当爹又当妈的，一把全包了，最多分配一个页面仔配合后端工作。期间很多企业慢慢发现随着市场的发展，客户端的体验达不到要求。必须要请专人来做客户端这块的体验优化，而那时候还没这类专业人士（或者说是珍稀物种）那请一个成本可不小。 　　这时公司领导就找当时的程序员谈话了，想要他们接下这活，但发现他们大都嫌弃这活又脏又累

前端要学习三个部分：HTML，CSS，JavaScript（简称JS），因此首先明确三个概念： HTML是内容层，它的目的是表示一个HTML标签在页面里是个什么角色。 CSS是样式层，它的目的是表示一块内容以什么样的样式（字体、大小、颜色、宽高等）显示。 JS是行为层，它要做的是当用户触发某些行为时，会给内容和样式带来什么样的改变。 1，HTML，CSS部分。 HTML/CSS初学，就照着http://www.w3cschool.cn/的实验做，把http://www.w3cschool.cn/index-6.html 和 http://www.w3cschool.cn/index-7.html 两套做完了就入门了， 一般而言css学个几天就可以了，因为现在很多的高级前端工程师甚至于不用写css,而初级前端工程师又面临就业难的问题，所以我们的学习重点应该放在js以及一些前端框架甚至于源码方面 学习完成后就是一个较为熟练的HTML/CSS使用者了.这时候如果想继续深入学习相关类库和框架，推荐Sass和Compass，推荐两篇阮一峰的博客：http://www.ruanyifeng.com/blog/2012/06/sass.html http://www.ruanyifeng.com/blog/2012/11/compass.html 和这本书：《Sass and Compass

最近搞了一个网站，没有后台和数据库，前端是angular写死的网页，纯做了一个展示的网站，前端不难，主要是这个创建网站的整个流程以前没有接触过，然后一步一步摸过来，其实不是很困难，但也着实费了一些功夫，所以记录下来。 1.前置工作 域名，云服务器（服务器版本：Windows Server 2016）。 2.备案 域名备案，网站备案，域名解析到服务器 3.登录云服务器 下一个 Chrome浏览器 ，干掉ie是所有工程师毕生的梦想 4.配置IIS 默认选择外额外增加远程协助 安装就可以。 5.前端angular打包，并发布，生成dist文件，拷贝到服务器上去。 6.执行命令行net start w3svc 7.搜索Internet Information Services 把第一个default停掉，然后右键网站，创建一个新的网站 网站名称随便起，物理路径建一个，前端打包文件放进去，主机名填写域名。 然后启动就ok了。 来源： https://blog.csdn.net/weixin_41012753/article/details/99543955

首先我是很赞同业界的前后端分离的开发模式，虽然现在都讲究全栈工程师，但是毕竟术业有专攻，前端同学专注多终端，后端同学关注高性能高可用。大家各自再自己的专注点上发光发热。 想想我们以前分模块开发，既写java又写jsp，高级点的jsp不写逻辑，所有的交互都是异步交互，算是一个简单的前后端分离模型，最后找个美工（对，不是前端是写css或者会画图的美工画两个图）美化一下，然后就可以用起来了，这样的模式简直就是原始社会一样。 目前我同时接手了前后端同学给我的2份代码后，一个人做起了前后端分离开发，我感觉自己一下子高大上了起来，但是有几点我也要吐槽一下 1我要维护2分代码，一份用webstorm编译js代码，一份用intelidea开发编译java代码，同时开了java和node服务本地联调，这2个服务光开起来就已经7G内存了（jvm我开的是1024M，因为需要加载对象内存处理）。可怜的X1的内存是焊死的...焊死的....，而且只有8G....基本再开chrome就卡死了，卡死了。。。 2 本地开发模式是这样的，前端代码用node开启一个server跑页面，后端代码开启跑接口服务，用页面调用后端的接口服务，这就遇到一个尴尬的js跨域调用服务的问题，还好chrome良心支持这个参数，又还好IE我们已经放弃了。。。 "C:\Program Files (x86)\Google\Chrome

2017年的9月，正式从后端开发转做前端工作，这其中更多的是机缘。公司技术部门组织调整，原先的团队发生变动，领导准备组织新的人员去总部接项目，当时想着给自己更多挑战，就申请加入了新的团队。当时现状是，公司前端开发人员较少，属于稀缺资源，新的团队没有FE。到现场以后才知道，因为前后端分离，前端是单独的项目，使用的也是新的前端技术，ES6是基础，框架是React、Redux、antd，以及公司基于Webpack封装的构建框架，整个项目的开发和最终在系统上运行的流程也是全新的技术思路，需要一定的前端知识。当时自己的现状是会写JSP，写过一段时间的JS，也因为曾经在前端工作较重的情况帮助FE同事做过一些Angular1、Angular2的项目，算是在整个团队里面前端知识相对"丰富"的了，顺理成章就由我接了前端的两个项目。回来以后，由于自己对前端技术一直比较好奇，对大前端也有耳闻，前端人员人手不充足也给了自己机会，所以就在现在的领导的帮助下，顺利转了前端，正式成为了前端的开发小白，对我来说这是一个比较大的转折点。 在这几年的开发过程中，接触的前端技术也发生了很多的变化： 最开始的时候，公司没有单独的前端开发人员，前端的页面是由后端完成的，使用的是JSP。JSP 是运行在服务端的语言，使用服务端渲染，适用前后端耦合的项目。随着时代的发展，前后端的界限分得越来越明确，术业有专攻

前后端分离是现在互联网项目开发的业界标准使用方式，我们来看看它的发展。 前后端未分离时代（各种耦合） 这个时代可以叫做MVC时代，因为主要是使用MVC框架。 大致就是，所有的客户端请求都被发送给作为控制器的Servlet，它接收请求，并根据请求信息将它们分发给适当的JSP来响应。同时，Servlet还根据JSP的需求生成JavaBeans的实例并输出给JSP环境。JSP可以通过直接调用方法或使用UseBean的自定义标签得到JavaBeans中的数据。需要说明的是，这个View还可以采用Velocity、Freemarker等模板引擎。使用了这些模板引擎，可以使得开发过程中的人员分工更加明确，还能提高开发效率。 在这个时期，首先是有以下的开发方式。 这种方式已经逐渐淘汰。主要原因有两点： 1.前端在开发过程中严重依赖后端，在后端没有完成的情况下，前端根本无法干活。 2.由于趋势问题，会JSP、懂Velocity和晓Freemarker等模板引擎的前端越来越少。 因此进化出了另一种开发方式，这种方式现在很多小型传统软件公司还在使用。 但是这种开发方式和它前身的开发方式有着同样的缺点： 1.前端无法单独调试，开发效率低。 2.前端不可避免会遇到后台代码，比如说JSP中的EL表达式和JSTL标签，难为前端。这种方式的耦合性太强，就算用了Freemarker等模板引擎

其实与web相关的书籍还是很多的，因为web的领域就是比较广的，因为有过web开发经验的都知道，web，就开发语言就有php，jsp，asp，.net等多种语言，那么这些语言对应的后台开发就有对应的书籍，所以今天小编就主要推荐与web基础相关的书籍。因为相比之下web前端还是比较轻松入门的。 HTML相关： 《Web标准实战》 比较简单，适合基础学习 《Web标准设计》 《深入浅出HTML》 CSS相关 《CSS设计彻底研究》 视频教程很好，书本我并没有详细研究，不好说建议。 《CSS网站布局实录》 CSS的书我看得比较少，这本算是看得比较全了。 javascript相关： 《精通JavaScript》 《JAVASCRIPT语言精髓与编程实践》 这本书对原型和继承做了非常精辟的解释，网上大部分关于原型的文章都是参考此书的。这里，推荐我们的web前端学习秋秋裙767，web前端中间的数字是273，web前端最后是102 。7年全栈工程师，根据这些年从事开发经验，整理了一份最适合2020年学习的web前端干货 《悟透javascript》 这本书第一章是介绍原型和继承的，第三章也介绍了跨域的一个解决方法，还有就是作者对程序和人生的理解哲学很有深度。 《JavaScript权威指南》 《高性能网站建设指南 》 这类书有两本不同版本，都是关于web性能优化的

1、背景 前后端分离已成为互联网项目开发的业界标准使用方式，通过nginx+tomcat的方式（也可以中间加一个nodejs）有效的进行解耦，并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务（多种客户端，例如：浏览器，车载终端，安卓，IOS等等）打下坚实的基础。这个步骤是系统架构从猿进化成人的必经之路。 核心思想是 前端HTML页面通过AJAX调用后端的RESTFUL API接口并使用JSON数据进行交互 。 Web服务器：一般指像Nginx，Apache这类的服务器，他们一般只能解析静态资源； 应用服务器：一般指像Tomcat，Jetty，Resin这类的服务器可以解析动态资源也可以解析静态资源，但解析静态资源的能力没有web服务器好； 一般都是只有web服务器才能被外网访问，应用服务器只能内网访问。 以前的Java Web项目大多数都是Java程序员又当爹又当妈，又搞前端，又搞后端。随着时代的发展，渐渐的许多大中小公司开始把前后端的界限分的越来越明确，前端工程师只管前端的事情，后端工程师只管后端的事情。正所谓术业有专攻，一个人如果什么都会，那么他毕竟什么都不精。大中型公司需要专业人才，小公司需要全才，但是对于个人职业发展来说，前后端需要分离。 2、未分离时代（各种耦合） 早期主要使用MVC框架，Jsp+Servlet的结构图如下： 大致就是

先整理一部分，以后遇到到好的资料再添加进来。欢迎一起学习nodeJS，行走在JavaScript全栈工程师的康庄大道上。 1、 廖雪峰老师的官网 2、 Node.js让您的前端开发像子弹飞一样 3、[技术前端解析] 这是一本以现代前端技术思想与理论为主要内容的书。前端技术发展迅速，涉及的技术点很多，我们往往需要阅读很多书籍才能理解前端技术的知识体系。这本书在前端知识体系上做了很好的总结和梳理，涵盖了现代前端技术绝大部分的知识内容，起到一个启蒙作用， 能帮助读者快速把握前端技术的整个脉络，培养更完善的体系化思维 ，掌握更多灵活的前端代码架构方法，使读者获得成为高级前端工程师或架构师所必须具备的思维和能力。 来源： CSDN 作者： Alice爱俪丝 链接： https://blog.csdn.net/qq_18144905/article/details/82626248

Vue.js新手入门指南 最近在逛各大网站，论坛，以及像SegmentFault等编程问答社区，发现Vue.js异常火爆，重复性的提问和内容也很多，楼主自己也趁着这个大前端的热潮，着手学习了一段时间的Vue.js，目前用它正在做自己的结业项目。 在做的过程中也对Vue.js的官方文档以及其各种特性有了许多认识。作为一个之前以PHP+模版引擎为主的开发，从一个从未接触过除HTML+CSS+JavaScript+JQuery以外的前端技术的人到现在可以独立使用Vue.js以及各种附属的UI库来开发项目，我总结了一些知识和经验想与大家分享。 下面我就以问答的形式来分享吧。这里假设你仅仅只掌握了HTML+CSS+JavaScript，如果你对JQuery这个前端库，以及各种后端模版语言比如说PHP，JSP还有所了解并且使用过的话那就太好了。 1.Vue.js是什么？ Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。 Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。