北京web*端组件化开发，一篇文章搞懂什么是*端“组件化”开发

现在web前端也是一个非常热门的行业，想要学习web前端开发的同学请看这里北京web前端组件化开发 ，通过对web前端和JAVA开发那个好学?，一份来自前端开发工程师的规范简历，一篇文章搞懂什么是前端“组件化”开发，北京web前端开发工程师的发展怎么样？我想学习，给推荐几个培训的地方吧！，在北京搞Web前端开发实习生一般可以拿多少工资？，网页设计师和web前端开发工程师一样吗?? 的了解，希望以上信息可以帮助到您

1.web前端和JAVA开发那个好学?

Web前端其实也需要一定的逻辑思维...web前端主要用到的技术 如:html css 后面两个精通的话就比较值钱.....java主要是后台服务, 不过现在java工程师也经常要做前端开发!

2.一份来自前端开发工程师的规范简历

个人资料 姓名：嘻嘻性别：女电话：邮箱：@163.com现居地：上海市 工作年限：3年求职意向期望职位：前端开发工程师期望薪资：面议工作性质：全职到岗时间：离职,一周内入职专业技能精通DIV+CSS页面布局，重构,掌握，熟悉w3c标准，了解HTML语义化有一定的了解。熟练运用浏览器兼容技术，熟练进行前端性能优化设计。熟练掌握HTML5技术开发，熟悉响应式布局和弹性盒布局，百分比自适应布局，熟练掌握CSS3动画技术，且能熟练应用Animate.css动画库。熟练使用HTML5新特性canvas，，，video，audio等开发项目以及基于HTML5的微信场景开发。熟悉掌握基于HTML5的webApp开发以及各种手机移动端适配，熟悉ECMA标准，熟练掌握DOM、BOM操作，熟悉闭包原理，熟悉面向对象JS编程，理解原型链的继承机制。熟练AJAX/JSON,熟悉正则表达式、JS面向对象，JSONP跨域请求。熟练使用jQuery框架，掌握jQuery与DOM操作及事件处理，了解动态绑定事件的原理，掌握动画的处理。熟悉使用Zepto、Swiper、iScroll、Touch、BootStrap了解sea.js、vue.js,Require.js、等流行框架。掌握Css类库Sass技术、Less技术、Gulp构建化工具，了解node.js,react.js,angular.js以及MVC&MVVM设计模式与模块化开发流程。熟练使用HBuilder，nodepad++，Sublime，Photoshop，，Fireworks等相关开发工具，熟悉Git版本管理，熟练webpack，babel等编译工具。2013/10 - 2014/02安徽合肥包河绿地有限公司产品研发部web A组web开发工程师2014/06 – 至今北京海博远创软件科技有限公司技术部HTML5开发工程师职责:1.与项目经理与技术团队等进行充分的沟通，开发创建性高，高可用性的web网页制作、移动端的WebApp以及微信场景。2.充分理解项目需求：包括产品的目标，可用性标准以及时间要求；参与移动产品和项目制作，配合后台开发人员实现产品前端界面效果与功能。3.负责移动产品HTML5、CSS3的编写，解决web端和移动端适配问题等。4.实现产品UI和交互方面的开发需求，确保产品具有优质的用户使用体验。项目经验:(六项)1、项目名称：洋码头（pc端）（已上线）项目描述：这是一款一站式海外网购平台，聚集20多个地区的认证商家和买手，正品好货、全球同价、海外直邮、极速发货、本土客服，不出国门轻松便捷购买全球优质商品，汇聚全球精品好货，同步全球品质生活。责任描述：此项目为团队项目，本人主要负责部分页面布局，逻辑控制及效果的实现，整理项目文档技术要点：1.基于div+css页面布局。2.使用正则表达式，注册功能的实现3.通过通过(jQuery框架)实现效果（例如轮播图及回到顶部）4.利用(jQuery框架)实现效果（如导航下拉菜单及三级菜单实现）5.通过Ajax调用后台数据显示在页面；6.cookie的使用应用在登陆注册2、项目名称：洋葱淘(WebApp)(已上线)项目描述：这是一款代理海淘全球正品美妆webApp,主要以美妆，零食，香水为主。责任描述：此项目为团队项目，本人主要负责手机端页面布局和登录注册实现主要技术：1.HTML5语义化标签+CSS3技术2.jQuery和原生技术完成动态效果3.利用iScroll.js框架来实现页面上下拉刷新加载效果4.使用插件来实现倒计时效果5.使用canvas的实现滚动平缓的效果3、项目名称：粽享端午（微信场景开发）(已上线)（ Js库为jQuery3.插入了HTML5音频，通过右上角的摁钮可控制音频的播放与暂停4、项目名称：粥品香坊（webapp）(已上线)项目描述：vue2+webpack +es6 +组件化实现的在线支付外卖系统，主要是在线支付购物，专注于早餐外卖 xxxx 计算机科学与技术 xxx自我评价自学能力强，能快速接受使用新知识；良好的分析解决问题能力，和自我管理能力；具有面向对象设计思想，具备独立分析和解决问题的能力；有较好的团队协作和沟通能力，有强烈的责任心；具有良好的沟通表达、团队协作能力，有较强的学习能力和探索精神，责任心强。注：很多人技术不怎么好，可以把简历写的天花乱坠，有些人技术很好，简历写的很烂，仅凭简历是没有办法判别的。以上简历，规范指的是，基本的内容形式，而不是技术点。

