前端开发和其他类别工程师配合的那些事！

实际开发项目中，前端工程师需要和美工、后端、产品经理配合来完成一个产品，今天就简单说说前端工程师和这些类别工程师配合的那些事。

一、前端攻城狮和美工配合的那些事

• 懂得图片理论基础

　　常见的图片格式包含以下几种：

　　　　PNG 1996【优点】：透明、无损压缩、渐近显示、流式读写、保留图像名称、作者、版权、创作时间

　　　　 　　　　  【缺点】：色彩支持少PNG8、PNG24、PNG32，ie6不支持

　　　 JPEG 1992 【优点】：色彩多

　　　　　　　　   【缺点】：有损压缩

　　　　GIF 1987 【优点】：动态图，可透明，体积小

　　　　　　　　   【缺点】：处理256种颜色，不能半透，处理锯齿效果不好。

　　　　 SVG         【优点】：矢量图形，无损压缩，绘制路径xml语言

　　　　　　　　   【缺点】：浏览器支持的不是很好，主要用于移动端font-face

• 会用Adobe的工具（Fireworks或PS）切图

　　　　如果一张全透明的png图片中，有一个小图标，如何把该小图片导出：图像-》裁切-》基于透明像素即可

• 可以和美工配合将图片应用于网页中
• 可以使用这些技巧来切一张psd或转换成font-face

二、和产品经理配合的那些事

• 产品经理PM职业介绍
  • 企业中专门负责产品管理的职位，产品经理负责调查并根据用户的需求，确定开发何种产品，选择何种技术、商业模式等。并推动相应产品的开发组织，还要根据产品的生命周期，协调研发、营销、运营等，确定和组织实施相应的产品策略，以及其他一系列相关的产品管理活动。
• 如何构建原型图（我们通过原型设计工具把最初的页面设计出来，交给产品经理看，如果想法达成一致，直接进行开发，大大的提高了开发效率）
  • 原型设计工具：axure  官网：https://www.axure.com.cn/

三、和node.js配合的那些事

• 全栈架构师那些事

　　全栈工程师，也叫全端工程师，英文Full  Stack  developer。是指掌握多种技能，并能利用多种技能独立完成产品的人。

　　Web前端已不再是从前的切个图、用个jQuery、上个Ajax、兼容各种浏览器，那么简单了。现代的Web前端，你需要用到模块化开发、多屏兼容、MVC、各种复杂        的交互与优化，甚至需要用到Node.js来协助前端的开发。

• 配置前端环境
  • 安装nodejs
  • 如果发现被屏蔽 cnmp  sudo  npm  install  cnmp  -g （淘宝镜像）
  • cnmp  install  yogurt  -g
• 配置后端环境　　
  • swing模板 nodejs一种模板
  • nodejs一定的基础以及Controller对应的一个关系

四、和PHP配合的那些事

• 面向对象编程几大特性：封装（封装对象）、继承（继承父类）、多态（可以重写上述方法）
• $this 拿到的是当前类的对象或者类的对象$a = new  car(); $a
• $this  不是静态的属性和方法
• public 外部直接可以访问  内部OK  继承跟父类的方法全部OK
• private外部不能访问   内部OK  继承都不行
• protected外部也不能访问  内部OK  继承是可以的