3.一篇文章搞懂什么是前端“组件化”开发

学过网页的朋友都知道，制作一个网页离不开HTML、CSS和技术。对于初学者来来说，掌握这3门技术就已经很不容易了，为什么前端为什么又要搞出来一个“组件化”开发的概念呢？组件化开发到底有什么好处，它具体又是如何实现的呢？为了搞懂这些问题，我们来看看在近几年中，前端技术是怎么发展的。1.前端的崛起之路在传统的开发模式中，往往是把前端的网页代码和后端的程序代码混合在一起，借助某种模板技术（如JSP、ASP、PHP）来在服务器端动态生成HTML页面。在这种开发模式下，网页的每次改动都需要前后端人员共同参与才能完成，网站前后端的开发人员需要很大的沟通成本、协调成本。企业招人的时候，也不得不招一些既懂前端又懂后端程序员，来减少前后端开发人员的冲突。例如，下面是一段JSP代码，我们可以看到，前后端语言是混在一起的：在这段代码中，Java工程师不得不面对前端的HTML代码，前端工程师也不得不面对JSP的<%@ %>、<jsp>这些语法。那有没有一种办法让前端和后端的代码彻底分开呢？那就得依靠前端技术的进步了。现在流行的前后端分离的开发模式，就是让后端只负责给前端提供数据，由前端负责整个页面的模板渲染、数据填充以及交互逻辑。前后端分离之后，人们发现前端已经不再是传统意义上的网页了，它甚至还可以做成一个手机应用，或者做成是微信小程序那样的小型应用，它更接近于传统的B/S（客户端/服务器）架构，且仍然具备网页轻量级、无需下载和安装的优势。2.前端为什么要组件化开发组件化的目的，是为了让页面中的各个部分可以被复用，以减少重复的代码。另一方面，也可以更好地使团队分工协作，让不同的人负责编写不同的组件。前端页面可以借助某种框架（如Vue.js、Angular、React）来实现组件化开发，使代码更容易复用。此时，一个网页不再是由一个个独立的HTML、CSS和文件组成的了，而是按照组件的思想将网页划分成一个个组件，如轮播图组件、列表组件、导航栏组件等。将这些组件拼装在一起，就形成一个完整的网页了。我们以京东商城首页为例，它的页面的各部分组件划分如下图所示。3.传统开发 VS 组件化开发我们来对比一下“传统开发”和“组件化开发”的区别。在传统开发中，项目的目录结构一般是把HTML文件放在最外层，把CSS文件、文件放在单独的目录中，如下图所示：组件化开发是需要借助某一种框架来实现的，这里我们以Vue.js框架为例。Vue.js把项目划分成dist目录和src目录，其作用如下：01src目录表示源码目录，它存放编译前的代码；02dist目录表示编译结果目录，它存放最终生成出来的网页。编译这个过程是由前端的自动化构建工具来实现的。下面我们来看一下某个Vue.js项目的目录结构图：需要注意的是，src目录下存放的是一些组件，这些组件的代码不能被浏览器识别，它必须被前端构建工具编译到dist目录下才能被浏览器识别，如下图所示。dist目录下的结构和传统开发的目录结构很像，外层有个index.html文件，样式和逻辑代码分别放在了css和js目录中。dist目录下的文件都是由程序自动生成出来的，里面的代码都经过了压缩处理，以确保浏览器能正确识别并执行。但dist目录中的代码不具有可读性，如果用编辑器打开里面的文件，会发现里面的代码是难以阅读的，它只保证代码能被浏览器执行：开发人员编写的代码保存在src目录下，这里面存放的是一些单文件组件，这些组件才是我们要重点关注的内容。4.组件代码解析使用Vue.js框架编写的单文件组件，以“vue”作为文件扩展名。当我们打开某个组件的文件后，会发现里面的代码主要分为3部分，即“模板代码”“逻辑代码”和“样式代码”，分别对应HTML结构、逻辑和CSS样式，如下所示。<template> 模板代码 </template> <script> 逻辑代码 </script> <style> 样式代码 </style>单文件组件中的这些代码，最终将被编译后放入一个完整的HTML页面中，这样就实现了把传统的一个完整的网页拆分成若干个组件，每个组件都有自己的HTML、CSS、代码，当用到哪个组件时，只需在页面中引用哪个组件即可。每一个项目都有一个最外层的模板index.html和最外层的组件App.vue，它们在项目中所处的位置如下所示：最外层组件App.vue里面的代码在编译时会经过Vue.js的处理，它会被渲染到index.html中的一个id为app的<div>标签中，在index.html中我们可以找到这个标签：页面中的组件是具有嵌套关系的，在最外层组件App.vue中，我们可以看到里面用到了一些子组件，这些子组件就是页面中的各个部分。App.vue代码如下。在上图中，<mt-header>是页面头部组件，<mt-button>是按钮组件，<tabbar>是TAB栏组件，这些组件都以标签的形式来使用，标签的属性可以用来传递参数、绑定事件。每个子组件都有自己的结构、逻辑和样式代码，子组件结构代码会被渲染到父组件对应的标签下，用来将子组件显示到页面中。5.总结到这里，我们就对前端组件化开发有了一个比较清晰的认识。前端技术的发展，就是从网页制作变成了网页应用的开发，网页不再是一个只用来展示的页面，而是一个应用程序。组件化开发是为了提高代码的可复用性，以及方便团队分工协作开发。对于初学者来说，刚接触前端组件化开发时，会觉得前端现在变得好复杂，要学习的东西也变得很多。但是对于需要开发复杂的大型应用的企业来说，组件化开发能极大地提高开发效率，它让前端开发团队能高效地完成工作，是一个非常有用的技术。

4.北京web前端开发工程师的发展怎么样？我想学习，给推荐几个培训的地方吧！

前端开发在北京还算不错，毕竟像百度，搜狐，等等大公司都在那培训我推荐妙味课堂，有免费的视频你可以去看看~

5.在北京搞Web前端开发实习生一般可以拿多少工资？

实习的工资一般都是1500左右

6.网页设计师和web前端开发工程师一样吗

前端和设计师，如果要区分的话，区别蛮大的。前端是实现设计师出的图效果，做成页面，加上效果，各种JS，各种CSS等等。设计师，按正规来说，和程序员沟通好后，出设计图，各种效果的效果图，比如设计稿内要标明，鼠标移上效果会是怎么样，等等，前端再实现这些效果成页面，交给程序员......

看了以上有关web前端和JAVA开发那个好学?，一份来自前端开发工程师的规范简历，一篇文章搞懂什么是前端“组件化”开发，北京web前端开发工程师的发展怎么样？我想学习，给推荐几个培训的地方吧！，在北京搞Web前端开发实习生一般可以拿多少工资？，网页设计师和web前端开发工程师一样吗??的讲解，如果还有什么疑问可以直接来电咨询